/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1.presentation{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation2.jpg) center top no-repeat;
height:20px;
width:670px;
}
#contenu h1.p{
font:bold 18px Arial, Helvetica, sans-serif;
color:#486a83;
margin-left:0px;
margin-top:10px;
background:url(../images/charte/p.jpg) center top no-repeat;
height:px;
width:659px;
margin-bottom:10px;
}

#contenu h1.presentation2{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation2_ang.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation3{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation3.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation3_ang{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation3_ang.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation4{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation4.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation4_ang{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation4_ang.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation5{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation5.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation5_ang{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation5_ang.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation6{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation6.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation6_ang{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation6_ang.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation7{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation7.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation7_ang{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation7_ang.jpg) center top no-repeat;
height:20px;
width:670px;
}
#contenu h1.presentation8{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation8.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation8_ang{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation8_ang.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation9{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation9.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation9_ang{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation9_ang.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation10{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation10.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation11{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation11.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation12{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation12.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1.presentation13{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
background:url(../images/charte/t-presentation13.jpg) center top no-repeat;
height:20px;
width:670px;
}

#contenu h1 span{
display:none;
}
#contenu h2{
font:15px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 7px;
}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#ccc;
margin-bottom:1.2em;
line-height:20px;

}

#contenu span{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color: #3399CC;
margin-bottom:1.2em;
line-height:20px;
font-weight:bold;

}

#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
color:#426B85;
}
#contenu a:link, #contenu a:visited{
text-decoration:none;
color:#426B85;
}
#contenu a:hover, #contenu a:active{
color:#fff;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#4A4A4A;
text-align:right;
padding:30px 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#4A4A4A;
}
#footer a:hover, #footer a:active{
color:#ccc;
}

/***************** STYLE LISTING *****************/

.listing{
float:left;
margin-left:15px;
background-image: url(../images/charte/fond_listing.jpg);
background-repeat:no-repeat;
width:149px;
height:291px;
margin-top:10px;
margin-bottom:20px;
position:relative;
}

.listing img{
float:left;
margin-top:20px;
margin-left:10px;
}

.droite_listing {
float:left;
width:140px;
height:100px;
margin-right:10px;
margin-top:20px;
}
#contenu .listing .marque{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #406786;
margin-left:10px;
margin-top:10px;
width:140px;
height:20px;
background-image:url(../images/charte/puce.gif);
background-repeat:no-repeat;
padding-left:10px;

}

#contenu .listing .annee{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #406786;
margin-left:10px;
margin-top:10px;
width:120px;
height:30px;
background-image:url(../images/charte/puce.gif);
background-repeat:no-repeat;
padding-left:10px;

}

#contenu .listing .annee span{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
margin-right:10px;
margin-top:10px;
width:100px;
height:20px;

}
.infos{
float:right;
background-image:url(../images/charte/infos.jpg);
background-repeat:no-repeat;
width:99px;
height:18px;
margin-bottom:0px;
margin-top:42px;
cursor:pointer;

}

#contenu .listing .marque span{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
margin-right:10px;
margin-top:10px;
width:100px;
height:20px;

}

#contenu .listing2{
	float:left;
	width:420px;
	margin-left:120px;
	margin-top:15px;
	
}
#contenu .listing2 .titrelisting2{
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	margin-right:0px;
}

#contenu .listing2 select{
	width:120px;
	margin-left:0px;
	background-color: #7A8B93;
	color:#000;
	font-size:11px;
	margin-right:20px;
}
 .picto{
	background:transparent url(../images/charte/new.png) no-repeat ;
	height:66px;
	left:2px;
	position:absolute;
	top:2px;
	width:66px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='crop');
}

 .picto2{
	background:transparent url(../images/charte/affaire.png) no-repeat ;
	height:66px;
	left:2px;
	position:absolute;
	top:2px;
	width:66px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/affaire.png', sizingMethod='crop');
}



 .picto22{
	background:transparent url(../images/charte/ideal.png) no-repeat ;
	height:66px;
	left:2px;
	position:absolute;
	top:2px;
	width:66px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/ideal.png', sizingMethod='crop');
}

 .picto3{
	background:transparent url(../images/charte/coeur.png) no-repeat ;
	height:66px;
	left:2px;
	position:absolute;
	top:2px;
	width:66px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/coeur.png', sizingMethod='crop');
}

#pagination{
	width:650px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:5px;
	margin-bottom:20px;
	border:none;
}

 #pagination p{
 text-align:center;
 margin-top:5px;
 color:#0000FF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;

}



 .prev{
	float:left;
	width:90px;
	height:18px;
	
}
 .next{
	float:right;
	width:75px;
	height:18px;

}

/***************** STYLE FICHE *****************/

.fiche{
float:left;
background-image:url(../images/charte/fond_fiche.jpg);
background-repeat:no-repeat;
background-color:#212121;
border:1px solid #999999;
width:343px;
margin-top:10px;
}

