/* CSS Document */

body {
	margin: 0;
	padding: 14px 0 0 0;
	
	background-color: #80adc2;
	background-image: url(../images/fond/fond_intro.gif);
	background-position: center;
	background-attachment: fixed;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center; /* pour correction de centrage de la <div> principale sous IE */
}

div {
	margin: 0;
	padding: 0;
}

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

h1 {
	width: 220px;
	height: 56px;
}
	h1 a {
		height: 100px;
		
		display: block;
		
		text-indent: -999em;
	}
h2 {
	margin: 0 0 20px 0;
	padding: 0;
 
	border-bottom: 1px solid #B5CEDB;
}

h3 {
	margin-bottom: -10px;
	
	font-size: 12px;
	color: #366581;
}
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 */
.shifttop { margin-top: /* paramétrable */; } /* retrait au-dessus */
.shiftleft { margin-left: 14px; } /* retrait à gauche */
.shiftright { margin-right: /* paramétrable */; } /* retrait à droite */
.shiftbottom { margin-bottom: /* paramétrable */; } /* retrait en-dessous */

.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: 14px;;/* conteneur "flotte" à droite */
	float: right;
}
.divleft {
	margin-right: 14px;;/* conteneur "flotte" à droite */
	float: left;
}
.clear { clear: both; }

.borderless { border: none;	} /* supprime les bordures */
.bordered { border-bottom: 1px solid #518BA3; } /* ajoute une bordure */
.line { padding-bottom: 5px;border-bottom: 1px solid #D0E1EB; }
.stuck { margin: 0; } /* les balises affectées par cette classe se touchent */
.stuck-top { margin-top: 0; } /* les balises affectées par cette classe n'ont aucune marge au-dessus */
.stuck-bottom { margin-bottom: 0; } /* les balises affectées par cette classe n'ont aucune marge en dessous */
.stuck-left { margin-left: 0; } /* les balises affectées par cette classe n'ont aucune marge à gauche */
.stuck-right { margin-right: 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 */
.table-cell { display: table-cell; } /* NON COMPATBLE IE - les balises affectées par cette classe réagissent comme des cellules de 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 {
	color: ;
	font-weight: bold;
	text-decoration: underline;
}
a:active,
a:hover{
	color: ;
	font-weight: bold;
	text-decoration: none;
}

.framed { /* crée un encadré et eventuellement un fond sur un bloc */
	width: /* paramétrable */; 
	
	margin-left: /* paramétrable */; 
	margin-right: /* paramétrable */; 
	padding: 10px;
	
	border: 1px solid #ccc;
	
	background-color: #eee;
}
	.framed h2,
	.framed h3,
	.framed h4 {
		margin-top: 0;
	}
	
table {
	border: none;
	/*border-collapse: collapse;*/
}
	td {
		border: none;
		height: 22px;

		/*border-collapse: collapse;*/
	}
	th {
		background-color: #3F677A;
		height: 22px;
		
		font-weight: bold;
		color: white;
		text-align: center;
	}
	
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 { }
	ul li ul li { }
	
ol li {
		padding-bottom: 10px;
	}

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: #E6F1F7; } /* 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;
}
	form ul {
		margin: 0;
		padding: 0;
		
		list-style: none;
	}

fieldset {
	padding: 10px;
	
	border: 1px solid #B6CDDB;
	
	background-color: #fff;
}
	legend {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		color: #3f677a;
	}
	label {
		font-weight: bold;
		color: #476776; 
	}
		.lbleft { /* s'applique usuellement à une balise <label> afin de l'aligner à gauche du champ de formulaire qu'elle précède */
			width: 152px; /* 150 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
		    color: #3f677a;
			font-weight: bold; /* 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: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #42809a;
			background-color: #dce7ed;
		}
			input.text,
			select.text,
			textarea.text {
				padding-left: 5px;
				
				border: 1px solid #6b9db6;
				
				background-color: #dce7ed;
				
				color: #42809a;
			}
	
	.denied { /* messages d'erreurs lors du remplissage des formulaires */
		width: 70%;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		padding: 15px 15px 15px 75px;
		
		border: 1px solid #ddd;
		
		background-color: #eee;
		background-image: url(../images/fond/denied.gif);
		background-position: 15px;
		background-repeat: no-repeat;

		color: #000;
	}
		.denied ul li {	list-style-image: url(../images/puce/carre-bleu.gif);	}
		
/* ******************************************** */

/* ******************************************** */
/* Découpage */
.cols2 {
	width: 50%;
	
	float: left;
}
.cols3 {
	width: 33%;
	
	float: left;
}
/* ******************************************** */

/* ******************************************** */
/* Classes singulières */
.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 { 
	color: #476776; 
	text-align: center;
 } /* bloc de recherche */

.searching p label,
.searching p { 
	color: #476776; 
} 


.path {
}

.bordered2 {
	font-size: 11px;
	color: #366581;

	padding: 7px;
	border: 1px solid #B6CDDB;
	background-color: #fff;
}

.bordered3 {
	padding: 7px;
	border:1px dotted #000;
}

#mentions .bordered3 {
	padding: 7px;
	margin-bottom: 15px;
	margin-left: 30px;
	width: 60%;
	
	border:1px dotted #000;
}

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

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

	visibility : hidden;

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

