/* 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:"Times New Roman", Times, serif;
font-size:1.6em;
text-align:left;
color:#002040;
font-weight:bold;
margin:20px 0 20px 0;

}
#contenu h2{
font:"Times New Roman", Times, serif;
font-size:1.4em;
text-align:left;
color:#680321;
font-weight:bold;
margin:20px 0 20px 0;
}
#contenu h3{
font:"Times New Roman", Times, serif;
font-size:1.4em;
text-align:left;
color:#70dc70;
font-weight:bold;
margin:20px 0 20px 0;
}
#contenu h4{
font:"Times New Roman", Times, serif;
font-size:1.1em;
text-align:left;
color:#680321;
font-weight:bold;
margin:20px 0 5px 0;
}
#contenu p{
	text-align:justify;
}

#contenu a:link, #contenu a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #680321;
}
#contenu a:hover, #contenu a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #680321;
}
.alignementdroite{
	float:right;
	margin:0 0 0px 20px;
}
.alignementgauche{
	float:left;
}


#contenu ul{
	margin:10px 0 10px 15px;
}
#contenu ul li{
	margin:5px 0;
	list-style:circle;
	padding-left:15px;
}




/***************** produit *****************/
#produits{
	float:left;
	width:150px;
	min-height:200px;
	height:auto !important;
	height:200px;
	border:1px solid #e6e2e2;
	text-align:center;
	margin:0 10px 10px 0;

	
}
#produits h2{
	font:"Times New Roman", Times, serif;
	font-size:13px;
	text-align:center;
	color:#70dc70;
	margin:10px 0 10px 0;
}
#produits img{
	text-align:center;
	margin:0px 0 10px 0;
}
#produits p{
	padding:0px 10px 0px 10px;
	font:"Times New Roman", Times, serif;
	font-size:11px;
	text-align:center;
	margin:0 0 10px 0;
}
#produits h3{
	font:"Times New Roman", Times, serif;
	font-size:13px;
	text-align:center;
	color:#6fb4e8;
	margin:0 0 5px 0;
}
.ajouteraupanier{
	font:"Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
}
#produits .ajouteraupanier a:visited{
	font:"Times New Roman", Times, serif;
	font-size:11px;
	
	font-weight:bold;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
}
#produits .ajouteraupanier a{
	font:"Times New Roman", Times, serif;
	font-size:11px;
	
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#produits .ajouteraupanier a:hover{
	font:"Times New Roman", Times, serif;
	font-size:11px;

	font-weight:bold;
	color:#000;
	text-decoration:underline;
}
.alignementhauteur{
	vertical-align:middle;
	padding:8px 0 0 0;
}
.alignementgauche{
	float:right;
}
/***************** fin produit *****************/
/***************** Actualités *****************/
#actu{
	float:right;
	width:170px;
	min-height:300px;
	height:auto !important;
	height:100%;
	margin:0px 10px 10px 10px  !important;
	margin:0px 0px 10px 10px;
	
	text-align:left;
	
}
#titreactu{
	width:170px;
	height:28px;
	background-color:#e6e2e2;
	font:bold 1.6em verdana;
	text-align:center;
	padding:18px 0 0 0;
}
#actu2{
	width:170px;
	min-height:150px;
	height:auto !important;
	height:150px;
	padding:10px 10px 20px 10px;
	
}
#actu2 h1{
	font:18px "Times New Roman", Times, serif;
	color:#751932;
	text-transform:uppercase;
	letter-spacing: 6px;
	}
#actu2 h2{
	font:"Times New Roman", Times, serif;
	font-size:13px;
	color:#3a3a3a;
	border-bottom:1px solid #3a3a3a;
	letter-spacing: 1px;
}

#actu2 p{
	width:170px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0 10px 0px;
	color:#505050;
	text-align: justify;
}
#actu2 h3{
	font:"Times New Roman", Times, serif;
	font-size:13px;
	text-align:right;
}
#contenu #actu2 h3 a,a:visited{

	text-decoration:none;
	color:#64001f;
}
#contenu #actu2 h3 a:hover{
	text-decoration:underline;
	color:#64001f;
}
/***************** fin Actualités *****************/



/***************** Page évènements *****************/

.event{
	float:left;
	width:450px;
	border-bottom:1px dashed #002040;
	margin:20px 0 10px 0;
	padding-bottom:10px;
}

.event img{
	float:left;
	margin-right:15px;
	border:1px solid #002040;
}

#texte .event h2{
	font:"Times New Roman", Times, serif;
	font-size:13px;
	color:#3a3a3a;
	border-bottom:1px solid #3a3a3a;
	letter-spacing: 1px;
	font-weight:bold;
	float:left;
	margin:0px 0px 10px 0;
	width:300px;
}

