/***************** STYLE GLOBAUX *****************/

a img{

border:none;

}

a:active, a:focus{

outline:none;

}

/***************** STYLE CONTENU *****************/

#contenu h1{

font:bold 20px Arial, Helvetica, sans-serif;

color:#273b53;

letter-spacing:1px;

margin:0 0 12px;

background:url(../images/charte/bg_h1.gif) no-repeat;

padding-left:30px;

}

#contenu h2{

font:bold 15px Arial, Helvetica, sans-serif;

color:#1268C7;

letter-spacing:1px;

margin:0 0 7px;

background:url(../images/charte/bg_h2.gif) no-repeat;

padding-left:25px;

border-bottom:1px dotted #1268C7;

}



#container #contenu h2.h2_presse{

	margin-bottom:12px;

}



#container #contenu h2 span.date_pr{

	font:bold italic 12px Arial, Helvetica, sans-serif;

}

#contenu h3{

font:bold 13px Arial, Helvetica, sans-serif;

color:#273b53;

letter-spacing:1px;

margin:0 0 5px 0px;

border-bottom:1px solid #A3AEB8;

}

#contenu p{

font:12px/1.2em Arial, Helvetica, sans-serif;

text-align:justify;

color:#707070;

margin-bottom:1.2em;

}

td{

font:12px/1.2em Arial, Helvetica, sans-serif;

/*text-align:justify;*/

color:#000;

/*margin-bottom:1.2em;*/

}

#contenu p em{

font-weight:bold;

font-size:12px;

line-height:1.3em;

}

#contenu p.couleur, span.couleur{

font-weight:bold;

color:#526884;

}

#contenu a:link, #contenu a:visited{

font-weight:bold;

text-decoration:underline;

color:#4a8bd2;

}

#contenu a:hover, #contenu a:active{

color:#757779;

}



/***************** UPLINE *****************/

#upline{

	/*position:absolute;*/

	float:left;

	width:950px;

	/*top:2px;

	left:50%;

	border:1px solid red;

	margin-left:-370px;*/

	color:#4398f3;

}

#upline p{

	font:11px/1.1em Arial, Helvetica, sans-serif;

	text-align:center;

	color:#4398f3;

	margin-top:2px;

	margin-bottom:2px;

}

#upline a{

	color:#4398f3;

	text-decoration:none;

}

#upline a:hover{

	color:#0f3b6a;

	text-decoration:underline;

}



/***************** STYLE ACTUALITES *****************/

#actu{

float:left;

position:relative;

width:374px;

background:#fff url(../images/charte/bg-actu.jpg) center top no-repeat;



}

#lesactu{

float:left;

position:relative;

width:374px;

margin-top:80px;

}

/*#lesactu #news{

background:#fff url(../images/charte/news-emails.png) center top no-repeat;

position:relative;

width:331px;

height:197px;

margin:15px auto 0 auto;

border: 1px solid magenta;

}



#lesactu #news-emails .lechamp{

	clear:both;

    margin: 170px auto 0 auto;

    padding-left:10px;

	height:40px;

}*/

.uneactu{

padding:7px 20px 0 37px;

background:url(../images/charte/bg-actualite1.jpg) no-repeat;

height:113px;

/*min-height:113px;*/

width:305px;

margin-top:0;

margin-left:12px;

}

#actu .uneactu p{

font-size:11px;

}

#actu .uneactu p.titre_actu{

	width:200px;

	color:#3F5F85;

	font-size:12px;

	font-weight:bold;

	background:url(../images/charte/bg_1.gif) no-repeat bottom left;

	width:228px;

	height:38px;

	text-align:left;

	padding-left:40px;



}

.news-emails{

position:relative;

width:331px;

height:197px;

float:left;

margin:10px 21px 0 21px;

}



#contenu #actu .uneactu a{

position:relative;

top:2px;

font:10px Arial, Helvetica, sans-serif;

text-decoration:underline;

}



