/* CSS Document */

body {
	margin: 0;
	padding: 0;
	padding-right: 15px;
	
	background-color: ;
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 10px auto; /* harmonisation des marges haut et bas sous IE */
}

h1 { display: none; }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

.kill { display: none; }
.invisible { visibility: hidden; }
.top { vertical-align: top; } /* alignement en haut (valable uniquement pour les tableaux */
.middle { vertical-align: middle; } /* alignement au milieu (valable uniquement pour les tableaux */
.left { text-align: left; } /* alignement à gauche du contenu */
.center { text-align: center; } /* centrage du contenu */
.justify { text-align: justify; } /* justification du contenu (valable uniquement pour les textes) */
.right { text-align: right; } /* alignement à droite du contenu */
.bottom { vertical-align: bottom; } /* alignement en bas (valable uniquement pour les tableaux */

.full {	width: 100%; } /* largeur maximale */
.shiftleft { margin-left: /* paramétrable */; } /* retrait à gauche */
.shiftright { margin-right: /* paramétrable */; } /* retrait à droite */

.strike { text-decoration: line-through; } /* texte barré */

.divleft {
	margin-right: /* paramétrable */; /* conteneur "flotte" à gauche */
	float: left;
}
.divcenter {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.divright {
	margin-left: /* paramétrable */;/* conteneur "flotte" à droite */
	float: right;
}
.clear { clear: both; }

.borderless { border: none;	} /* supprime les bordures */
.bordered { border: 1px solid black; } /* ajoute une bordure */
.stuck { margin: 0; } /* les balises affectées par cette classe se touchent */
.stuck-bottom { margin-bottom: 0; } /* les balises affectées par cette classe n'ont aucune marge en dessous */
.stuck-left { margin-bottom: 0; } /* les balises affectées par cette classe n'ont aucune marge à gauche */
.stuck-right { margin-bottom: 0; } /* les balises affectées par cette classe n'ont aucune marge à droite */
.stuck-in { padding: 0; } /* les balises affectées par cette classe n'ont aucune marge interne */
.table { display: table; } /* les balises affectées par cette classe réagissent comme des tableaux */
.block { display: block; } /* correction bug IE d'espaces indésirables autour des images */
.inline { display: inline; } /* les balises affectées par cette classe tiennent, dans la mesure du possible, sur la même ligne */
.scroll { overflow: scroll; } /* génère des ascenceurs dans un élément conteneur dans le cas où son contenu est plus vaste que lui */
.hidden {overflow: hidden; } /* masque les éléments qui 'sortent' d'un conteneur affecté par cette classe (les dimensions doivent être précisées) */

a img { /* supprime les bordures autour des images affectées par un lien sous IE */
	padding: 0;

	border: none;
}

a:link,
a:visited {
	font-weight: bold;
	color: #467b99;
	text-decoration: none;
}
a:active,
a:hover{
	color: #ff4800;
	text-decoration: none;
}

.framed { /* crée un encadré et eventuellement un fond sur un bloc */
	width: /* paramétrable */; 
	
	padding-left:50px;
	
	background-image: url(../images/fond/content.gif);
	background-position: left;
	background-repeat: repeat-y;
}
	.framed h2,
	.framed h3,
	.framed h4 {
		margin-top: 0;
	}
	
.comment { /* bloc de commentaire utilisé par exemple dans l'interface administrateur */
	width: 70%;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
	padding: 10px;
	
	border: 1px solid #ccc;
	
	background-color: #eee;
}

.searching { text-align: center; } /* bloc de recherche */

table {
	/*border: 1px solid #f7f3f7;*/
	/*border-collapse: collapse;*/
}

	caption {
		   text-align: left;*
		   color: #FF4800;
		    font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
		}

	td {
		border: none;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;

		/*border-collapse: collapse;*/
	}
		td.bordered {
			border: 1px solid #f7f3f7;
			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			
			background-color: #fff;
		}
	th {
		background-color: #f7f3f7;
		
		font-weight: bold;
		color: #737373;
		text-align: center;
		font-size: 11px;
		
	}
	
ol li ol li { list-style: lower-latin; } /* les puces utilisée pour les sous-listes numérotées sont des caractères latin (a,b,c...) */
ul li { list-style-image: url(../images/puce/dot_blue.gif); }
	ul li ul li { }

hr {
	/* Corrige le bug des marges de HR sous IE */
	display: block;
	height: 1px;
	padding: 0;
	color: #999; /* Couleur sous IE */
	background-color: #999; /* Couleur sous Firefox */
	border: 0;
}

.classic { background-color: #ccc; } /* alternative couleur utilisée pour distinguer les lignes de tableaux */
.altern { background-color: white; } /* alternative couleur utilisée pour distinguer les lignes de tableaux */

/* ******************************************** */
/* Gestion des formulaires */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	padding: 10px;
	
	border: none;
	border-top: 1px solid #44a3c2;
}
	legend {
		font-size: 11px;
		font-weight: bold;
		
		color: #ff4800;
	}

	label {
		font-weight: normal;
	}
		.lbleft { /* s'applique usuellement à une balise <label> afin de l'aligner à gauche du champ de formulaire qu'elle précède */
			width: 135px; /* 150 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: normal; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
		}
		.lbleft-short {
			width: 90px; /* 105 */ /* paramétrable */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
		}
		.lbleft-long {
			width: 90px; /* 105 */ /* paramétrable */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
		}
		input,
		select,
		textarea {
		    font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #737373;
		}
			.text  {
				border: 1px solid #737373;
			}
	
	.denied { /* messages d'erreurs lors du remplissage des formulaires */
		width: 50%;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		padding: 0 15px 0 15px;
		
		border: 1px solid #ddd;
		
		background-color: #eee;
		background-image: url(../images/puce/denied.gif);
		background-position: 15px 15px;
		background-repeat: no-repeat;

		color: #000;
	}
		.denied ul {
			margin: 7px 15px 7px 20px;
			padding: 7px 15px 7px 20px;
		}
		.denied ul li { list-style-image: url(../images/puce/arrow_gray.gif);	}
		
/* ******************************************** */

/* ******************************************** */
/* Arrondi des angles sous Firefox */
.bevelled {
	-moz-border-radius: 12px; /* Arrondi des angles */
	border-radius: 12px; /* Arrondi des angles */
}
	
/* ******************************************** */

/* ******************************************** */
/* Infobulle */
.infobulle{
	position: absolute;	

	visibility : hidden;

	padding: 5px;
	
	border: 1px solid #000;
	
	background-color: #ffc;
}
/* ******************************************** */

/* ******************************************** */
/* Surlignement du texte sous Firefox */

::-moz-selection{
	background-color: #5295c0;
	
	color: white;
}
::selection {
	background-color: #5295c0;
	
	color: white;
} 

/* ******************************************** */

/* ******************************************** */
/* Couleurs */

.orange {
	color: #ff4800;
}

/* ******************************************** */

 /* ************************************************************************************************
GESTION  DES BLOCS
************************************************************************************************* */

/* ***********************************************
BLOCS PRINCIPAUX
*********************************************** */

#main {
	text-align: left; /* rétablit l'alignement à gauche (voir body{} ) */
}
	.header_links {
		text-align: right;
	}
	
