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

/* Text */

br{
	line-height: 0.5em;
}

#contenuTexte h1{
	margin-bottom: 15px;
	font: bold 1.8em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#6C4E36;
	border-bottom: 1px solid #CDBFB1;
}

#contenuTexte h2{
	font:bold 1.6em Arial, Helvetica, sans-serif;
	text-align:left;
	margin-bottom: 15px;
	color:#6C4E36;
	border-bottom: 1px solid #CDBFB1;
}

#contenuTexte p{
	font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #2b1f15;
	padding-bottom: 10px;
}
#contenuTexte a:link, #contenuTexte a:visited{
	color: #6C4E36;
	text-decoration:underline;
}
#contenuTexte a:hover, #contenuTexte a:active{
	color: #805E41;
	text-decoration:none;
}

#contenuTexte a:link img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;

}
#contenuTexte a:hover img{
filter: alpha(opacity=50);
-moz-opacity: 0.50; opacity:0.50;
}

#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#6C4E36;
	text-align: center;
}

#contenuTexte ul{
	margin-left: 170px;
	margin-bottom: 10px;
}

#contenuTexte .list li{
	padding-left: 10px;
	text-align:justify;
	list-style-type: square;
	list-style-position: inside;
	font:normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	color: #2b1f15;
}

#contenuTexte .textBox{
	float: left;
	width: 687px;
	background-color: #CDBFB1;
	margin-bottom: 13px;
	padding: 3px 5px 0px 5px;
	border-right: 7px solid #805E42;
	border-bottom: 7px solid #9A8979;
	border-top: 1px solid #9A8979;
	border-left: 1px solid #9A8979;
}

#contenuTexte .photoRight{
	float: right;
	margin-left: 10px;
	padding: 1px;
	background-color: #CDBFB1;
	border-right: 3px solid #805E42;
	border-bottom: 3px solid #9A8979;
	border-top: 1px solid #9A8979;
	border-left: 1px solid #9A8979;
}

#contenuTexte .photo{
	padding: 1px;
	background-color: #CDBFB1;
	border-right: 3px solid #805E42;
	border-bottom: 3px solid #9A8979;
  border-top: 1px solid #9A8979;
	border-left: 1px solid #9A8979;
}

#contenuTexte p.separateur{
	border-top: 1px solid #CDBFB1;
	padding-bottom: 0px;
	margin-top: 3px;
	font: normal 1em Arial, Helvetica, sans-serif;
}

/*  Produits */

#contenuTexte .produitLine{
  float: left;
  margin-top: 20px;
}

#contenuTexte .produitBox{
	float: left;
	width: 214px;
  margin-right: 12px;
	background-color: #CDBFB1;
	padding: 5px 0px 0px 5px;
	border-right: 7px solid #805E42;
	border-bottom: 7px solid #9A8979;
	border-top: 1px solid #9A8979;
	border-left: 1px solid #9A8979;
}

#contenuTexte .produitBox p{
  height: 15px;
  text-align: center;
  padding-bottom: 3px;
  font:bold 1.2em Arial, Helvetica, sans-serif;
}

#contenuTexte .photoProduit{
  height: 94px;
  width: 94px;
  background-color: #EBEBEB;
  text-align: center;
  float: left;
  padding: 1px;
	border-right: 3px solid #805E42;
	border-bottom: 3px solid #9A8979;
  border-top: 3px solid #9A8979;
	border-left: 3px solid #805E42;
}

#contenuTexte .textBoxGalerie{
	float: left;
  margin-bottom: 5px;
	width: 690px;
  height: 224px;
	background-color: #CDBFB1;
	padding-left: 5px;
	border-right: 7px solid #805E42;
	border-bottom: 7px solid #9A8979;
	border-top: 1px solid #9A8979;
	border-left: 1px solid #9A8979;
}

