/* 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";

/* STYLE CONTENU */

#contenu h1{
font:bold 1.6em Geneva, Arial, Helvetica, sans-serif;
text-align:left;
color:#6E0B14;
display:block;
background:url(../images/charte/bg-h1.gif) no-repeat bottom;
margin:20px 0 10px 0;
}

#contenu h1.filariane{
font:bold 1.3em Geneva, Arial, Helvetica, sans-serif;
text-align:left;
background:none;
color:#6E0B14;
margin:20px 0 10px 0;
text-decoration:none;
font-weight:lighter;;
}

#contenu h2{
font:bold 1.3em Arial, Helvetica, sans-serif;
text-align:left;
color:#BA1228;
display:block;
width:300px;
border-bottom:1px solid #6e0b14;
margin:20px 0 10px 0;
}
#contenu h3{
font:bold 1.3em Arial, Helvetica, sans-serif;
text-align:left;
color:#6A7B39;
display:block;
text-transform:uppercase;
margin:20px 0 0px 0;
height:20px;
width:300px;
}
#contenu p{
font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color: #37070a;
margin:7px 0 5px 0;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#6e0b14;
}
#contenu p.emphase, .emphase{
font-weight:bold;
color:#6e0b14;
font-size:12px;
text-transform: uppercase;
}
#contenu a:link, #contenu a:visited,#contenu_panier a:link, #contenu_panier a:visited{
font-weight:bold;
text-decoration:underline;
color: #96cd4c;
}
#contenu a:hover, #contenu a:active,#contenu_panier a:hover, #contenu_panier a:active{
font-weight:bold;
text-decoration:underline;
color: #BA1228;
}

#contenu .haut_page {
	float:right;
}

#footerMenu p{
	font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #ab2158;
	text-align:left;
	padding-top:26px;
	text-indent:110px;
}
#footerMenu a:link, #footerMenu a:visited{
text-decoration:none;
color: #ab2158;
}
#footerMenu a:hover, #footerMenu a:active{
text-decoration:none;
color: #bef574;
}


/*--------------------------- STYLE DE LA PAGE ACCUEIL----------------------- */

.accueil-coord{
	float:left;
	width:250px;
	height:100px;
	margin-right:15px;
}
#contenu .accueil-coord h2{
	width:220px;
}

.accueil-horaires{
	float:left;
	width:250px;
	height:100px;
}
#contenu .accueil-horaires h2{
	width:220px;
}

.desc-accueil{
	float:left;
	margin:10px 0;
	width:650px;
	}


/*--------------------------- STYLE DE LA PAGE LISTING PRODUITS----------------------- */

#contenu #listing-formulaire select{ 
	width: 160px;
	border-color:#6D071A;
	background-color:#FEFEE2;
}

#container #contenu .bloc-vitrine{
	float:left;
	width:283px;
	position:relative;
	/*background:#ebfbc1;*/
	text-align: center;
	padding:5px;
	text-decoration:none;
	margin:5px 10px 5px 0;
	border:1px solid #B3979C;
}

#container #contenu .bloc-produit{
	float:left;
	width:283px;
	position:relative;
	/*background:#ebfbc1;*/
	padding:5px;
	text-decoration:none;
	margin:5px 10px 5px 0;
	border:1px solid #B3979C;
	height:157px;
}
*html #container #contenu .bloc-produit{
display:inline;
}
#container #contenu .bloc-produit .picto{
	position:absolute;
	top:0;
	right:5px;
	width:52px;
	/*border:1px solid red;*/
}
#container #contenu .bloc-produit .picto img{
	border:0;
}
#container #contenu .bloc-produit img{
	border:none;
	float:left;
	margin-right:10px;
	border:1px solid #747B5E;
	}
#container #contenu .bloc-produit p{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #747B5E;
}
#container #contenu .bloc-produit p.auteur{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:left;
	color: #6D071A;
	text-transform:uppercase;
}
#container #contenu .bloc-produit p.titre{
	font:bold 10px Arial, Helvetica, sans-serif;
	text-align:left;
	color: #6A7B39;
	text-decoration:underline;
}
#container #contenu .bloc-produit p.description{
	margin-bottom:10px;
}
#container #contenu .bloc-produit p.prix{
	font:bold 16px Arial, Helvetica, sans-serif;
	text-align:right;
	color: #6A7B39;
	margin-bottom:0;
}
#container #contenu .bloc-produit p.prix .prix-barre{
	font:bold 16px Arial, Helvetica, sans-serif;
	text-align:right;
	color: #6A7B39;
	font-size:11px;
	text-decoration:line-through;
	text-indent:11px;
}
#container #contenu .bloc-produit a{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #5C7929;
	cursor:pointer;
}

#container #contenu .bloc-produit a:hover{
	color: #333333;
}

#container #contenu .bloc-produit a.ajout-panier{
	background:url(../images/charte/ajout-panier.gif) no-repeat;
	padding-left:15px;
}
#container #contenu .bloc-produit a.ajout-panier:hover{
	background:url(../images/charte/ajout-panierH.gif) no-repeat;
	padding-left:15px;
}




/*--------------------------- STYLE DE LA PAGE FICHE PRODUIT----------------------- */

