/* 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";
@import "menu.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
/*---- Lien Mentions légales dans le footer --*/

#mentions-footer{
	float:left; 
	width:150px; 
	text-align:center;
	padding-top:7px;
}
#mentions-footer a{
	color:#e54020;
	text-decoration:none;
}

#contenuTexte ol {
	margin:20px 0 20px 30px;
}

#contenuTexte ol li{
	margin:15px 0;
	background:url(../images/charte/puce.gif) no-repeat 0 2px;
	padding-left:30px;
	font-size:1.2em;
}



/*------------- STYLE LISTING PRODUIT ------------*/

#contenuTexte h1.filariane{
	font-size:1.4em;
}

.bloc-produit{
	width:125px;
	height:285px;
	background-color:#fff;
	float:left;
	margin-right:30px;
	margin-top:20px;
	padding:2px 15px 10px 15px;
	position:relative;
}
*html .bloc-produit{
	margin-right:20px;
}

#contenuTexte .bloc-produit .image-bloc{
	text-align:center;
}

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

#contenuTexte .bloc-produit h1{
	font-size:1.3em;
	text-align:center;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0;
	color:#333333;
	margin:5px 0 10px 0;
}
#contenuTexte .bloc-produit h2{
	font-size:1.3em;
	margin:5px 0;
	font-weight:bold;
	letter-spacing:0;
}
#contenuTexte .bloc-produit .desc{
	font-size:1.1em;
	line-height:1.0em;
}
#contenuTexte .bloc-produit .pays {
	color:#666666;
	font-weight:bold;
	margin-bottom:6px;
	text-transform:uppercase;
}
#contenuTexte .bloc-produit .prix{
	font-size:1.5em;
	margin:5px 0;
}
#contenuTexte .bloc-produit .prix-barre{
	text-decoration:line-through;
	font-size:0.8em;
}

#contenuTexte .bloc-produit p.infos{
	font-size:1.2em;
	text-align:right;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0;
	position:absolute;
	bottom:10px;
	right:15px;
	width:60px;
	height:13px;
}
#contenuTexte .bloc-produit p.panierlogo{
	text-align:right;
	letter-spacing:0;
	position:absolute;
	bottom:7px;
	right:15px;
	width:180px;
	height:13px;
}



/* PAGINATION */
#contenuTexte #pagination-produit{
	width:300px;
	text-align:center;
	font-size:1.2em;
	padding-top:5px;
	margin: 15px auto 10px auto;
	height:20px;
	display:block;
	}
	
#pagination-produit a{color:#ff0066;}	
#pagination-produit a:hover{color:#046010;}	

.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}






/*------------- STYLE LISTING PRODUIT ------------*/

#fiche-produit-haut{
	float:left;
	width:750px;
	/*border:1px solid red;*/
}


#fiche-produit-gauche{
	/*border:1px solid yellow;*/
	width:300px;
	margin-top:30px;
	float:left;
}
#fiche-produit-gauche a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	margin:0px 0 5px 0;
}
#fiche-produit-gauche a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
#photo-principale{
	float:left;
	width:220px;
	height:190px;
	margin-right:10px;
	background-color:#D4C9B7;
}
#photos-secondaires{
	float:left;
	width:70px;
	/*border:1px solid red;*/
}
#ami{
	width:280px;
	height:50px;
	background-color:#fff;
	float:left;
	margin-top:40px;
	padding:5px;
}




#fiche-produit-droite{
	width:250px;
	float:left;
	margin-left:30px;
	margin-top:30px;
	/*border:1px solid yellow;*/
}

#fiche-detail{
	background-color:#fff;
	padding:5px;
}
#contenuTexte #fiche-detail h2{
	margin:0px 0 10px 0;
}
#contenuTexte #fiche-detail .desc{
	margin:10px 0;
	line-height:13px;
}
#contenuTexte #fiche-detail .prix{
	font-size:1.6em;
}
#contenuTexte #fiche-detail .prix-barre{
	font-size:1.1em;
	text-decoration:line-through;
}
#contenuTexte #fiche-detail .panierlogo{
	text-align:right;
	margin:10px 0 5px 0;
}
#contenuTexte #fiche-detail .choisir{
	margin:10px 0;
	background-color:#666666;
	color:#fff;
	font-weight:bold;
	padding-left:5px;
}
#contenuTexte #fiche-formulaire label{
	width:60px;
	float:left;
}
#fiche-formulaire select{
	width:80px;
	border:1px solid #666666;
}







/*  PRODUITS ASSOCIES */

#produits-associes{
	padding-top:10px;
}


#contenuTexte #produits-associes h2{
	border-bottom:1px solid #666666;
	padding-bottom:5px;
}

#produits-associes .bloc-associe{
	float:left;
	width:100px;
	height:130px;
	margin:5px 30px 20px 0;
	border-right:1px dashed #fff;
	padding-right:15px;
}

#contenuTexte #produits-associes .bloc-associe p{
	margin:0;
	padding:0;
}
#contenuTexte .bloc-associe p.prix{
	margin:0;
	font-size:1.3em;
	font-weight:bold;
}

#produits-associes a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	margin:0px 0 5px 0;
}
#produits-associes a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}












/*------------- STYLE DE LA PAGE Contact ------------*/

#formulaire-gauche{
	width:300px;
	border-right:1px dashed #CCCCCC;
	padding-right:10px;
	margin-right:10px;
	float:left;
	margin-top:15px;
	margin-left:20px;
}

#contenuTexte #formulaire-droite{
	width:350px;
	float:left;
	margin-left:60px;
	margin-top:15px;
}
#contenuTexte #formulaire-droite p{
	font-size:1.2em;
	line-height:14px;
}
#contenu #formulaire-droite .color{
	margin-bottom:10px;
}
#contenu #formulaire-droite .plan-acces{
	margin:10px 0;
}

#formulaire-gauche input{
	background:none;
	border:1px solid #fff;
	width:150px;
}
#formulaire-gauche textarea{
	width:150px;
	border:1px solid #fff;
	background:none;
}
#formulaire-gauche .boutons{
	padding-left:130px;
}
#contenu #formulaire-gauche .boutons input{
	width:75px;
}
#contenu #formulaire-gauche p{
	margin:3px 0;
}
#formulaire-gauche label{
	width:130px;
	float:left;
}

.obligatoire{
	color:#FFFFFF;
}