#contenuTexte .photoProduitGalerie{
  height: 95px;
  width: 95px;
  background-color: #EBEBEB;
  text-align: center;
  float: left;
  padding: 1px;
  margin-left: 13px;
	border-right: 3px solid #805E42;
	border-bottom: 3px solid #9A8979;
  border-top: 3px solid #9A8979;
	border-left: 3px solid #805E42;
}
#contenuTexte .pagination{
  text-align: center;
  padding-bottom: 0px;
  clear: both;
  font-weight: bold;
  vertical-align: bottom;
}

#contenuTexte .produitBoxDetail{
  width: 684px;
	float: left;
	background-color: #CDBFB1;
	padding: 9px 0px 0px 9px;
	border-right: 10px solid #805E42;
	border-bottom: 10px solid #9A8979;
	border-top: 1px solid #9A8979;
	border-left: 1px solid #9A8979;
}

#contenuTexte .produitText{
  border-right: 3px solid #805E42;
  border-bottom: 3px solid #9A8979;
  width: 328px;
  float: left;
  margin-bottom: 10px;
}
#contenuTexte .produitText p{
  height: 15px;
  text-align: justify;
  padding-bottom: 10px;
  font:normal 1.2em Arial, Helvetica, sans-serif;
}

#contenuTexte .produitTextContenu{
  float: left;
  width: 328px;
  height: 263px;
  margin-bottom: 8px;
  overflow: auto;
}


#contenuTexte .photoProduitDetail{
  height: 318px;
  width: 319px;
  background-color: #EBEBEB;
  text-align: center;
  float: left;
  margin-right: 17px;
	border-right: 3px solid #805E42;
	border-bottom: 3px solid #9A8979;
  border-top: 3px solid #9A8979;
	border-left: 3px solid #805E42;
}

/* STYLE DE LA PAGE CONTACT */

#divContact{
	float: left;
  display: table;
  width: 687px;
  padding: 10px 5px 0px 5px;
  border-top: 1px solid #9A8979;
	border-left: 1px solid #9A8979;
  border-right: 10px solid #805E42;
	border-bottom: 10px solid #9A8979;
  background: url(../images/charte/bg-form-contact.jpg) left bottom no-repeat;
}

.boxContact{
  float: left;
}

.inputForm{
	border: 1px solid #CDBFB1;
	background-color: #CDBFB1;
	width:224px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
  height: 15px;
}

.inputFormOver{
  border:1px solid #BEA68D;
  background-color: #BEA68D;
	width:224px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
  height: 15px;
}

.button{
  background-color: #6C4E36;
  border-right: 3px solid #805E42;
	border-bottom: 3px solid #805E42;
  border-top: 3px solid #9A8979;
	border-left: 3px solid #9A8979;
	color:#EAD6C2;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align: center;
  height: 22px;
}

.buttonOver{
  background-color: #BEA68D;
  border-left: 3px solid #805E42;
	border-top: 3px solid #805E42;
  border-bottom: 3px solid #9A8979;
	border-right: 3px solid #9A8979;
	color:#6C4E36;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align: center;
  height: 22px;
}

.mail-label{
	width:100px;
	float:left;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	color: #2b1f15;
	font-size: 12px;
	font-weight: bold;
}

.mail-input{
	float:left;
  background-color: #CDBFB1;
	border-right: 3px solid #805E42;
	border-bottom: 3px solid #9A8979;
	border-top: 1px solid #9A8979;
	border-left: 1px solid #9A8979;
  height: 19px;
}

#contenuTexte .text-adresse{
	float: right;
	width:230px;
	padding-top: 5px;
}
#contenuTexte .text-adresse p{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #2b1f15;
	text-align: right;
	padding-bottom: 0px;
}

#contenuTexte .text-adresse h3{
  font:bold 1.6em Arial, Helvetica, sans-serif;
	text-align:right;
	margin-bottom: 15px;
	color:#6C4E36;
	border-bottom: 1px solid #CDBFB1;
}

/* PLAN */

#planHeader{
  width: 652px;
  height: 215px;
}

#planHeader p{
  font:bold 11px/18px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#E9E4E0;
}

#planContenu{
  width: 652px;
  height: 385px;
}

#emp{
	margin-top:20px;
	}