#container #contenu .fiche-produit{
	float:left;
	position:relative;
	width:583px;
	/*background:#ebfbc1;*/
	padding:5px;
	text-decoration:none;
	margin:5px 10px 5px 0;
	border:1px solid #B3979C;
}
*html #container #contenu .fiche-produit{
display:inline;
}
.fiche-produit .photo-gauche{
	width:100px;
	float:left;
	text-align:center;
}
#container #contenu .fiche-produit .picto{
	position:absolute;
	top:45px;
	left:520px;
	width:70px;
	/*border:1px solid red;*/
}
#container #contenu .fiche-produit .picto img{
	border:0;
}
#container #contenu .fiche-produit .select-quantite{
	border-color:#6D071A;
	width:50px;
	height:18px;
	background-color:#FEFEE2;
}
#container #contenu .fiche-produit img{
	border:none;
	float:left;
	margin-right:10px;
	border:1px solid #747B5E;
	}
#container #contenu .fiche-produit .contact img{
	border:0;
}
#container #contenu .fiche-produit .panier{
	margin-top:15px;
	float:right;
}
#container #contenu .fiche-produit .description{
	float:left;
	width:470px;
	margin-bottom:20px;
	/*border:1px solid red;*/
}
#container #contenu .fiche-produit p{
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #747B5E;
}
#container #contenu .fiche-produit p.auteur{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:left;
	color: #747B5E;
	text-transform:uppercase;
}
#container #contenu .fiche-produit p.titre{
	font:bold 10px Arial, Helvetica, sans-serif;
	text-align:left;
	color: #6A7B39;
	text-decoration:underline;
}
#container #contenu .fiche-produit p.prix{
	position:absolute;
	font:bold 16px Arial, Helvetica, sans-serif;
	text-align:right;
	color: #6A7B39;
	right:10px;
	top:10px;
}
#container #contenu .fiche-produit p.prix .prix-barre{
	font:bold 16px Arial, Helvetica, sans-serif;
	text-align:right;
	color: #6A7B39;
	font-size:11px;
	text-decoration:line-through;
	text-indent:11px;
}
#container #contenu .fiche-produit a{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #5C7929;
	cursor:pointer;
}

#container #contenu .fiche-produit a:hover{
	color: #333333;
}

#container #contenu .fiche-produit a.ajout-panier{
	background:url(../images/charte/ajout-panier.gif) no-repeat;
	padding-left:15px;
}
#container #contenu .fiche-produit a.ajout-panier:hover{
	background:url(../images/charte/ajout-panierH.gif) no-repeat;
	padding-left:15px;
}



/*--------------------------- STYLE DE LA PAGE RENCONTRE----------------------- */

#container #contenu .bloc-rencontre{
	float:left;
	width:98%;
	position:relative;
	/*background:#ebfbc1;*/
	padding:5px;
	text-decoration:none;
	margin:5px 10px 5px 0;
	border:1px solid #B3979C;
}


#container #contenu .bloc-rencontre .gauche{
	float:left;
	width:200px;
	/*border:1px solid red;*/
}
#container #contenu .bloc-rencontre .gauche .auteur{
	margin-top:20px;
}

#container #contenu .bloc-rencontre .droite{
	float:right;
	/*width:300px;*/
	text-align:right;
	/*border:1px solid red;*/
}
#container #contenu .bloc-rencontre .droite img{
	margin-right:15px;
	border:1px solid #747B5E;
}


/*--------------------------- STYLE DE LA PAGE VISITE VIRTUELLE----------------------- */

#imgetlegend{
  width: 350px;
  margin: 20px 20px 0 0;
  float: left;
  }
#imgetlegend #legend{
  width: 350px;
  margin: 20px 0 0;
  text-align: center;
  }
#slidethumbs{
  float: left;
  margin: 10px 0 0;
  }



/*--------------------------- STYLE DE LA PAGE CGV----------------------- */

.tableau-cgv{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
}

.tableau-cgv td{
	background-color:#E2E2AF;
	padding:0 5px;
}

.tableau-cgv .titre{
	color:#FFF;
	background-color:#6D071A;
}

.tableau-cgv .titre2{
	color:#FFF;
	background-color: #666666;
}


/*--------------------------- STYLE DE LA PAGE CONTACT----------------------- */

#contactPlan{
	width:290px;
	float:left;
	margin-left:15px;
	margin-top:20px;
	/*border:1px solid red;*/
}
#contactPlan p{
	margin:10px 0 10px 0;
}

#contactPlan img{
	border:0;
	float:left;
	margin-right:5px;
}

#contactPlan .coordonnees{
	float:left;
	width:190px;
}


#formulaire-gauche{
	width:320px;
	float:left;
	margin-top:20px;
	/*border:1px solid red;*/
}
#formulaire-gauche .champRequis{
	color:#FF0000;
}
#formulaire-gauche p{
	margin:10px 0 10px 0;
}
#formulaire p{
	width: 170px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 0.5%;
	/*border:1px solid red;*/
}
#formulaire label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
#formulaire input[type="text"]{ 
	width: 180px;
	border-color:#6D071A;
	margin-left:-20px;
}
*html #formulaire .inputtext{
	width: 180px;
	border-color:#6D071A;
	margin-left:-20px;
}
#formulaire select{ 
	width: 180px;
	border-color:#6D071A;
	margin-left:-20px;
}
#formulaire textarea{
	width: 180px;
	margin-left:-20px;
	height: 70px;
	border-color:#6D071A;
}
#formulaire input:focus{
	border-color:#000;
}
#formulaire textarea:focus{
	border-color:#000;
}

#formulaire .boutons{
	margin-left: 135px;
}
*html #formulaire .boutons{
	margin-left: 138px;
}
#formulaire .bouton{
	width:90px;
	border:1px solid #000;
	font-size:12px;
	border-color:#6D071A;
	background-color:#FEFEE2;
}
*html .threepxfix{
	margin-left: 3px;
}

.indisponible{
font-weight:bolder !important;
color:#990066 !important;
text-align:center !important;
}