#contenu #actu .actu-accueil{

	width:260px;

	padding-left:5px;

	margin-bottom:3px;

}



#contenu #actu .lien-actu-accueil{

	float:right;

	padding-right:40px;

}



#contenu .encart-panneau{

	margin:10px auto 20px auto;

	width:207px;

    height: 335px;

}



/********************* Généralités ***********************/

#container  #contenu ul li{

	/*padding-bottom:2px;*/

	text-align:left;

	font-size:12px;

	line-height:1.4em;

	color:#526884;

	list-style-image:url(../images/charte/puce1.gif);

	margin:0px 0px 7px 40px;

	font:12px/1.2em Arial, Helvetica, sans-serif;

} 



#container  #contenu ul li a{

	text-decoration:none;

	color:#4a8bd2;

	font-weight:bold;

}



#container  #contenu ul.liste li{

	/*padding-bottom:2px;*/

	text-align:left;

	font-size:12px;

	line-height:1.4em;

	color:#526884;

	list-style-image:url(../images/charte/puce.gif);

	margin:0px 0px 2px 20px;

	font:12px/1.2em Arial, Helvetica, sans-serif;

} 



#container  #contenu ul li a:hover{

	text-decoration:underline;

}



#container  #contenu ul{

	margin-bottom:10px;

}





#container #contenu strong{

	color:#707070;

	font-weight:bold;

}





#container  #contenu p.txt_center{

	text-align:center;

}



#container  #contenu p.txt_center_imp{

	text-align:center;

	color:#4093ED;

	font-weight:bold;

	font-size:13px;

	background:url(../images/charte/bg_txt.jpg) no-repeat;

}



#liens{

	position:absolute;

	left:185px;

	top:0;

	/*width:195px;*/

	height:54px;

	margin-top:50px;

	margin-left:-20px;



}



#footer #liens a{

	text-decoration:none;

	font:11px/8px Arial, Helvetica, sans-serif;

	color:#ffffff;

	margin:27px 0 0;

}



#footer #liens a:hover{

	text-decoration:none;

	color:#194474;

}



/*********************Fiche produit**************************/

#container .bloc_fiche{

	float:left;

	width:240px;

	text-align:center;

	margin-bottom:10px;

	border:1px solid #A1A0A0;

	background:#FFFFFF;

	padding:5px 10px;

}



#container #contenu .bloc_fiche h2{

	font:bold 13px Arial, Helvetica, sans-serif;

	color:#1268C7;

	letter-spacing:1px;

	margin:0 0 7px;

	background:url(../images/charte/bg_h2.gif) no-repeat;

	padding-left:25px;

	border-bottom:1px dotted #1268C7;

	text-align:left;

}



#container #contenu .bloc_fiche p.des{

	color:#19487C;

	font-size:13px;

	font-weight:bold;

	border-bottom:1px dotted #19487C;

}





.cadre_photos{

	width:260px;

	float:left;

	margin-right:20px;

}



#container #contenu .cadre_photos .photo_principal{

	margin-bottom:10px;

	width:280px;

}



#container #contenu .cadre_photos .photo_principal img{

	border:1px solid #A1A0A0;

}



.cadre_photos .ligne{

	width:280px;

	height:70px;

	margin-bottom:10px;

	margin-top:10px;

	clear:left;

}





#container #contenu .vignette{

	margin-right:8px;

	margin-bottom:8px;

	float:left;

	border:1px solid #A1A0A0;

}



#container #contenu #bloc_fiche fieldset{

	border:1px solid #0D75A2;

	margin:0px 5px 5px 0px;

	float:left;

	width:440px;

}



#container #contenu #bloc_fiche legend{

	color:#04316F;

	font-style:italic;

	font-size:14px;

	font-weight:bold;

	margin-left:30px;

	padding:5px;

}



