/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
#top h1{
font:bold 20px Arial, Helvetica, sans-serif;
color: #ff6600;
letter-spacing:1px;
margin:0 0 0 10px;
padding:25px 0 0 125px;
}
/***************** STYLE CONTENU *****************/
#contenuTexte h1{
font:bold 20px Arial, Helvetica, sans-serif;
color: #ff6600;
letter-spacing:1px;
margin:0 0 12px;
}
#contenuTexte h2{
font:bold 15px Arial, Helvetica, sans-serif;
color: #000;
letter-spacing:1px;
margin:0 0 7px;
}
#contenuTexte p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#333;
margin-bottom:1.2em;
}
#contenuTexte p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenuTexte p.couleur, span.couleur{
font-weight:bold;
color:#ff6600;
}
#contenuTexte a:link, #contenuTexte a:visited{
font-weight:bold;
text-decoration:underline;
color: #000;
}
#contenuTexte a:hover, #contenu a:active{
color: #ff6600;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#333;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#333;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#333;
}



/***************** STYLE presentation *****************/

#contenu #presentation p{
	font-size:12px;
	font-weight:600;
	line-height:1.8em;
	color:#333333;
	width:700px;
}

#contenu #presentation h2{
	font-size:16px;
	font-weight:600;
	color:#FFF;
}

#contenu .strong-gris{
	font-weight:900;
	color:#666666;
}

#contenu #presentation img{
	-moz-opacity: 0.65; opacity:0.65;
	margin-bottom:20px;
}


/***************** STYLE produits *****************/

#contenu #flash-produit{
	width:560px;
	height:540px;
	padding-left:50px;
}

#contenu #fiche-produit-texte{
	float:left;
	width:420px;
	padding:20px 30px 40px 50px;
}

#contenu #fiche-produit-image{
	overflow:hidden;
	height:1%;

}

#contenu h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FF6600;
	padding-top:30px;
}


#contenu h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}

#contenu .orangebold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF6600;
	font-weight:600;
}


#contenu #fiche-produit-texte a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF6600;	
}

#contenu #fiche-produit-texte a:hover{
	color:#555555;
}

#contenu li{
	background:url(../images/puce.gif) no-repeat left 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
	padding:0 0 10px 20px;
}

#contenu #fiche-produit-liens{
	margin:50px auto 0 auto;
	width:280px
}

#contenu #fiche-produit-texte #fiche-produit-liens a{
	display:block;
	width:120px;
	float:left;
	text-decoration:none;
	text-align:center;
	padding-right:20px;
	color:#FF6600;	
}

#contenu #fiche-produit-texte #fiche-produit-liens a:hover p{
	color:#555555;	
}

#contenu #fiche-produit-liens a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;	
}

#contenu #fiche-produit-liens a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity: 0.60; opacity:0.60;	
}

#contenu #fiche-produit-liens .lienpdf p{
	text-align:center;
}


/***************** STYLE historique *****************/

#contenu #historique{
	width:500px;
	float:left;

	padding-right:20px;
}

#contenu #historique-image{
	overflow:hidden;
	height:1%;

}

#contenu #historique p{
	font-size:12px;
}

#contenu #historique h3{
	font-size:16px;
}

#contenu #historique li{
	font-size:14px;
}

/***************** STYLE mentions legales *****************/

#contenu #mentions-legales-col-1{
	width:400px;
	float:left;
	padding-right:50px;
}

#contenu #mentions-legales-col-2{
	overflow:hidden;
	height:1%;

}

/***************** STYLE contact *****************/



/***** STYLE formulaire *****/

#contenu #contact-formulaire{
	width:340px;
	float:left;
	padding-right:70px;
	margin-bottom:30px;
}

#contenu .ligne_form{
	width:100%;
	margin:8px 0 0 5px;
	clear:both;
	float:right;
}

#contenu #contact-formulaire p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#contenu .ligne_form label.coords{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:right;

	line-height:100%;
}

#contenu .ligne_form label{
	height:15px;
	float:right;
	
}

#contenu .bouton-radio{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#contenu .bouton-radio label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#contenu .bouton-radio input{
	margin-left:10px;
}

#contenu .labelradio{
	margin-left:3px;
}

#contenu .ligne_form input {
	font-size:11px;
	margin-left:10px;
	float:right;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contenu .ligne_form textarea {
	width:150px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	margin-left:10px;
}

#contenu .ligne_form input , #contenu #capatcha-area input , #contenu .ligne_form textarea , #commentaires textarea , #contenu .ligne_form select {
	border:1px solid #676767;
}
	
