/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";


/* Fiches PRODUITS */
#contenu #contenuTexte a.ficheProd-mini{ 
	display:block;
	background-color: #CCCCCC;
	float:left;
	width:335px;
	margin:0px 5px 5px 0;;
	padding:5px;
	text-decoration:none;
	color:#000;
	font:1.1em Arial, Helvetica, sans-serif;
}
#contenu #contenuTexte a.ficheProd-mini h2{
	color: #000;
	font: 1.2em Arial, Helvetica, sans-serif;
}
#contenu #contenuTexte a.ficheProd-mini :hover h2{
	color: #fff;
	font: 1.2em Arial, Helvetica, sans-serif;
}
#contenu #contenuTexte a.ficheProd-mini img{ 
	float:left;
	margin:0 10px 0 0;
	border:none;
}
#contenu #contenuTexte a.ficheProd-mini h3{ 
	margin:0 0 5px 0;
	padding:0;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration:none;
}
#contenu #contenuTexte a.ficheProd-mini h3:hover{ 
	color:#FFFFFF;
}

#contenu #contenuTexte a.ficheProd-mini ul{ 
list-style:outside none;
margin:0;
padding:0;
color:#000;
}
#contenu #contenuTexte a.ficheProd-mini li{ 
list-style: none;
text-decoration: none;
}
#contenu #contenuTexte a.ficheProd-mini li:hover { 
list-style: none;
text-decoration: none;
}
#contenu #contenuTexte .ficheProd-images{ 
float:left;
width:300px;
padding-left:20px;
}
#contenu #contenuTexte .ficheProd-images a{ 
float:left;
width:80px;
height:80px;
margin:5px 5px 0 0;
display:block;
margin-bottom:10px;

}
#contenu #contenuTexte .ficheProd-images a img{ 
	border:#a3b8d9 solid 1px;
}
#contenu #contenuTexte ul.ficheProd-liste{ 
	list-style:outside none;
	margin:0 0 0 282px;
	padding:0;
	color:#7756ad;
	font:1.1em Arial, Helvetica, sans-serif;
}
#contenu #contenuTexte ul.ficheProd-liste span.barré{ 
	text-decoration:line-through;
}
#contenu #contenuTexte ul.ficheProd-liste span.rougeBold{ 
	color:#CC0000;
	font-weight:bold;
}

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}


/*-----------*/

.sep{
margin-top:10px;
margin-bottom:10px;
}

ul.list{
margin-top:10px;
margin-left:40px;
}

	.list li{
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
	background-image:url(../images/charte/bullet1.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:5px;
	line-height:25px;
	color:#fff;
	text-align:justify;
	}

ul.list1{
margin-left:5px;
}
	
.list1 li{
list-style-type:none;
padding-left:5px;
line-height:25px;
color:#fff;
text-align:justify;
font:normal 13px Verdana, Arial, Helvetica, sans-serif;
padding-right:5px;
padding-left:15px;
background-image:url(../images/charte/dot.gif);
background-repeat:no-repeat;
background-position:2px 5px;
}	
	
#contact-bg{
width:629px;
margin:0 auto;
padding-top:50px;
height:395px;
background:url(../images/charte/bg-contact.jpg) no-repeat top left;
display:table;
}

.message{
text-align:center;
font:normal 12px arial;
margin-bottom:15px;
font-weight:bold;
}
	
.list-el{
width:120px; 
float:left;
}

.list-prix{
float:left; 
width:55px; 
text-align:right
}

.offerts{
text-align:center;
color:#B68D38;
font-weight:bold;
font-size:15px;
margin-top:10px;
margin-bottom:10px;
}

.livre-data{
width:290px;
float:left;
}

.horaires{
background:#4F442C;
border:solid 1px #615434;
width:600px;
margin:10px auto;
}

.adresse{
width:500px;
margin:0 auto;
display:table;
padding:10px 0;
}

.direction{
width:200px;
height:150px;
border:solid 1px #FFF8C6;
float:left
}

.photo-plan{
width:166px;
height:140px;
border:solid 1px #FFF8C6;
float:left;
margin-left:84px;
padding:6px 22px 0 22px;
float:left
}

.subtitre{
font-size:14px;
color:#FFF8C6;
text-decoration:underline;
margin:10px 0;
}

/*-----------page contact---------------*/	
#contact_adresse{
	width:220px;
	height:139px;
	float:left;
	margin-top:10px;
	padding-top:15px;
	margin-left:35px;
	}
.mail_label{
	width:110px;
	float:left;
	display:inline;
	clear:both;
	margin-top:7px;
	color:#2D240D;
	font:normal 1.3em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:10px;
	}
.mail_input{
	width:150px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
	border:1px solid #82724F;
	background-color:#FFFFFF;
	width:150px;
	font-family:arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2D240D;
	padding:1px 0px;
	}
.inputFormOver{
	border:1px solid #82724F;
	background-color:#FFF8C6;
	width:150px;
	font-family:arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2D240D;
	padding:1px 0px;
	}
.button{
	border:1px solid #2D240D;
	background-color: #7E6943;
	width:65px;
	color:#2D240D;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
.buttonOver{
	border:1px solid #2D240D;
	background-color: #FFF8C6;
	width:65px;
	color:#2D240D;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
#contact-adresse{
	width:150px;
	background:url(../images/map/bg-contact.jpg) no-repeat left 35px;
	text-align:left;
	float:left;
	}
#contact-phone{
	width:150px;
	background:url(../images/map/bg-contact.jpg) no-repeat left 35px;
	text-align:left;
	padding:0px;
	}
#text-obligatoire{
	text-align:center; 
	height:20px; 
	width:280px; 
	margin:5px auto; 
	padding-top:5px;
	clear:both; 
	font-size:10px;
	color:#2D240D;
	}
	
/*--------plan------------*/

#map_top{
width:548px;
margin:0 auto;
height:142px;
}

#map_middle{
width:548px;
margin:0 auto;
height:311px;
}

#map_bottom{
width:548px;
margin:0 auto;
height:47px;
}

#imprimer{
	position:absolute; 
	margin-left:10px;
	margin-top:565px;
	color:red;
	}
#fermer-plan{
	position:absolute; 
	margin-left:480px;
	margin-top:565px;
	color:red;
}	

#plus{
	position:absolute;
	margin-top:183px; 
	margin-left:547px;
	}
	
#adresse_map{ 
	position:absolute;
	text-align:center; 
	/*margin-left:362px;*/
	width:189px;
	height:136px;
	background-image:url(../images/map/adresse-bg.jpg); 
	color:#ffffff;
	}

#adresse_map span{
margin-top:15px;
margin-bottom:15px;
font-size:18px;
}

.mentions-box{
width:300px;
height:150px;
border:solid 1px #FFF8C6;
margin-bottom:10px;
float:left;
}

.fermer:link, .fermer:visited{
  color: white;
	text-decoration: underline;
	font-family: Arial;
	font-size: 12px;
}

.fermer:hover, .fermer:active{
  color: white;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
}