#container #contenu #bloc_fiche fieldset p{

	font-family:Trebuchet MS;

	font-size:12px;

	line-height:1.1em;

	text-align:justify;

	color:#526884;

	margin-bottom:5px;

	padding:5px;

 }

 

#container .formResa label{

	display:block;

	width:32%;

	float:left;

}

#container .formResa p{

	clear:left;

	}

 #container .formResa  select{

	width:150px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	background:#fff;

	color:#000;

	border:1px solid #ccc;

}



 #container .formResa .input{

	width:130px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	background:#fff;

	color:#000;

	border:1px solid #ccc;

}



 #container .formResa .date_res{

	width:120px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	background:#fff;

	color:#000;

	border:1px solid #ccc;

}

 

#container #contenu .uneactu .formResa p{

	margin-bottom:8px;

	text-align:left;

 }

#container #contenu .formResa #login,#container #contenu .formResa #passwd{

	width:170px;

}

 #container #contenu .formResa .identifier{

 	width:120px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	background:url(../images/charte/identifier.jpg) no-repeat;

	color:#000;

	border:none;

	height:30px;

	margin-left:18px;

	margin-bottom:10px;

	cursor:pointer;

    position:absolute;

    z-index: 5px;

 }

 

  #container #contenu .formResa .agenda{

 	width:150px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	background:url(../images/charte/agenda.jpg) no-repeat;

	color:#000;

	border:none;

	height:50px;

	margin-left:100px;

	margin-bottom:10px;

	cursor:pointer;

 }

 

 

#contenu .agenda-lien{

 	width:150px;

	font-size:12px;

	border:none;

	height:50px;

	cursor:pointer;

	padding-left:50px;

 }

 

 #container #contenu .colonne1{

 	width:260px;

	margin-right:20px;

	float:left;

 }

 

 #container #contenu .colonne2{

 	width:260px;

	float:left;

 }



#container #contenu .bloc_accueil{

	width:450px;
	margin:20px 0 0 60px;
	text-align:center;
	float:left;

   }



#container #contenu .bloc_accueil img{

	margin:10px 5px 5px 5px;
	border: 1px #000066 solid;
}



#container #contenu .bloc_accueil p{

	margin-left:350px;

	clear:both;

}



 #container #contenu #form_login .savoir{

 	width:120px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	background:url(../images/charte/savoir.jpg) no-repeat;

	color:#000;

	border:none;

	height:30px;

	margin-left:140px;

	margin-bottom:10px;

	margin-top:5px;

	cursor:pointer;

 }

 

 #container #contenu #form_login em.dat{

 	font-size:11px;

	font-weight:normal;

	font-family:"Trebuchet MS";

 }

 

#container #contenu .calendrier{

	width:160px;

	float:right;

}



#container #contenu .calendrier p.mois{

	text-align:center;

	font-size:13px;

	font-weight:bold;

	letter-spacing:1px;

	color:#1475E0;

	margin:2px 0px;

	height:16px;

}



#container #contenu .calendrier .jr{

	background:#2A5092;

	width:20px;

	height:10px;

}



#container #contenu #form_login .calendrier p{

	margin-bottom:0px;

	font-size:11px;

	text-align:center;

}



#container #contenu #form_login .calendrier p.j{

	color:#FFFFFF;

	text-align:center;

	font-weight:bold;

	font-size:12px;

	margin-bottom:0px;

}



#container #contenu #form_login .calendrier p.coche_res{

	color:#FFFFFF;

	background:#D62540;

}



#container #contenu #form_login .calendrier p.coche_libre{

	color:#FFFFFF;

	background:#5EAA21;

}



#container #contenu #form_login .calendrier p.coche_week{

	color:#FFFFFF;

	background:#EDA00A;

}







#container #contenu .calendrier tr td{

	background:#E8ECF2;

}



 #container  #contenu #form_login  tab.tab_planning tr td .chekbox{

	width:20px !important;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	background:#fff;

	border:none;

}



#container  #contenu #form_login .tab_planning{

	width:362px;

}



