/* 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 p{
	margin:15px 0;
	padding:0 20px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	text-align:justify;
	color: #3F6F91;
	text-indent: 10px;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
	text-decoration:underline;
	color: #FF9AC9;
}
#contenu a:hover, #contenu a:active{
	font-weight:bold;
	text-decoration:none;
	color: #5EA8DD;
}
#contenu h1{
  font: italic bold 18px "Times New Roman", Times, serif;
  color: #709AB7;
  text-indent: 25px;
  }
#contenu h2{
  font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
  color: #658FAC;
  text-indent: 10px;
  }
#contenu .noindent{
  text-indent: 0;
  }
#contenu .bold{
  font: bold 1em Verdana, Arial, Helvetica, sans-serif;
  color: #658FAC;
  }

/* tableau pointures */
#contenu #pointure{
  width: 500px;
  border-collapse: collapse;
  }
#contenu #pointure th{
  font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
  color: #FFF;
  width: 125px;
  height: 15px;
  padding: 5px 0;
  }
#contenu #pointure td{
  font: 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #3D586B;
  width: 25px;
  height: 20px;
  text-align: center;
  }
#contenu #pointure td, #contenu #pointure th{ border: 2px solid #CFE5F5; }
#contenu #pointure .pair th, #contenu #pointure .pair td{ border-width: 2px 2px 10px 2px; }
#contenu #pointure .impair th{ background: #709AB7; }
#contenu #pointure .impair td{ background: #8CB2CD; }
#contenu #pointure .pair th{ background: #83AAC5; }
#contenu #pointure .pair td{ background: #A2C3DB; }

/* page contact */
#contenu{
  /*background: #000000;*/
  }
#contenu .contacttxt{
  text-indent: 0;
  margin: 0 0 15px 20px;
  width: 475px;
  }
#contenu #formcontact table{
  font: bold 1em Verdana, Arial, Helvetica, sans-serif;
  color: #658FAC;
  margin: 0 0 0 20px;
  }
#contenu #formcontact input, #contenu #formcontact textarea{
  width: 100%;
  border: 1px solid #7F9DB9;
}
#contenu #formcontact .legaltxt{
  font: 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #658FAC;
  }
#contactplan{
	width:45%;
	float:right;
}
#contenu .plan{
  float: right;
  margin: 0 10px 0 0;
  }
#contenu .plan h1{
  width: 198px;
  height: 14px;
  background: url(../images/produits/bg-prod.gif);
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #709AB7;
  text-indent: 20px;
  padding: 10px 0;
  margin: 0;
  }
#contenu .plan div{
  width: 196px;
  border: 1px #ADD3EE;
  background: #FFF;
  border-style: none solid solid solid;
  margin: 0;
  }
#contenu .plan p{
  margin: 5px 0 10px 15px;
  text-indent: 0;
  text-align: center;
  }
#contenu .plan img.vignette{
  margin: 0 15px;
  }

/* gallerie produits */
#contenu .prod h1{
  width: 198px;
  height: 14px;
  background: url(../images/produits/bg-prod.gif);
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #709AB7;
  text-indent: 20px;
  padding: 10px 0;
  margin: 0;
  }
#contenu .prod div{
  width: 196px;
  border: 1px #ADD3EE;
  background: #FFF;
  border-style: none solid solid solid;
  margin: 0;
  }
#contenu .prod p{
  margin: 0;
  }
#contenu .prod a{
  display:block;
  width:196px;
  height:31px;
}
#contenu .prod a:link, #contenu .prod a:visited{
  background:url(../images/coeur/plus-coeur.gif) no-repeat;
}
#contenu .prod a:hover, #contenu .prod a:active{
  background:url(../images/coeur/plus-coeurH.gif) no-repeat;
}
#contenu .prod img.vignette{
  margin: 0 15px;
  }
#contenu .prod{
  float: left;
  margin: 5px;
  }
#contenu .clearer{
  clear: both;
  }
.clearer{
  clear: both;height: 10px;
  }
#contenu .prod p{
  text-indent: 0;
  margin: 5px 0 0 15px;
  }
#contenu #prodlist{
  width: 630px;
  margin: 0 auto;
  }
#contenu #prodnavig{
  padding: 10px 0 0 0;
  text-align: center;
  font: bold 1em Verdana, Arial, Helvetica, sans-serif;
  color: #36576D;
  }
#contenu #prodnavig a{
  color: #658FAC;
  text-decoration: none;
  }
#contenu #prodnavig a:hover{
  color: #36576D;
  }
#contenu #prodlist .prod .img_centreur{
  text-align: center;
  border: none;
  }
  
/* page plan */
#pageplan{
  width: 470px;
  height: 594px;
  background: url(../images/charte/plan_global.png);
  }
#pageplan2{
  width: 470px;
  height: 594px;
  background: url(../images/charte/plan_mini.png);
  }
#lien1{
  display: block;
  width: 40px;
  height: 12px;
  position: absolute;
  top: 14px;
  left: 20px;
  }
#lien2{
  display: block;
  width: 51px;
  height: 12px;
  position: absolute;
  top: 34px;
  left: 9px;
  }
#lien3{
  display: block;
  width: 55px;
  height: 12px;
  position: absolute;
  top: 54px;
  left: 5px;
  }

/* fiche prod */
#ficheprod{
  margin: 0 25px;
  }
#ficheprod #prod_descript, #ficheprod #thumb{
  float: left;
  }
#ficheprod #prod_descript{
  margin: 0 0 0 20px;
  width: 500px;
  }
#controlbar input{
  float: right;
  }

/* FOOTER */
#footerMenu p{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	letter-spacing:0.15em;
	line-height:20px;
	color: #FCABD1;
	text-align:center;
}
#footerMenu a:link, #footerMenu a:visited{
	font-weight:normal;
	text-decoration:none;
	color: #FCABD1;
}
#footerMenu a:hover, #footerMenu a:active{
	font-weight:normal;
	text-decoration:underline;
	color: #FCABD1;
}
.couleur{
font-weight:bold;
color:#5EA8DD;
}