/*
TERTU
*/

html {
background-repeat:repeat-x;
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

body{
margin:0;
padding:0;
}


/* ############## CONTAINER ###################*/

#container {
padding:0;
margin:0 auto;
width:900px;
border-left: 3px solid #0071BC;
border-right: 3px solid #007D27;
border-bottom: 1px solid #fff ;
}

h1{
	margin:0;padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

h2{
	margin:0;padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:18px;
	color:#fff;
	padding-top:5px;
	padding-left:8px;
	padding-bottom:5px;
}

h3{
	font-size:13px;
	color:#fff;
	padding:0;
	padding-bottom:8px;
	padding-top:8px;
	margin:0;
}

p{
	margin:0;padding:0;
	line-height:16px;
	font-size:11px;
	color:#000;
}



/* ################ BANDEAU ###################  */

#bandeau{
	width:auto;
	height:231px;
	color: #CC6633;
}

#photo_logo{
	width:auto;
	height:172px;
}

#bandeau_gris{
	height:25px;
	width:auto;
	background-image:url(../iso_icons/fond_bandeau_gris.jpg);
	background-repeat:repeat-y;
}

.bas_voiture{
	position:absolue;
	margin-left:279px;
	float:left;
}

.h1_bandeau_gris{
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;
	padding-right:10px;
}

.h1_equipements{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	padding-top:170px;
	padding-left:5px;
	text-align:left;
}

#bandeau_vert{
	height:35px;
	width:auto;
	background-image:url(../iso_icons/bandeau_recherche.jpg);
	background-repeat:repeat-y;
}

#recherche{
	height:auto;
	padding-top:2px;
	border:none;
	text-align:right;
}

div#recherche a img{
	text-decoration:none;
	border:none;
}

.contact{
	color:#FFF; 
	font-size:13px; 
	font-weight:bold; 
	padding-top:7px; 
	padding-right:10px; 
	padding-left:20px;
}


/* ################ FORMULAIRE RECHERCHE ################ */

.formulaire_recherche{
	/*float:left;*/
}

.rechercher{
	/*float:left;*/ 
	color:#FFF; 
	font-size:13px; 
	font-weight:bold; 
	padding-top:7px; 
	padding-right:10px;
}

.champ_texte{
	background:#FFF; 
	border:1px solid #CCC; 
	color:#999; 
	padding-left:5px;
	margin-top:5px;
	vertical-align:top;
}

.valider_btn{
	width:28px; 
	height:30px; 
	background-image:url(../iso_icons/bouton_ok.jpg); 
	border: none;
}

/* ######################### MENU ######################## */

#menu{
	width:auto;
	height:25px;
	margin-top:5px;
	border: none;
}

/* ############################### CONTENU ######################### */

/* ########################### COLONNE GAUCHE ###################### */

#colonne_gauche{
	border:none;
	margin-top:15px;
	margin-bottom:20px;
	width:180px;
	height:auto;
	float:left;
}

#colonne_gauche h1{
	color:#0071BC;
	text-align:center;
	padding-bottom:20px;
	font-size:30px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#colonne_gauche h2.km{
	background-color:#0071BC;
}

#colonne_gauche h2.proximite{
	background-color:#007D27;
}

div#colonne_gauche p{
	font-size:12px;
	padding-left:8px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	margin-bottom:10px;
}

div#colonne_gauche p.encart_bleu{
	background-color:#A0D3F5;
}

div#colonne_gauche p.encart_vert{
	background-color:#63C080;
}

#cadre_gris{
	background-color:#D6D6D6;
	width:auto;
	height:190px;
	padding-top:45px;
	text-align:center;
	margin-top:10px;
}



/* ########################### COLONNE CENTRALE ###################### */

#colonne_centrale{
	border:none;
	width:492px;
	height:auto;
	float:left;
	margin-bottom:20px;
	margin-top:15px;
	margin-left:25px;
	margin-right:15px;
	padding-top:20px;
}

#colonne_centrale h1{
	color:#000;
	padding-top:10px;
	font-size:25px;
}

#colonne_centrale h2{
	color:#000;
	font-size:19px;
	font-weight:bold;
	padding:0;
}

.img_route{
	padding-right:10px;
	padding-top:5px;
}


/* ########################### COLONNE DROITE ###################### */

#colonne_droite{
	border:none;
	width:180px;
	margin-top:15px;
	margin-bottom:20px;
	height:auto;
	float:right;
}

#cadre_vert{
	background-color:#008A2D;
	width:auto;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}

#cadre_vert h2{
	padding:0;
	margin:0;
}

#cadre_vert p{
	color:#fff;
}

#colonne_droite a, a:hover, a:active{
	color:#fff;
	text-decoration:underline;
	border:none;
}

ul{
	color:#fff;
	font-size:11px;
	padding:0;
	margin:0;
	padding-left:10px;
	margin-left:10px;
}

#actualites h2.actualites{
	background-color:#0071BC;
	padding-left:0;
}

#actualites p{
	background-color:#82C698;
	font-size:12px;
	padding-left:8px;
	padding-top:10px;
	padding-bottom:10px;
}

/* ###################### FOOTER ##########################  */


#footer {
background-color:#0071BC;
height:25px;
text-align:center;
color:#fff;
font-size:10px;
clear:both;
padding-top:10px;
margin-bottom:20px;
}

div#footer  a {
color:#fff;
text-decoration:underline;
}

div#footer  ul {
margin:0;
padding:0;
}

div#footer  ul li {
display:inline;
list-style-type:none;
}