.event p{
	width:300px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0 10px 0px;
	color:#505050;
	text-align: justify;
	float:left;
}




/***************** Page publication *****************/

.publication {
	float:left;
	margin:15px 0;
}
.publication img{
	float:left;
	margin-right:3px;
}



/***************** LA CHIMIE DES PIERRES *****************/

#contenu p.lien-chimie{
	margin:0 auto;
	width:240px;
}

#chimie-schema{
	margin:0 auto;
}
#contenu #chimie-schema p{
	text-align:center;
}
img.photogauche{
	float:left;
	margin-right:10px;
}
.petit{
	font-size:13px;
	font-style:italic;
}
#chimie-ressources h4{
	border-bottom:1px solid #002040;
    padding-bottom:2px;
	font-size:15px;
	color:#002040;
	font-weight:normal;
	margin-top:20px;
}
#chimie-ressources p{
	font-style:italic;
	font-size:11px;
}



/* page quizz
**********************/
#texte h2.quizz-titre{
	width:470px;
}
#quizz-haut-droit{
	float:left;
	width:320px;
}
.quizz-image{
	float:left;
	margin-right:10px;
}

#formContact-quizz #quizz {
  border-top:1px dashed #751932;
  margin-top:15px;
  padding-top:10px;
  }

#formContact-quizz #quizz .row{
  text-align: left;
  clear: both;
  margin:0 0 15px 0px;
  }
#formContact-quizz #quizz .row h3{
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  font-weight:bold;
  border-bottom:1px solid #002040;
  padding-bottom:2px;
  color:#002040;
  width:460px;
  }
#formContact-quizz #quizz p{
	margin:0;
}
#formContact-quizz #quizz .row p label{
	font-weight:normal;
	cursor: pointer;
	/*border:1px solid red;*/
}
#formContact-quizz #quizz .row input{
  width: auto;
  height: auto;
  vertical-align: middle;
  border: none;
  /*font-size: 9px;*/
  margin: 0 5px 1px 0;
  cursor: pointer;
  }
  
  
 /***** coordonnees quizz ****/ 
  
#formContact-quizz{
  padding: 0 8px 0 0;
  margin: 0 0 15px 0;
  float:left;
  }
#formContact-quizz .row{
  clear: both;
  margin: 0 0 5px;
  }
#formContact-quizz .row label.coord{
  font-size: 13px;
  width:55px;
  float:left;
  margin: 0 5px 0 0;
  }
#formContact-quizz .row input{
  width: 230px;
  height: 19px;
  border: 1px solid #751932;
  font-size: 9px;
  padding: 1px 5px 0
  }
#formContact-quizz .submit{
  width: 100px;
  height: 20px;
  padding: 0;
  margin: 0 0 0 5px;
  color: #fff;
  border: 1px solid #751932;
  background: #999;
  }
  
  
  
 /* page Accueil
**********************/ 
  
.produit-accueil{
  float:left;
  width:200px;
  margin:0px 35px 10px 0;
  border-right:1px solid #999999;
  padding-right:3px;
  position:relative;
  /*border:1px solid red;*/
}

.produit-accueil .picto-new{
	background:url(../images/charte/new.png) no-repeat;
	position:absolute;
	width:45px;
	height:33px;
	left:5px;
	top:5px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='scale');
}
.produit-accueil .picto-choc{
	background:url(../images/charte/prix-choc.png) no-repeat;
	position:absolute;
	width:53px;
	height:39px;
	left:5px;
	top:5px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/prix-choc.png', sizingMethod='scale');
}
  
.produit-accueil img{  
  	float:left;
	border:1px solid #002040;
	margin-right:10px;
} 

.produit-accueil a img{  
  	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
} 
.produit-accueil a:hover img{  
  	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

#texte .produit-accueil h2{
	float:left;
	width:200px;
	margin:0px 0px 10px 0px;
	border:0;
}
#texte .produit-accueil h2 .ref{
	font-size:11px;
}

#texte .produit-accueil p{
	margin:2px;
}
  
#texte .produit-accueil .prix{  
  	font-size:22px;
	font-weight:bold;
}  
.produit-accueil .prix-barre{  
  	font-size:11px;
	text-decoration:line-through;
} 
.produit-accueil img.panier{  
	border:0;
} 
#texte .produit-accueil p.plusinfos{  
	clear:both;
	border-top:1px dashed #002040;
	margin-top:8px;
	width:170px;
	text-align:right;
	font-size:11px;
} 




 /* page Dossiers du Deucalion
**********************/ 

