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

#contenuTexte h1{
	background: url(../images/charte/bg-titre.gif) left top no-repeat;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 7px 0px 30px 20px;
	color:#B00000;
	}
#contenuTexte h2{
	font: bold 1.3em Arial, Helvetica, sans-serif;;
	text-align: center;
	color:#B00000;
	padding-bottom:15px;
}
#contenuTexte h3{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
	color:#d36e02;
	padding-bottom:15px;
}
#contenuTexte h4{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
	color:#d36e02;
	border-bottom: 1px solid #d36e02;
	padding-bottom: 5px;
	margin-bottom:15px;
}

#contenuTexte p{
	font: normal 1.2em Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-bottom:10px;
	color: #FFF;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#B00000;
}

#contenuTexte a:link, #contenuTexte a:visited{
	color: #FFF;
	text-decoration:underline;
}
#contenuTexte a:hover, #contenuTexte a:active{
	color: #FFF;
	text-decoration:none;
	}

#contenuTexte .link-page:link, #contenuTexte .link-page:visited{
 	color: #B00000;
	text-decoration:underline;
}
#contenuTexte .link-page:hover, #contenuTexte .link-page:active{
  color: #FFF;
	text-decoration:none;
}

#contenuTexte .separateur{
  clear: both;
	background: url(../images/charte/separateur.gif) center top no-repeat;
	width: 940px;
	height: 9px;
}

#contenuTexte ul{
	margin-left: 50px;
}


#contenuTexte .liste li{
	list-style-type: circle;
	list-style-position: outside;
  font: normal 1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	padding-bottom:10px;
	color: #FFF;
}

#contenuTexte .photo-right{
  float: right;
  margin-left: 20px;
}
#contenuTexte .photo-left{
  float: left;
}
/****************** Admin *************************/

#produit{
padding-left: 80px;
float: left;
}

#produit p{
float: left;
padding-top: 5px;
padding-bottom: 15px;
}


/****************** Contact *************************/


#coordonnees{
	width: 300px;
	float: left;
}
#coordonnees p{
  text-align: center;
	font-weight: bold;
}


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

/***************** input *****************/
.input-left{
	float:left;
	margin-bottom: 3px;
  border: 1px solid #b00000;
	width:162px;
}
.input-right{
  float:left;
	margin-bottom: 2px;
	border: 1px solid #fff;
}
.br-form{
	clear: both;
	padding: 0px;
	margin: 0px;
}
.inputForm{
	border: 1px solid #fff;
	background: url(../images/charte/bg-input-form.gif) left top repeat-x;
  letter-spacing: 1px;
  width:160px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#fff;
  float: left;
	overflow: hidden;
}
.inputFormOver{
  border: 1px solid #fff;
  background-color: transparent!important;
	width:160px;
  letter-spacing: 1px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#fff;
  float: left;
	overflow: hidden;
}

.button{
	border: 1px solid #fff;
	background-color: transparent!important;
  letter-spacing: 1px;
  width:80px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	cursor: pointer;
	overflow: hidden;
}
.buttonOver{
  border: 1px solid #fff;
  background: url(../images/charte/bg-input-form.gif) left top repeat-x;
	width:80px;
  letter-spacing: 1px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	cursor: pointer;
	overflow: hidden;
}

/***************** btns *****************/
.envoyer{
	background-image: url(../images/charte/envoyer.gif);
	background-color: transparent;
	width: 80px;
	height: 30px;
	border: 0px;
	cursor: pointer;
}
.envoyerOver{
	background-image: url(../images/charte/envoyer-hover.gif);
  background-color: transparent;
	width: 80px;
	height: 30px;
	border: 0px;
	cursor: pointer;
}
.retablir{
	background-image: url(../images/charte/retablir.gif);
	background-color: transparent;
	width: 80px;
	height: 30px;
	border: 0px;
	cursor: pointer;
}
.retablirOver{
	background-image: url(../images/charte/retablir-hover.gif);
	background-color: transparent;
	width: 80px;
	height: 30px;
	border: 0px;
	cursor: pointer;
}

#contenuTexte p.text-contact{
  font: bold 1em Arial, Helvetica, sans-serif;
	width: 600px;
	text-align: center;
	color: #fff;
}
#contenuTexte span.requis{
  color: #b00000;
}