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

/***************** CONTENU TEXTUEL *****************/
#contenuTexte h1{
	width: 630px;
	height: 49px;
}
#contenuTexte h1 span{display: none;}
#contenuTexte h1.presentation{background: url(../images/titres/titre-presentation.gif);}
#contenuTexte h1.boulangerie{background: url(../images/titres/titre-boulangerie.gif);}
#contenuTexte h1.viennoiserie{background: url(../images/titres/titre-viennoiserie.gif);}
#contenuTexte h1.patisserie{background: url(../images/titres/titre-patisserie.gif);}
#contenuTexte h1.chocolats{background: url(../images/titres/titre-chocolats.gif);}
#contenuTexte h1.traiteurs{background: url(../images/titres/titre-traiteurs.gif);}
#contenuTexte h1.produits{background: url(../images/titres/titre-produits.gif);}
#contenuTexte h1.recette{background: url(../images/titres/titre-recette.gif);}
#contenuTexte h1.mentions{background: url(../images/titres/titre-mentions.gif);}
#contenuTexte h1.contact{background: url(../images/titres/titre-contact.gif);}
#contenuTexte h1.merci{background: url(../images/titres/titre-merci.gif);}

#contenuTexte h2{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:1.4em;
	text-align:left;
	padding-bottom: 1px;
	color:#D1821D;
	margin-bottom: 5px;
	border-bottom: 1px dashed #E0A42A;
	}

#contenuTexte p, #footer p{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	font-size:1.2em;
	text-align: justify;
	color: #4B2A00;
	}
#contenuTexte a:link, #contenu a:visited{
	color: #D6851E;
	text-decoration:underline;
	}
#contenuTexte a:hover, #contenu a:active{
	color: #4B2A00;
	text-decoration:none;
	}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#D1821D;
	}

/***************** AUTRES *****************/
br{
  line-height: 0.6em;
}

.separateur{
  border-bottom: 1px dashed #E0A42A;
	line-height: 1px;
	margin-bottom: 10px;
}

.textBoite{
  background: url(../images/charte/bg-text.gif) left top repeat-y;
	width: 590px;
	padding: 15px 20px;
}

.adminPhoto01{
	background: url(../images/charte/bg-photo-produit-01.gif) center top no-repeat;
  width: 120px;
	height: 120px;
	text-align: center;
	margin: 0 20px;
}
.adminPhoto02{
	background: url(../images/charte/bg-photo-produit-02.gif) center top no-repeat;
  width: 120px;
	height: 120px;
	text-align: center;
	margin: 0 20px;
}

.photo-recette{
	background: url(../images/charte/bg-photo-recette.gif) center top no-repeat;
  float:right;
	width:368px;
	height:300px;
	text-align:center;
}



.textBoiteVertical{
  background: url(../images/charte/bg-text-vertical.gif) right top repeat-y;
	width: 170px;
	float: right;
	text-align: center;
	margin-left: 15px;
}

.diaporamaBoite{
  background: url(../images/charte/bg-diaporama.gif) right top no-repeat;
	width: 222px;
	height:181px;
	text-align: center;
	float: right;
	margin-left: 15px;
}
.diapoBoite{
  background: url(../images/charte/bg-diapo.gif) center top no-repeat;
	width: 630px;
	height: 173px;
	text-align: center;
	padding-top: 10px;
}
.diapoPat{
  background: url(../images/charte/bg-diaporama-pat.gif) center top no-repeat;
  width: 160px;
	height: 156px;
	text-align: center;
	float: right;
	margin-left: 15px;
}


.photoDroite{
	float: right;
}

.photoGauche{
  float: left;
	margin-right: 20px;
}


ul{
  margin-left:  70px;
}


.liste li{
	background: url(../images/charte/puce.gif) left top no-repeat;
  font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	font-size: 1.2em;
	text-align: justify;
	color: #4B2A00;
	list-style-type: none;
	padding-left: 25px;
}

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

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

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

#contenuTexte .text-contact p{
	font:normal 1em/2em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #4B2A00;
	text-decoration: none;
}

/***************** label *****************/
#contenuTexte .label-left{
	width:100px;
	float:left;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align:justify;
	color:#4B2A00;
}
#contenuTexte .label-right{
	width:83px;
	float:left;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align:justify;
	color:#4B2A00;
}

/***************** input *****************/
.input-left{
	float:left;
	margin-bottom: 2px;
}
.input-right{
  float:right;
	margin-bottom: 2px;
}
.br-form{
	clear: both;
	padding: 0px;
	margin: 0px;
}
.inputForm{
border: 1px solid #F9E3BE;
	background: url(../images/charte/bg-input.gif) left top;
  letter-spacing: 1px;
  width:191px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#4B2A00;
  float: left;
}
.inputFormOver{
border: 1px solid #E6BC76;
	background: url(../images/charte/bg-input-hover.gif) left top;
	width:191px;
  letter-spacing: 1px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#4B2A00;
  float: left;
}

/***************** btns *****************/

.envoyer{
	background: url(../images/charte/envoyer.gif);
	border: 0px;
	width: 95px;
	height: 30px;
	cursor: pointer;
}
.envoyerOver{
	background: url(../images/charte/envoyer-hover.gif);
  border: 0px;
  width: 95px;
	height: 30px;
	cursor: pointer;
}

.retablir{
	background: url(../images/charte/retablir.gif);
	border: 0px;
	width: 95px;
	height: 30px;
	cursor: pointer;
}
.retablirOver{
  background: url(../images/charte/retablir-hover.gif);
  border: 0px;
  width: 95px;
	height: 30px;
	cursor: pointer;
}