/*********************** Actulalités ******************/

.bloc_actu{

	width:540px;

	min-height:100px;

	margin-bottom:20px;

	/*border:1px solid #EC192A;*/

	float:left;

}



.bloc_actu .top_actu{

	background:url(../images/charte/top_bloc.jpg) no-repeat;

	height:4px;

	float:left;

	width:540px;

}



.bloc_actu .contenu_actu{

	background:url(../images/charte/contenu_bloc.jpg) repeat-y;

	float:left;

	width:540px;

}



.bloc_actu .bas_actu{

	background:url(../images/charte/bas_actu.jpg) no-repeat;

	height:15px;

	float:left;

	width:540px;

}



.bloc_actu .bloc_titre{

	width:520px;

	border-bottom:1px dotted #4093ED;

	height:16px;

	background:url(../images/charte/bg_titre.jpg) no-repeat;

	margin:2px 8px 0px 8px;

}



#container  #contenu .bloc_actu .bloc_titre p.titre_actu{

	float:left;

	width:430px;

	font-weight:bold;

	font-size:14px;

	color:#4093ED;

	font-variant:small-caps;

	letter-spacing:1px;

	margin-left:0px;

}



#container  #contenu .bloc_actu .bloc_titre p.date_actu{

	float:left;

	width:90px;

	color:#000000;

	font-style:italic;

	text-align:right;

}



#container  #contenu .bloc_actu p.txt_actu{

	float:left;

	width:360px;

	margin:5px 0px 10px 8px;

	clear:both;

}



#container  #contenu .bloc_actu p.txt_actu_contact{

	margin:5px 0px 10px 8px;

	clear:left;

	background:url(../images/charte/puce2.jpg) no-repeat;

	padding-left:13px;

}



#container  #contenu .bloc_actu .contenu_actu .bloc_img_actu{

	width:150px;

	height:143px;

	background:url(../images/charte/bg_img.jpg) no-repeat;

	float:right;

	margin:0px 10px 10px 10px;

	text-align:center;

}



#container  #contenu .bloc_actu .contenu_actu .bloc_img_actu img{

	margin:10px 2px;

}



#container  #contenu .tab_tarif tr td{

	border:none;

	padding:5px 4px;

}



#container  #contenu .tab_tarif tr td.titre_tab{

	border:1px solid #CCCCCC;

	padding:1px 4px;

	background:#245C9A;

}



#container  #contenu .tab_tarif tr td p{

	margin-bottom:0px;

}





#container  #contenu .tab_tarif tr td.titre_tab p{

	text-align:center;

	color:#FFFFFF;

	font-size:13px;

	font-weight:bold;

	font-family:"Trebuchet MS";

	margin-bottom:0px;

}

/***************** STYLE FOOTER *****************/

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#fff;

text-align:right;

letter-spacing:1px;

padding:0 10px 0 0;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#fff;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

color:#fff;

}



#invisible{

display:none;

}

/*************** Presses ******************/



.bloc_presse{

	width:165px;

	height:220px;

	float:left;

	margin:0px 7px 25px 7px;

	border:1px solid #4093ED;

	text-align:center;

}



.bloc_presse .bloc_img_presse{

	width:155px;

	margin:5px;

	height:140px;

	text-align:center;

}



.bloc_presse .bloc_img_presse img{

	border:1px solid #CCCCCC;

}



#contenu .img_presse{

	margin:0px 10px 10px 0px;

	border:1px solid #CCCCCC;

	float:left;

}



#container  #contenu .bloc_presse p.titre_presse{

	margin:0px 7px 5px 7px;

	border-bottom:1px dotted #436997;

	padding-bottom:2px;

	text-align:center;

	font-size:13px;

	font-weight:bold;

	color:#4093ED;

	font-size:11px;

	height:25px;

	margin-bottom:5px;

}



#container  #contenu .bloc_presse p.txt_presse{

	margin:0px 5px 5px 5px;

	text-align:center;

	font-size:11px;

}



