/* 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 16px Verdana, Helvetica, sans-serif;
text-align:left;
color:#c3c3c3;
margin-bottom:13px;
border-bottom:solid 1px #c3c3c3;
padding-bottom:2px;

}
#contenu h2{
font:bold 13px Verdana, Helvetica, sans-serif;
text-align:left;
color:#ffffff;
display:inline;
}
#contenu h3{
 font:bold 13px Verdana, Helvetica, sans-serif;
 text-align:left;
 color:#d70303;
 border-left: solid 5px #ffffff;
 border-right: solid 5px #ffffff;
 padding-left:10px;
 margin:10px 0px 5px 0px;
 background: #373737;
}

#contenu p{
font:normal 11px Verdana, Helvetica, sans-serif;
text-align:justify;
color: #c3c3c3;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#c3c3c3;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color: #CD2525;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:none;
color:#c3c3c3;
}

/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
.invisible
{
	display:none;
}
/*#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
} */
#titre{

width:191px;
padding-left:10px;
font:bold 1.3em Verdana, Helvetica, sans-serif;
text-align:left;
color:#FFFFFF;
border-bottom:1px solid #ccd9e6;
background-color:#1C93FF;
}
#texte-promo{
font:normal 1em Verdana, Helvetica, sans-serif;
text-align:justify;
color: #1C93FF;
}
#texte-promo span.prix{
font:normal 1.5em Verdana, Helvetica, sans-serif;
text-align:justify;
color: #EC8800;
font-weight:bold;

}
#texte-promo a{

color: #EC8800;
}


/************************************************Editable areea******************************/
.photo_right{
  float:right;
  border:solid 1px #FFFFFF;
  padding:5px;
  margin-left:10px;
}
.photo_left{
  float:left;
  border:solid 1px #FFFFFF;
  padding:5px;
  margin-right:10px;
}
.photo{
  border:solid 1px #FFFFFF;
  padding:5px;
  margin:0px 5px 5px 0px;
}
.line{
  clear:both;
  text-align: center;
  padding:10px 0px 10px 0px;
}
.list1 li{
	list-style-position:outside;
	list-style-type:none;
	background-image:url(../images/charte/fleche.jpg);
	background-position: 0px 5px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 20px;
	padding:3px 3px 3px 40px;
	font-family:Arial ,"Trebuchet MS";
	font-weight:normal;
	line-height:14px;
	text-align:justify;
}
.title{
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
}
.produits_box{
  float: left;
  margin-bottom:20px;
  margin-right:10px;
  border: solid 1px #ffffff;
  width:120px;
}
.produits_title{
  margin:5px 0px 0px 0px;
  height:30px;
}