/* 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 CYC  (ne pas supprimer) */

.cyc {

	position: absolute;

	top: -10000px;

}



#bloc-gauche{

	float:left;

	width:350px;

	/*border:1px solid red;*/

}

#bloc-droite{

	float:right;

	width:350px;

	/*border:1px solid red;*/

}



#contenuTexte ul{

	margin-left:40px;

}

#contenuTexte li{

	font-size:1.1em;

	line-height:1.6em;

	margin:15px 0;

	padding-left:55px;

	background:url(../images/charte/fond-liste.gif) no-repeat 0px 5px;

	list-style:none;

	text-align:justify;

}





#contenuTexte .center { text-align:center; }



/*------------------- MENTIONS LEGALES ---------------------*/



#contenuTexte #mentions #bloc-gauche p{

	margin:30px 0;

}

#mentions #bloc-droite{

	border-left:4px solid #564B37;

	padding-left:25px;

	width:290px;

}

#contenuTexte #mentions #bloc-droite p{

	margin:30px 0;

}

/*------------------- footer ---------------------*/

#footer h3{
font-size:12px;
}



/*------------------- Définition ---------------------*/



#contenuTexte #definition p {

	margin:10px 0;
	

}

#contenuTexte #definition h3 {

	font-size:13px;
	text-align: justify;
	margin-bottom: 10px;
}


#definition #bloc-droite{

	border-left:4px solid #564B37;

	padding-left:15px;

	width: 350px;

}







/*------------------- NOTRE SOCIETE ---------------------*/



#societe #bloc-gauche{

	float:left;

}

#societe #bloc-droite{

	border-left:4px solid #564B37;

	padding-left:25px;

	width:290px;

	float:left;

	margin-left:20px;

}

#contenuTexte #societe #bloc-droite p{

	margin:10px 0;

}








/*-------------------- Partenaires -------------------*/



#contenuTexte #partenaires ul{

	margin:0;

}

#contenuTexte #partenaires li

{

	margin:25px 0;

}



#contenuTexte #partenaires span,

#contenuTexte #partenaires a

{

	color:#A6240A;

	font-weight:bold;

}









/*-------------------- Listing Accueil -------------------*/



.bloc-accueil-gauche, .bloc-accueil-droite

{

	width:330px;

	margin:0px 0 15px 0;

	/*border-left:1px dashed #DDC7A2;*/

	padding-left:15px;

}



#contenuTexte .bloc-accueil-gauche h2, #contenuTexte .bloc-accueil-droite h2{

	border-bottom:3px solid #907D5C;
	
	text-transform:uppercase;
	
	overflow: hidden;
	
	height:30px;
	

}





.bloc-accueil-gauche

{

	float:left;

}



.bloc-accueil-droite

{

	float:right;

}



#contenuTexte .bloc-accueil-gauche p,

#contenuTexte .bloc-accueil-droite p

{

	line-height:1.2em;

}	



#contenuTexte .bloc-accueil-gauche p,

#contenuTexte .bloc-accueil-droite p

{

	line-height:1.2em;

}	



#contenuTexte .bloc-accueil-gauche p.soustitre,

#contenuTexte .bloc-accueil-droite p.soustitre

{

	font-size:1.3em;

	font-weight:bold;

	color:#000;

	margin-top:5px;

}



#contenuTexte .bloc-accueil-gauche p.infos,

#contenuTexte .bloc-accueil-droite p.infos

{

	font-style:italic;

	font-size:1.2em;

}



#contenuTexte .bloc-accueil-gauche p.prix,

#contenuTexte .bloc-accueil-droite p.prix

{

	font-size:2.1em;

	font-weight:bold;

	float:left;

	color:#564B37;

	margin-top:5px;

}



#contenuTexte .bloc-accueil-gauche p.prix .prix-barre,

#contenuTexte .bloc-accueil-droite p.prix .prix-barre

{

	text-decoration:line-through;

	font-size:0.6em;

	font-weight:normal;

}



#contenuTexte .bloc-accueil-gauche .prix2,

#contenuTexte .bloc-accueil-droite .prix2

{

	font-size:0.7em;

	color:#907D5C;

}



#contenuTexte .bloc-accueil-gauche a img,

#contenuTexte .bloc-accueil-droite a img

{

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

	margin-top:5px;

}



#contenuTexte .bloc-accueil-gauche a:hover img,

#contenuTexte .bloc-accueil-droite a:hover img

{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}



.bloc-accueil-gauche .plusinfos,

.bloc-accueil-droite .plusinfos

{

	float:left;

}



.bloc-accueil-gauche .photo-gauche,

.bloc-accueil-droite .photo-gauche

{

	float:left;

	width:330px;

}





.bloc-accueil-gauche .image,

.bloc-accueil-droite .image

{

	background-color:#DDC7A2;

	background-position:50% 50%;

	background-repeat:no-repeat;

	width:330px;

	height:169px;

	float:left;

}



.bloc-accueil-gauche .desc-droite,

.bloc-accueil-droite .desc-droite

{

	float:left;
	
	margin-top:5px;
	
	overflow: hidden;
	
	height:37px;

}









/*-------------------- Listing produits -------------------*/



#contenuTexte h1#filariane {

	font-size:1.3em;

	margin:0 0 10px 0;

	font-weight:bold;

}

.bloc-listing  .photo-listing {

	border:1px solid #DDC7A2;

	position:relative;

	width:171px;

	height:169px;
	text-align:center;
	background-color:#FFFFFF

}