#container  #contenu .bloc_presse p.txt_presse a{

	text-decoration:none;

	color:#666666;

}



#container  #contenu .bloc_presse p.txt_presse a:hover{

	text-decoration:underline;

	color:#666666;

}





#container  #contenu .bloc_presse p.date_presse{

	margin:0px 5px 5px 5px;

	text-align:center;

	font-size:11px;

	font-style:italic;

}





#pagination{

	width:540px;

	clear:both;

}



#pagination p.prec{

	width:50px;

	float:left;

	text-align:left;

}



#pagination p.page{

	width:440px;

	float:left;

	text-align:center;

}



#pagination p.suiv{

	width:50px;

	float:right;

	text-align:right;

}



.retour{

	float:right;

	margin-top:10px;

}



/* STYLE DE LA PAGE CONTACT */



.adresse-horaire{

	width:300px;

	float:right;

	padding-right:50px;

}



#bloc_contactTxt{

	width:245px;

	float:right;

	height:200px;

	text-align:center;

}



#contactTxt{

	width:210px;

	float:right;

	height:240px;

	text-align:center;

	background:url(../images/charte/bg_coordonnees1.jpg) no-repeat;

	margin-top:20px;

}



#encart_contact{

	width:200px;

	float:right;

	height:200px;

	text-align:center;

	background:url(../images/charte/bg_contact.jpg) no-repeat;

	margin-top:20px;

	padding-top:20px;

}



#ligne_contact{

	width:640px;

	clear:both;

	margin-bottom:20px;

	height:180px;

}



.plan_acces{

	width:210px;

	float:right;

	height:200px;

	margin:40px 0px 10px 10px;

	clear:right;

	border:1px dotted red;

}



#container #contenu .table_contact{

	margin:3px 0px;

}



#container #contenu .table_contact tr td{

	padding:1px 3px;

	border:1px solid #C8C9C8;

}



#container #contenu .table_contact tr td p{

	margin-bottom:0px;

	text-align:left;

}





	

#contactTxt img{

	margin:10px 0px 5px 0px;

}



#container #contactTxt p{

	text-align:left;

	padding-bottom:0px;

	clear:both;

	margin-top:8px;

	margin:0px 5px 7px 10px;

}



#container #contactTxt ul li{

	margin-right:10px;

}





#container #encart_contact p{

	text-align:left;

	padding-bottom:3px;

	clear:both;

	margin-top:8px;

	margin:3px 5px 5px 10px;

	line-height:18px;

}



#container .logo{

	float:left;

	border:none;

	margin:0px 40px 10px 0px;

}



#container #formContact{

	float:left;

	margin-right:15px;

}





#container #contenu  #formContact p{

	padding-bottom:0px;

	margin-bottom:5px;

	margin-left:0px;

	line-height:18px;

	text-align:left;

}



#container #formContact table.table tr td{

	height:15px;

}



#container #formContact table.table tr td.br{

	height:5px;

}



#container #formContact table.table tr td.adresse1{

	height:40px;

}



#container #formContact .checkbox{

	width:12px;

	height:12px;

	border:none;

}



#container #formContact .imputForm{

	margin-right:3px;

	font-weight:bold;

}







#container #formContact textarea{

	width:140px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	background:#fff;

	color:#000;

	border:1px solid #ccc;

}



#container #formContact input{

	width:140px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	background:#fff;

	color:#000;

	border:1px solid #ccc;

}



#container #formContact input:focus{

	border-color:#4093ED;

}



#container #formContact textarea:focus{

	border-color:#4093ED;

}



#formContact .champRequis{

	color:#EC192A;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

}



.champRequis{

	color:#EC192A;

}



#container #contenu p.txt_rq{

	font-size:11px;

	line-height:12px;

	text-align:justify;

	padding-bottom:5px;

}



#container #contenu #formContact p.txt_rq{

	font-size:11px;

	line-height:12px;

	text-align:justify;

	padding-bottom:5px;

}