/* ******************************************** */
/* Curseurs */

.cursor-hand { /* Pointeur de base */
	cursor: default;
}
.cursor-hand { /* Main (lien hypertexte) */
	cursor: pointer;
}
.cursor-cross { /* Croix */
	cursor: crosshair;
}
.cursor-wait { /* Sablier */
	cursor: wait;
}
.cursor-help { /* Point d'interogation */
	cursor: help;
}
.cursor-move { /* 2 double-flèches haut/bas gauche/droite */
	cursor: move;
}
.cursor-erisize { /* Double-flèche gauche/droite */
	cursor: e-resize;
}
.cursor-nresize { /* Double-flèche haut/bas */
	cursor: n-resize;
}
.cursor-neresize { /* Double-flèche bas-gauche/haut-droite */
	cursor: ne-resize;
}
.cursor-nwresize { /* Double-flèche haut-gauche/bas-droite */
	cursor: nw-resize;
}
.cursor-text { /* Texte */
	cursor: text;
}
/* ******************************************** */

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

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

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

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

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

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

#main {
	text-align: left; /* rétablit l'alignement à gauche (voir body{} ) */
}

	#body {
		width: 764px;
		
		margin-left: auto;
		margin-right: auto;
		
		background-color: white;
	}

/* ***********************************************
ENTETE
*********************************************** */
	#header {
		width: 764px;
		height: 56px;
		
		margin-left: auto;
		margin-right: auto;
		
		overflow: hidden;
		
		background-image: url(../images/fond/header.jpg);
	}
	
/* ***********************************************
MENU HAUT
*********************************************** */
	
	#menu-top {
		width: 764px;
		height: 119px;
		
		margin-left: auto;
		margin-right: auto;
	}

/* ***********************************************
MENU GAUCHE
*********************************************** */

		#menu-left {
			width: 198px;
			
			overflow: hidden;
			
			vertical-align: top;
			
			background-image: url(../images/fond/fond_newsletter.jpg);
			background-repeat: repeat-y;
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #42809a;
		}
			#menu-left a:link,
			#menu-left a:visited {
				color: #42809a;
				text-decoration: none;
			}
			#menu-left a:hover {
				color: #42809a;
				text-decoration: none;
			}
			#menu-left ul {
				width: 160px;
				
				margin-left: 10px;
				padding-left: 10px;
				
				list-style: none;
			}
				#menu-left ul li {
					padding-left: 15px;
					
					border-bottom: 1px solid #6d9db2;
					
					background-image: url(../images/puce/carre-bleu.gif);
					background-position: 5px 8px;
					background-repeat: no-repeat;
					
					line-height: 180%;
				}
				
			#menu-left .top {
				padding-bottom: 14px;
				
				background-image: url(../images/fond/fond_menu-left.jpg);
				background-repeat: repeat-y;
			}
			
			#languages {
				width: 148px; /* 198 */
				height: 35px; /* 50 */
				
				padding-top: 15px;
				padding-left: 50px;
				
				background-image: url(../images/fond/languages.jpg);
			}
			
			#searching,
			#ourjobs {
				margin-bottom: 14px;
			}
			
			#extranet input {
				background-color: #fff;
			}
			
			#newsletter {
				padding-bottom: 14px;
				
				background-image: url(../images/fond/fond_newsletter.jpg);
				background-repeat: repeat-y;
			}