.dossiers-listing {
	float:left;
	width:460px;
	border-bottom:1px dashed #002040;
}

#texte .dossiers-listing h2{
	width:400px;
	margin:20px 0 5px 0;
}
#texte .dossiers-listing h2 .date{
	font-size:13px;
	color:#FFF;
}




 /* page Dossiers du Deucalion - Détail
**********************/ 

#dossier-detail{
	float:left;
	width:450px;
	/*border-right:1px dashed #002040;*/
}
#texte #dossier-detail h2{
	width:440px;
	margin:20px 0 5px 0;
	border:0;
}
#texte #dossier-detail h2 .date{
	font-size:13px;
	color:#FFF;
}
#texte #dossier-detail .entete{
	font-style:italic;
	margin-bottom:15px;
}
#texte #dossier-detail .retour{
	margin-top:10px;
	text-align:right;
}


#dossier-detail-droite{
	float:left;
	width:200px;
}
#dossier-detail-droite img{  
	border:1px solid #002040;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
} 

#dossier-detail-droite a img{  
  	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
} 
#dossier-detail-droite a:hover img{  
  	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}


/* page Listing produits -boutique en ligne et formation
**********************/ 

.listing-produits{
	float:left;
	width:135px;
	border-right:1px dashed #680321;
	margin-right:12px;
	margin-bottom:20px;
	padding-right:3px;
	position:relative;
}
.listing-produits .picto-new{
	background:url(../images/charte/new.png) no-repeat;
	position:absolute;
	width:45px;
	height:33px;
	left:5px;
	top:5px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='scale');
}
.listing-produits .picto-choc{
	background:url(../images/charte/prix-choc.png) no-repeat;
	position:absolute;
	width:53px;
	height:39px;
	left:5px;
	top:5px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/prix-choc.png', sizingMethod='scale');
}
.listing-produits img.plus{
	border:0;
}
.listing-produits .plus img{
	border:0;
}
.listing-produits img{  
	border:1px solid #002040;
	margin-bottom:3px;
} 

.listing-produits a img{  
  	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
} 
.listing-produits a:hover img{  
  	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
#texte .listing-produits h2{
	border:0;
	margin:0;
	font-size:15px;
	width:135px;
}
#texte .listing-produits p{
	margin:0;
}
#texte .listing-produits .desc{
	font-size:11px;
	margin:5px 0;
	line-height:11px;
}
#texte .listing-produits .prix{  
  	font-size:18px;
	font-weight:bold;
}  
.listing-produits .prix-barre{  
  	font-size:11px;
	text-decoration:line-through;
}
.listing-produits img.panier{  
	border:0;
} 



/* page Fiche Produit des formations  --   Fiche Produit de la boutique en linge
**********************/ 

#fiche-gauche{
	float:left;
	margin-right:10px;
	border-right:1px dashed #680321;
	padding-right:5px;
	width:215px;
	margin-bottom:20px;
}

#fiche-droite{
	float:left;
	width:225px;
	margin-bottom:20px;
}
#texte #fiche-droite h2{
	margin:0 0 10px 0;
	width:225px;

}
#texte #fiche-droite .prix{  
  	font-size:20px;
	font-weight:bold;
}  
#fiche-droite .prix-barre{  
  	font-size:11px;
	text-decoration:line-through;
}
#fiche-droite img.panier{  
	border:0;
} 
#fiche-droite select{
  width: 50px;
  padding: 0;
  margin: 0 0 0 0px;
  color: #fff;
  border: 1px solid #751932;
  background: #999;
}


#fiche-gauche img{  
	border:1px solid #002040;
	margin-bottom:3px;
} 
#fiche-gauche a img{  
  	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
} 
#fiche-gauche a:hover img{  
  	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

#fiche-gauche #vignettes{
	float:left;
	width:215px;
	height:150px;
	/*border:1px solid red;*/
}
#fiche-gauche #vignettes img{
	float:left;
	margin-right:3px;
	margin-bottom:3px;
}

#fiche-gauche .extras{
	float:left;
	width:200px;
	border-top:1px dashed #680321;
	/*border:1px solid red;*/
	margin-top:20px;
	padding-top:10px;
	
}
#fiche-gauche .extras img{
	border:0;
}



/* produits associés*/

#pdt-associes{
	float:left;
	width:480px;
}

#pdt-associes .bloc-associe{
	float:left;
	border-right:1px dashed #680321;
	width:140px;
	margin-right:15px;
}

#pdt-associes img{  
	border:1px solid #002040;
	margin-bottom:3px;
} 
#pdt-associes a img{  
  	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
} 
#pdt-associes a:hover img{  
  	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