#container #formContact .bouton{

	color:#fff;

	background:#CD2021;

	border:none;

	background:url(../images/charte/bg_bouton.jpg) no-repeat;

	margin:5px;

	width:70px;

	height:22px;

	text-align:center;

	padding-bottom:2px;

	letter-spacing:1px;

	font-family:"Trebuchet MS";

}



#container #form_login .bouton{

	color:#fff;

	background:#CD2021;

	border:none;

	background:url(../images/charte/bg_bouton.jpg) no-repeat;

	margin:5px;

	width:70px;

	height:22px;

	text-align:center;

	padding-bottom:2px;

	letter-spacing:1px;

	font-family:"Trebuchet MS";

}



#container #formContact .capta{

	width:51px;

}



#contenu .lien-vehicules-accueil{

	text-align:center;

}



#contenu .lien-vehicules-accueil a{

	text-align:center;

	text-decoration:none;	



}

/* STYLE DE LA PAGE self conduite dans votre ville */



#contenu .ligne_form{

	width:100%;	

	margin:10px 0 10px 0;

}



#contenu .ligne_form label{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#1864BA;

}



#container #contenu .ligne_form input{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	width:130px;

	margin-left:50px;

}



#contenu .ligne_form select{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	width:300px;

	margin-left:50px;

}



#container #contenu .ligne_form textarea{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	width:295px;

	height:40px;

	margin-left:50px;

}



#contenu #bouton-envoi input{

	background:transparent url(../images/charte/bg_bouton.jpg) no-repeat scroll 0 0;

	border:medium none;

	color:#FFFFFF;

	font-family:"Trebuchet MS";

	height:22px;

	letter-spacing:1px;

	margin:5px;

	padding-bottom:2px;

	text-align:center;

	width:70px;

}



/* STYLE DE LA PAGE self franchise */

#contenu .ligne_form2{

	width:100%;	

	margin:10px 0 10px 0;

}



#contenu .ligne_form2 label{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#1864BA;

	width:130px;

	float:left;

}



#contenu .ligne_form2 input , #contenu .ligne_form2 select{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	width:150px;

	margin-left:50px;

}



#contenu .ligne_form2 textarea{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	width:300px;

	margin-left:50px;

}





/* STYLE DE LA PAGE nos vehicules */



#contenu #vehicules-diapo{

	margin:160px auto 0 auto;

	width:500px;

}



/* STYLE DE LA PAGE ou sommes nous */ 



#contenu .colgauche-adresse{

	width:250px;

	float:left;

	margin:20px 0 20px 0;

}



#contenu .coldroite-adresse{

	width:220px;

	float:right;

	margin:40px 0 20px 0;

}





#contenu a.bt-adresse{

    margin: 20px 35px 0 340px;

    display:block;

    float right;

	background:url(../images/charte/bt-adresse.png) no-repeat top left ;

	width:127px;

	height:37px;

}



#contenu a:hover.bt-adresse{

	background:url(../images/charte/bt-adresse.png) no-repeat bottom left;

}



#presentation img{

  position: relative;

  margin:5px 15px 5px 40px;

  float: left;

  vertical-align: baseline;

}



#presentation .bulles img{

  position: relative;

  margin:5px 10px 5px 10px;

  float: left;

  vertical-align: baseline;

}

/****** Message erreur js *******/

/* style du paragrpahe quand erreur */

.paragraphe-advice{

	border:1px solid #FF3300;

}

/* message d'erreur */

.validation-advice {

	display: block;

	font-size:12px;

	margin: 0 0 .3em .3em;

	padding-left: 1.5em;

	color : #FF3300;;

	font-weight: bold;

	background: url('../images/pictos/important.png') no-repeat left center;

}



.custom-advice {

	margin: 5px 0;

	padding: 5px;

	background-color: #C8AA00;

	color : #FFF;

	font-weight: bold;

}