/* ***********************************************
CONTENU DES PAGES
*********************************************** */
		#content {
			width: 516px; /* 566 */
			
			padding: 35px 25px 14px 25px; 
			
			vertical-align: top;
			
			overflow: hidden;
			
			background-color: #fff;
		}
			#content a:link,
			#content a:visited {		
				color: #ce1815;
				text-decoration: none;
			}
			#content a:hover {
				background-color: #ce1815;
				
				color: #fff;
				text-decoration: none;
			}
			#news {
				
			}
				#news ul {
					margin: 0;
					padding: 0;
					
					list-style: none;
				}
					#news ul li {
						margin-bottom: 8px;
						padding-left: 10px;
					
						background-image: url(../images/puce/fleche-bleue.gif);
						background-position: 0 5px;
						background-repeat: no-repeat;
					}
				#news p {
					margin: 2px 0;
				}
			
			
			#content .title {
				font-weight: bold;
				color: #366581;
			}
			#content .date {
				font-size: 10px;
				font-weight: normal;
				color: #376682;
			}



.vehicule table {
	border: none;
	/*border-collapse: collapse;*/
}
	.vehicule td {
		font-size: 10px;
		color: #42809A;

		border-bottom: 1px solid #42809A;

		/*border-collapse: collapse;*/
	}
	.vehicule th {
		background-color: #3F677A;
		height: 22px;
		
		font-weight: bold;
		color: white;
		text-align: center;
	}
	
	.vehicule caption {
		font-weight: bold;
		color: #3F677A;
		text-align: left;
		
		padding-bottom: 10px;
	}
	
.vehicule hr  {
	border: 0;
	color: #fff;
	margin-bottom: 25px;
}	

/* ***********************************************
CONTENT AVEC MENU DROIT
*********************************************** */
		.half-content {
			/*width: 354px; /*368 */
			width: 332px; /*346 */
			
			padding-right: 14px;
			
			float: left;
		}
		
/* ***********************************************
MENU DROIT
*********************************************** */
		.menu-right {
			width: 170px;
			
			overflow: hidden;
			
			float: left;
			vertical-align: top;
			
			background-color: #fff;
		}
			.menu-right .title {
				font-weight: bold;
				color: #c41816;
			}
		
/* ***********************************************
PIED DE PAGE
*********************************************** */

	#footer {
		width: 764px;
		height: 25px; /* 35 */
		
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		
		overflow: hidden;
		
		background-image: url(../images/fond/footer.jpg);
		
		text-align: center;
		color: #fff;
	}
		#footer a:link,
		#footer a:visited {
			color: #fff;
		}
		#footer a:hover {
			color: #fff;
		}
		
/* ***********************************************
Cartes dynamique
*********************************************** */	

.menuskin {
	position: absolute;
	z-index:999;
	
	width: 180px;
	
	border: 1px solid #2e5466;
	
	background-color: white;

	line-height: 18px;

	visibility: hidden;
}

.menuskin a.blue {
	padding-left: 10px;
	padding-right: 10px;
	
	color: #2e5466;
	text-decoration: none; 
}

#mouseoverstyle {
	background-color: #b6cddb;
}

#mouseoverstyle a {
	color: #42809a;
}

.agency {
	padding: 10px;
	color: #476776; 
	background-color: #E6F1F7;
}

#popagency {
	margin: 5px;
	padding: 10px;
	
	background-color: #fff;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left; /* pour correction de centrage de la <div> principale sous IE */
}