/* ***********************************************
CONTENU DES PAGES
*********************************************** */
	
	#content {
	}
	
	.titre {
		font-weight: bold;
		color: #ff4800;
	}
	
	
/* ******************************************** */
/* ACTUALITES */

		#actus {
			margin-bottom: 14px;
			
			background-color: #ffd1bf;
		}
			#actus-top {
				height: 18px;
				
				clear: both;
			}
				#actus-top-left {
					width: 18px;
					height: 18px;

					float: left;
					
					background-image: url(../images/fond/bloc-orange_top-left.gif);
					background-position: top left;
					background-repeat: no-repeat;
				}
				#actus-top-right {
					width: 18px;
					height: 18px;

					float: right;
					
					background-image: url(../images/fond/bloc-orange_top-right.gif);
					background-position: top right;
					background-repeat: no-repeat;
				}
			#actus-center {
				padding: 0 15px;
			}
			#actus-bottom {
				height: 18px;
				
				clear: both;
			}
				#actus-bottom-left {
					width: 18px;
					height: 18px;

					float: left;
					
					background-image: url(../images/fond/bloc-orange_bottom-left.gif);
					background-position: bottom left;
					background-repeat: no-repeat;
				}
				#actus-bottom-right {
					width: 18px;
					height: 18px;

					float: right;
					
					background-image: url(../images/fond/bloc-orange_bottom-right.gif);
					background-position: bottom right;
					background-repeat: no-repeat;
				}
				
/* ******************************************** */
/* OFFRES */

		#offers {
			margin-bottom: 14px;
			
			background-color: #bfdfea;
		}
			#offers-top {
				height: 18px;
				
				clear: both;
			}
				#offers-top-left {
					width: 18px;
					height: 18px;

					float: left;
					
					background-image: url(../images/fond/bloc-bleu_top-left.gif);
					background-position: top left;
					background-repeat: no-repeat;
				}
				#offers-top-right {
					width: 18px;
					height: 18px;

					float: right;
					
					background-image: url(../images/fond/bloc-bleu_top-right.gif);
					background-position: top right;
					background-repeat: no-repeat;
				}
			#offers-center {
				padding: 0 15px;
			}
			#offers-bottom {
				height: 18px;
				
				clear: both;
			}
				#offers-bottom-left {
					width: 18px;
					height: 18px;

					float: left;
					
					background-image: url(../images/fond/bloc-bleu_bottom-left.gif);
					background-position: bottom left;
					background-repeat: no-repeat;
				}
				#offers-bottom-right {
					width: 18px;
					height: 18px;

					float: right;
					
					background-image: url(../images/fond/bloc-bleu_bottom-right.gif);
					background-position: bottom right;
					background-repeat: no-repeat;
				}