.bloc-listing {

	width:171px;

	float:left;

	margin:20px 9px 5px 5px;

	text-align:center;

}





#contenuTexte .bloc-listing a img{

	border:0px solid #564B37;

	filter: alpha(opacity=100);

	-moz-opacity: 1; opacity:1;

	cursor:pointer;

}



#contenuTexte .bloc-listing a:hover img{

	filter: alpha(opacity=70);

	-moz-opacity: 0.70; opacity:0.70;

	cursor:pointer;

}



#contenuTexte .bloc-listing p{

	font:1.1em Arial, Helvetica, sans-serif;

}







#contenuTexte .bloc-listing .image

{

	background-color:#FFFFFF;

	background-position:50% 50%;

	background-repeat:no-repeat;

	width:170px;

	height:160px;


}





#contenuTexte .bloc-listing p.couleur{

	font-weight:bold;

	font-size:1.3em;

	text-align:left;

}



#contenuTexte .bloc-listing .prix

{

	font:bold 1.3em Arial, Helvetica, sans-serif;

	color:#a6240a;

	text-align:right;

}



#contenuTexte .bloc-listing .prix-barre

{

	font-size:0.8em;

	font-weight:normal;

	text-decoration:line-through;

}



#contenuTexte .bloc-listing .savoirplus

{

	margin-left:10px;

	margin-top:10px;

}



.promo {

	position:absolute;

	width:72px;

	height:42px;

	background:url(../images/charte/promo.png) no-repeat;

	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/promo.png');

	bottom:0px;

	right:0;

}



.new {

	position:absolute;

	width:72px;

	height:42px;

	background:url(../images/charte/new.png) no-repeat;

	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png');

	bottom:0px;

	right:0;

}









/* PAGINATION */

.pagination-produit{

	width:250px;

	text-align:center;

	padding-top:5px;

	margin: 30px auto 0 auto;

	}

	

#listing-produit .pagination-produit a{color:#ff0066;}	

#listing-produit .pagination-produit a:hover{color:#046010;}	



.fleche-gauche {

	float:left;

	border:none;

	}

.fleche-droite {	

	float:right;

	border:none;

	}











/*-------------------- FICHE PRODUIT -------------------*/



#fiche-produit-haut{

	margin:0 0 15px 0;

}



#fiche-produit-haut a img, #fiche-produit-bas a img{

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}

#fiche-produit-haut a:hover img, #fiche-produit-bas a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}

#fiche-produit-bas{

	float:left;

	margin:0 0 20px 0;

}

#fiche-desc-droite{

	float:left;

	width:350px;

}





#fiche-photo-gauche

{

	float:left;

	width:185px;

}



#contenuTexte #fiche-photo-gauche .image

{

	background-color:#FFFFFF;

	background-position:50% 50%;

	background-repeat:no-repeat;

	width:171px;

	height:169px;

}





#contenuTexte #fiche-produit-bas h2{

	margin-top:0;

}

#image-contact{

	float:right;

}





#contenuTexte p#prix-fiche

{

	font-size:1.4em;

	font-weight:bold;

	background-color:#DDC7A2;	

	height:22px;

	line-height:22px;

	margin-top:15px;

	text-align:right;

	color:#564B37;

	padding:0 5px 0 0px;

}



#contenuTexte p#prix-fiche .strike

{

	text-decoration:line-through;

}





#contenuTexte #fiche-desc-droite .grand{

	font-size:1.6em;

}





#fiche-produit-bas select{

	background-color:#FFEFD5;;

	border:1px solid #a6240a;

	width:150px;

}











/*------------- CONTACT ------------*/



#formulaire-gauche{

	width:350px;

	/*border-right:1px dashed #CCCCCC;

	padding-right:45px;

	margin-right:45px;*/

	float:left;

}



#formulaire-droite{

	border-left:4px solid #564B37;

	padding-left:25px;

	width:250px;

	float:right;

	margin-top:90px;

}

#formulaire-droite-ami{

	border-left:4px solid #564B37;

	padding-left:25px;

	width:250px;

	float:right;

	margin-top:10px;

}

#contenuTexte #formulaire-droite p{

	font-size:1.1em;

	text-align:justify;

}



#contenu #formulaire-droite .plan-acces{

	margin:10px 0;

}



#formulaire-gauche input{

	background:none;

	border:1px solid #a6240a;

	width:150px;

	font-family:Arial, Helvetica, sans-serif;

	color: #666666;

}

#formulaire-gauche textarea{

	width:150px;

	border:1px solid #a6240a;

	background:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#666666;

}

#formulaire-gauche select{

	background-color:#a6240a;

	border:none;

	color:#666666;

}

#formulaire-gauche .boutons{

	padding-left:130px;

}

*html #formulaire-gauche .boutons{

	padding-left:133px;

}

#contenuTexte #formulaire-gauche .boutons input{

	width:74px;

}

#contenuTexte #formulaire-gauche p{

	margin:5px 0;

}

#formulaire-gauche label{

	width:130px;

	float:left;

}

#contenuTexte #formulaire-droite h2{

	margin-top:20px;

}

#contenuTexte #formulaire-droite p.plan{

	margin-top:20px;

}

#contenuTexte #formulaire-droite p.petit, #contenuTexte #formulaire-gauche p.petit, #contenuTexte #formulaire-droite-ami p.petit{

	font-size:1.0em;

	line-height:1.3em;

}

#contenuTexte #formulaire-gauche p.intro-contact{

	margin-bottom:20px;

}

.obligatoire{

	color:#a6240a;

}