#contenu .fiche .txt{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #406786;
margin-left:10px;
margin-top:10px;
width:250px;
height:30px;
background-image:url(../images/charte/puce.gif);
background-repeat:no-repeat;
padding-left:10px;

}


#contenu .fiche .txt span{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
margin-right:10px;
margin-top:10px;
width:100px;
height:20px;

}

#contenu .fiche .txt .prix{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #990000;
margin-right:12px;
font-weight:bold;
margin-top:10px;
width:100px;
height:20px;

}

#contenu .fiche .descriptif{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
margin-right:10px;
margin-top:10px;
margin-left:10px;
}

.droite_fiche{
float:right;
margin-top:10px;
width:264px;
height:186px;
margin-right:20px;
}

.droite_fiche img{
border:1px solid #999999;
}

.vignette_secondaire{
float:left;
margin-top:10px;
width:264px;

}
.vignette_secondaire .p_image{
float:left;
margin-right:2px;

}
.droite_fiche .envoi{
border:none;
margin-top:10px;
float:left;
}

/***************** STYLE TARIFS LOCATION *****************/

.tableau{
float:left;
margin-top:10px;
background-color:#999999;
margin-bottom:10px;
}

.tableau tr{
background-color: #000000;
}

#contenu .tableau td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
text-align:center;
}

#contenu .tableau .titre{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3399CC;
text-align:center;
font-weight:bold;
margin-top:5px;
}

#contenu .tableau .titre2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:center;
font-weight:bold;
margin-top:5px;
}

/***************** STYLE TARIFS LOCATION SANS CHEFFEURS *****************/

#contenu .titre_location{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#fff;

}
/***************** RESERVATION *****************/

#formulaire{
float:left;
width:300px;
margin-left:0px;
margin-top:20px;


}

#container2 #contenu #contact_fomulaire {
float:left;
width:200px;
margin-left:0px;
margin-top:20px;
}
#contact_prop {
	width:290px;
	float:left;
	margin-left:10px;
}
#contenu label{
	font-size:11px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;

}

#contenu #formContact  input, #contenu #formContact textarea{
	width:200px;
	border:1px solid  #FFCC00 ;
	font-size:11px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}


#contenu #formContact  input, #contenu #formContact .text2{
	width:200px;
	border:1px solid  #FFCC00 ;
	font-size:11px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .autre{
	width:140px;
	font-size:12px;
	color:#fff;
}

#contenu #formContact input:focus, #contenuTexte #formContact textarea:focus{
	border:1px solid #fff ;
}
#contenu #formContact .champRequis{
	color: #FFCC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu #formContact   .bouton {
	border:1px solid  #FFCC00;
	font-size:11px;
	color:#000;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}
#contenu #formContact  .bouton:focus {
	border:1px solid #fff ;
}

#contenu #formContact  .capa{
	width:180px;
	border:1px solid  #FFCC00;
	font-size:12px;
	color:#000;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .capa:focus{
	border:1px solid #fff ;
}

#contenu #formContact .case{
	text-align:left;
	width:15px;
	border:1px solid  #FFCC00;
	background:none;
	margin-bottom:5px;
}

#contenu .txt_bas3{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
margin-bottom:10px;

}

#contenu .txt_bas{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
text-align:justify;


}

#contenu .txt_loi{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:20px;

}

#contenu #formContact  select{
	width:130px;
	border:1px solid #FFCC00;
	font-size:12px;
	color:#000;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}



/***************** PARTENAIRES *****************/

.partenaire{
float:left;
margin-left:120px;
background-image: url(../images/charte/fond_partenaire.jpg);
background-repeat:no-repeat;
background-color:#1a1a1a;
border:1px solid #999999;
width:397px;
margin-bottom:20px;

}

.partenaire img{
float:left;
margin-left:20px;
margin-top:20px;
margin-bottom:20px;
}

.droite_partenaire{
float:right;
width:220px;
}

#contenu .partenaire .droite_partenaire p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:10px;
width:200px;

}

#contenu .partenaire .droite_partenaire .titre_parenaire{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0066CC;
margin-top:10px;
width:200px;
text-align:center;
height:20px;

}

#contenu .partenaire .droite_partenaire .url{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#0066CC;
margin-top:10px;
width:200px;
text-align:right;
height:20px;
}


/***************** CONTACT *****************/

.coord{
float:right;
margin-top:20px;
widows:205;
margin-right:50px;
}

#contenu .coord p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:10px;
width:200px;

}

#contenu .coord .titre_ccord{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0066CC;
margin-top:10px;
width:200px;

height:20px;

}


#contenu  .vignette_plan .sous_liste{
float:left;
margin-left:30px;
font-family:Arial, Helvetica, sans-serif;
color:#0066CC;
font-weight:bold;
}
.vignette_plan{
float:left;
margin-left:10px;
width:220px;
margin-top:20px;
}


.haut{
float:right;
margin-right:40px;
margin-bottom:20px;
}