#contenu .ligne_form input:hover , #contenu #capatcha-area input:hover , #contenu .ligne_form textarea:hover , #contenu #commentaires textarea:hover , #contenu .ligne_form select:hover {
	border:1px solid #F7D9B3;
}

#contenu #commentaires{
	width:100%;
	padding-top:10px;
	padding-bottom:20px;
}

#contenu #commentaires label.coords{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:right;
	float:right;
}

#contenu #commentaires textarea{
	width:230px;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	margin-left:10px;
}

#contenu .bouton_envoyer {
	border:1px solid #000;
	
	width:100px;
	font-weight:bold;
	font-size:12px;
	background:#FF6600;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}

#contenu .bouton_envoyer:hover {
	color:#FF6600;
	background:#FFFFFF;
	cursor:pointer;
}

#contenu .bouton_reset {
	border:1px solid #000;
	width:100px;
	font-weight:bold;
	font-size:12px;
	background:#FF6600;
	color:#FFFFFF;
	float:left;
}

#contenu .bouton_reset:hover {
	color:#FF6600;
	background:#FFFFFF;
	cursor:pointer;
}

#contenu #envoi-etoile{
	width:100%;
	margin-top:10px;
}

#contenu #bouton-envoi{
	float:right;
	padding:20px 0 20px 0;
}

#contenu #envoi-etoile .nota{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	float:left;
	text-align:right;
}

#contenu #capatcha-image{
	float:left;
	width:150px;
	padding-right:10px;
}

#contenu #capatcha-area{
	float:left;
	width:30px;
	line-height:50px;
}

#contenu #capatcha-area input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#capatcha{
	float:right;
	padding-right:25px;

}

/***** STYLE acces *****/

#contenu #contact-acces{
	overflow:hidden;
	height:1%;
}

#contenu #contact-acces p{
	font-size:13px;
	color:#666;
	float:left;
	padding-top:10px;
}

#contenu #contact-acces a{
	display:block;
	overflow:hidden;
	height:1%;
}

#contenu .image-survol img{
	border:1px solid #FF6600;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#contenu .image-survol:hover img{
	filter: alpha(opacity=65);
	-moz-opacity: 0.65; opacity:0.65;
}

/***************** STYLE footer sup*****************/

#footer #liens-mentions-plansite{
	padding-top:10px;
	margin-left:80px;
}

#footer #liens-mentions-plansite li{
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;	
	padding-left:10px;
}

#footer #liens-mentions-plansite li a{
	color:#666666;
	text-decoration:none;
}

#footer #liens-mentions-plansite li a:hover{
	color:#000;
	text-decoration:none;
}

/***************** STYLE plan site*****************/

#contenu #plandusite{
	padding-left:70px;
}

#contenu #plandusite a{
	color:#666;
	text-decoration:none;
}

#contenu #plandusite a:hover{
	color:#000;
	text-decoration:none;
}


#contenu .sous-menu li{
	padding-top:5px;
	font-size:11px;
	padding-bottom:5px;	
}

/***************** STYLE reference*****************/

#contenu #references-liste{
	float:left;
	width:350px;
}

#contenu #references-diapo{
	overflow:hidden;
	height:1%;
	margin-top:20px;
	border:1px solid #FF6600;
	width:170px;
	height:140px;
}




#contenu a.lien-itineraire{
	float:right;
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-right:50px;
}

#contenu a.lien-itineraire:hover{
	text-decoration:none;
	color:#FF6600;
}

#contenu-itineraire{
	padding:20px;
}

#contenu-itineraire h1{
	color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
}
#contenu-itineraire h2{
	color:#FF6600;
	padding-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu-itineraire h3{
	color:#555;
	font-size:15px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu-itineraire p{
	color:#333;
	font-size:13px;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#bandeautopWrap{
    width:990px;
    min-height:100px;
    height: auto !important;
    height:100px;
    background:#FFCB89 url(../images/charte/bg-top-y.jpg) left top repeat-y ;
}

#bandeautop{
width:990px;
min-height:100px;
height: auto !important;
height:100px;
margin:0 auto !important;
background: url(../images/charte/bg-top.jpg) left bottom no-repeat ;
}

#bandeautop p{
border-top:2px solid #F7D9B3;
border-left:none;
border-right:none;
text-align:center;
display: block;
margin: 0 auto;
padding:10px 0 10px 0;
width:540px;
font:11px/1.2em Arial, Helvetica, sans-serif;
color:#333;
}

#bandeauaccueil{
border:2px solid #F7D9B3;
border-left:none;
border-right:none;
background-color:#FFCB89;
display: block;
margin:0 auto !important;
width:540px;
text-align: center;
}

#bandeauaccueil img{
display: block;
margin: 0 auto;
padding:5px 0 0 0;
}