#texte #pdt-associes h2{
	margin:0 0 10px 0;
	border:0;
	width:140px;
}
#texte #pdt-associes .prix{  
  	font-size:20px;
	font-weight:bold;
}  
#texte #pdt-associes .prix-barre{  
  	font-size:11px;
	text-decoration:line-through;
}


/* gros icones
*************************/
#icone1, #icone2, #icone3{
  display: block;
  float: left;
  width: 160px;
  height: 160px;
  margin: 30px 0 0;
  }
#icone1:hover, #icone2:hover, #icone3:hover{
  background-position: 0 160px;
  }
#icone1{
  background: url(../images/charte/icone1.jpg);
  }
#icone2{
  background: url(../images/charte/icone2.jpg);
  }
#icone3{
  background: url(../images/charte/icone3.jpg);
  }

/* contenu général
*************************/
a img{
  border: none;
  }
#texte h1{
  font: 18px "Times New Roman", Times, serif;
  color: #751932;
  border-bottom: 1px solid #751932;
  letter-spacing: 1px;
  }
#texte h2{
  font: 18px "Times New Roman", Times, serif;
  color: #002040;
  border-bottom: 1px dashed #666;
  width:200px;
  margin:20px 0 10px 0;
  letter-spacing: 1px;
  }
#texte .center{
  text-align: center;
  }
#texte .center img{
  margin: 0 20px;
  }
#texte .noindent{
  text-indent: 0px;
  }
#texte .italic{
  font-style: italic;
  font-size: 16px;
  letter-spacing: 1px;
  }
#texte .bold{
  font-weight: bold;
  }
#texte .small{
  font-size: 11px;
  }
#texte .big{
  font-size: 18px;
  font-weight: bold;
  }
#texte .verybig{
  font-size: 21px;
  font-weight: bold;
  }
#texte .maj{
  text-transform:uppercase;
  color:#FFF;
  font-weight:bold;
  font-size:11px;
  }
#texte p{
  margin: 0 0 10px;
  /*text-indent: 15px;*/
  }
#texte ol{
  margin: 10px 0 10px 25px;
  list-style-type: upper-roman;
  }
#texte .dvditem{
  padding: 20px 0 0;
  clear: both;
  }
#texte .dvditem img{
  float: left;
  border: 1px solid #000;
  margin: 0 20px 0 0;
  }
#texte .pullquote{
  margin: 30px 0;
  border-top: 4px solid #751932;
  border-bottom: 4px solid #751932;
  background: #999;
  padding: 10px 40px;
  }
#texte .pullquote h1{
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  margin: 10px 0;
  letter-spacing: 8px;
  border-bottom: 1px solid #CCC;
  }
#texte .pullquote p{
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  text-indent: 0;
  }




/* page contact
**********************/
#formContact{
  padding: 0 8px 0 0;
  margin: 0 0 15px 0;
  }
#formContact .row{
  text-align: right;
  clear: both;
  margin: 0 0 5px;
  }
#formContact .row label{
  font-size: 13px;
  margin: 0 5px 0 0;
  }
#formContact .row input{
  width: 230px;
  height: 19px;
  border: 1px solid #751932;
  font-size: 9px;
  padding: 1px 5px 0
  }
#formContact #rowadresse label, #formContact #rowcommentaire label{
  margin: 0 5px 0 0;
  }
#formContact .row textarea{
  width: 460px;
  border: 1px solid #751932;
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  display: block;
  float: right;
  margin: 0 0 5px;
  }
#formContact .row textarea#adresse{
  height: 51px;
  }
#formContact .row textarea#commentaire{
  height: 51px;
  }
#formContact #rowsubmit input{
  width: 226px;
  height: 20px;
  padding: 0;
  margin: 0 0 0 5px;
  color: #fff;
  border: 1px solid #751932;
  background: #999;
  }
#formContact #rowsubmit input:active, #formContact #rowsubmit input:focus{
  outline: none;
  }
#visu #contactTxt{
  color: #7B7955;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 385px;
  text-align: justify;
  margin: 0 15px 10px 20px;
  padding: 0;
  border-bottom: 1px solid #9B996A;
  }
.champRequis{
  color: #FF0000;
  }
  
  /****************dev********/
 #pagination{
 width:480px;
 }
 #pagination .pagePreced{
 width:100px;
 text-align: left;
 float:left
 }
 #pagination .pageSuiv{
 width:100px;
 text-align:right;
 float:right
 }
 #pagination .pageInfo{
 float:left;
 text-align:center;
  width:280px;
 }