/* 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";
h1{
display:block;
padding-bottom:0px;
font-size:15px;
font-weight:bold;
letter-spacing:-1px;
color:#fff;
margin-bottom:10px;
}
h1 a{
color:#fff;
}
h2{
font-size:16px;
font-weight:bold;
color:#000000;
padding-top:4px;
/*border-bottom:2px dotted #2f2e2e;*/
margin-bottom:15px;
}
h3{
border-bottom:1px dotted #D4190A;
font-size:15px;
display:block;
color:#70451B;
}
.petit{
font-size:11px;
letter-spacing:1px;
font-weight:bold;
color:#D4190A;
}

.photo-markowski{
	float:left;
	margin-right:10px;
	border:1px solid #736640;
}

.haut {
	float:right;
	margin-top:10px;
}

.retour{
	margin-top:30px; 
	float:right;
}

#blocContenu p{
	margin:10px 0;
}

#blocContenu ul{
	margin:10px 0;
	margin-left:10px;
}
#blocContenu li{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	list-style-type:disc;
}

#blocContenu ul.tiret{
	margin:10px 0;
	margin-left:20px;
}
#blocContenu ul.tiret li{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	list-style-type: none;
}

#blocContenu ol{
	margin:10px 0;
	margin-left:0px;
}
#blocContenu ol li{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	list-style-type:decimal;
}


.align-gauche{
	float:left;
	margin-right:10px;
}

/********--------------------- Styles de la page INDEX  - Accueil -------------***************/

#collections-index {
	width:575px;
	margin-top:10px;
	margin-bottom:20px;
	position:relative;
	/*border:1px solid red;*/
}
#collections-index a img{
	border:1px solid #736640;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#collections-index a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
#collections-index .prix {
	position:absolute;
	top:5px;
	right:5px;
	width:130px;
	height:60px;
	background-color: #836853;
	font-weight:bold;
	text-align:center;
	color: #CCCCCC;
	font-size:20px;
	line-height:30px;
}

#blocContenu #collections-index .imageGrande{
	margin:0;
}

#collections-index .desc-collection {
	width:575px;
	background-color:#836853;
	padding:1px;
	margin:0;
	/*border:1px solid red;*/
}
#blocContenu #collections-index .desc-collection .nom {
	color:#CC0000;
	font-weight:bold;
	letter-spacing:3px;
	margin:0;
	font-size:15px;
}
#blocContenu #collections-index .desc-collection .desc{
	color:#FFF;
	font-weight:normal;
	letter-spacing:normal;
	margin:0;
}




#diaporama {
	margin-left:130px;
	margin-bottom:20px;
}




#collections {
	width:450px;
	height:230px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:60px;
	/*border:1px solid red;*/
}

#collections #collection-gauche{
	width:205px;
	position:relative;
	margin-right:30px;
	float:left;
}
#collections #collection-droite{
	width:205px;
	float:left;
	position:relative;
}

#collections a img{
	border:1px solid #736640;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#collections a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

#collections .prix {
	position:absolute;
	top:1px;
	right:1px;
	width:85px;
	height:30px;
	background-color: #836853;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color: #CCCCCC;
	border-left:1px solid #736640;
	border-bottom:1px solid #736640;
}
#collections .prix .a-partir {
	font-size:13px;
	line-height:15px;
}
#collections .nom {
	width:201px;
	height:45px;
	background-color:#AC9F7A;
	color:#CC0000;
	font-weight:bold;
	padding:2px;
	letter-spacing:3px;
	margin:0;
}
#collections .nom .desc{
	color:#FFF;
	font-weight:normal;
	letter-spacing:normal;
}


#index-themes {
	width:593px;
	height:250px;
	/*border:1px solid red;*/
}
*html #index-themes {
	width:591px;
}

#index-themes .theme{
	float:left;
	width:180px;
	height:150px;
	margin-right:17px;
}
*html #index-themes .theme{
	margin-right:15px;
}
#index-themes .theme a img{
	border:1px solid #736640;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	margin:0;
}
#index-themes .theme a:hover img{
	/*border:1px solid red;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;*/
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
	margin:0;
}
#index-themes .theme .titre{
	color: #FFFFFF;
	font-weight:bold;
	font-size:14px;
	letter-spacing:2px;
	height:20px;
	text-indent:10px;
	background-color:#836853;
	width:182px;
	/*border:1px solid red;*/
	padding:0;
	line-height:20px;
	margin:0;
	border:0;
}

#index-themes .theme .prix{
	color:#563B27;
	font-weight:bold;
}
#index-themes .theme .prix .prix-rouge{
	color:#CC0000;
	font-weight:normal;
}





/********--------------------- Styles de la page LISTING PRODUITS -------------***************/

#blocContenu .listing p{
	margin:0;
}

.listing{
	float:left;
	width:167px;
	margin:0px 9px 20px 0;
	position:relative;
}

.listing a img{
	border:1px solid #736640;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.listing a:hover img{
	border:1px solid #736640;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

.listing .desc{
	width:160px;
	height:50px;
	border-top:0;
	border-right:1px solid #736640;
	border-left:1px solid #736640;
	border-bottom:1px solid #736640;
	padding:2px;
	margin:0;
}

.listing .desc .nom {
	font-size:13px;
	color: #CC0000;
	font-weight:bold;
	margin-bottom:5px;
}

.listing .desc .prix {
	font-size:15px;
	color: #3B2D07;
	font-weight:bold;
}

.listing .desc .prix .prix-barre {
	text-decoration: line-through;
	font-size:12px;
}

.listing .savoir-plus {
	margin-top:2px;
	text-align:right;
}
.listing .savoir-plus img{
	margin-left:5px;
}



/*-----  PICTOS ----- */

.listing .promo{
	position:absolute;
	top:2px;
	right:2px;
}

.listing .desc .epuise{
	font-style:italic;
	float:right;
	margin-right:3px;
}





/********--------------------- Styles de la page FICHE PRODUIT -------------***************/

/** Partie gauche de la fiche **/
#fiche-gauche{
	float:left;
	width:280px;
	/*border:1px solid red;*/
	margin-right:10px;
	margin-bottom:20px;
}
*html #fiche-gauche{
	margin-right:0px;
}
#fiche-gauche #cadrephotos{
	width:280px;
	position:relative;
}
#fiche-gauche #cadrephotos .promo{
	position:absolute;
	top:2px;
	left:2px;
	border:0;
}
#fiche-gauche #cadrephotos .promo img{
	border:0;
}
#fiche-gauche #cadrephotos img{
	border:1px solid #736640;
}
#fiche-gauche #cadrephotos .vig{
	margin-right:15px;
	margin-top:10px;
}
#fiche-gauche #cadrephotos .titre{
	/*border:1px solid blue;*/
	padding:0;
	margin-top:-5px;
	width:260px;
}

#fiche-gauche #associes{
	width:280px;
	margin-top:30px;
	height:160px;
	/*border:1px solid red;*/
	padding-bottom:15px;
}

#fiche-gauche #associes .titre{
	background:url(../images/fiche-produit/fond-titre-associes.gif) no-repeat;
	height:20px;
	line-height:20px;
	color:#FFF;
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
	text-indent:10px;
	border:0;
}

#fiche-gauche #associes .produit{
	width:85px;
	height:70px;
	float:left;
	margin-right:8px;
}
#fiche-gauche #associes .produit img{
	border:1px solid #736640;
}

#fiche-gauche #associes .produit .prix{
	color:#CC0000;
	font-weight:bold;
}



/** Partie droite de la fiche **/

#fiche-droite{
	float:left;
	width:290px;
	margin-bottom:20px;
	/*border:1px solid red;*/
}

#fiche-droite #droite-haut{
	width:290px;
}
#fiche-droite #droite-haut .produit{
	color:#CC0000;
	font-size:17px;
	float:left;
	width:290px;
	font-weight:bold;
	margin:0;
	border-bottom:1px dotted #CC0000;
	/*border:1px solid red;*/
	/*margin-bottom:10px;*/
}
#fiche-droite #droite-haut .prix{
	float:left;
	/*width:130px;*/
	font-size:16px;
	color: #3B2D07;
	font-weight:bold;
	margin-bottom:10px;
	/*border:1px solid red;*/
}
#fiche-droite #droite-haut .prix .prix-barre{
	text-decoration: line-through;
	font-size:12px;
}
#fiche-droite #couleurs{
	float:left;
	width:130px;
	height:200px;
	margin-right:15px;
}
*html #fiche-droite #couleurs{
	margin-right:0px;
}

#fiche-droite #commandes{
	float:left;
	width:290px;
	height:250px;
	/*border:1px solid red;*/
}
#fiche-droite .titre{
	color:#CC0000;
	font-size:15px;
	font-weight:bold;
	margin:20px 0 10px 0;
}
#fiche-droite .descriptif{
	color:#5B5441;
}
#fiche-droite .pictos img{
	border:0;
	margin-right:5px;
	margin-bottom:15px;
	margin-top:20px;
}
#fiche-droite .couleurs-vignettes{
	width:150px;
}
#fiche-droite .couleurs-vignettes img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#fiche-droite .couleurs-vignettes a img{
	border:1px solid #736640;
}
#fiche-droite .panier{
	color:#736640;
	margin-top:10px;
	font-weight:bold;
	/*border:1px solid red;*/
	margin-bottom:60px;
}

#fiche-droite label{ 
	width:65px;
	float:left;
}
#fiche-droite select{ 
	width: 120px;
	border-color:#70451B;
	background:none;
}
*html #fiche-droite select{ 
	background:#E3DDCD;
}
*+html #fiche-droite select{ 
	background:#E3DDCD;
}




/********--------------------- Styles de la page PRESSE -------------***************/

#presse-grand {
	margin:15px 0 25px 0;
}
#presse-grand p{
	text-align:justify;
}

#presse-grand img{
	float:left;
	margin-right:15px;
	border:1px solid #736640;
}

#presse-grand .suite {
	font-size:12px;
	font-weight:bold;
}

#presse-grand .titre{
	color:#736640;
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	border-bottom:1px dotted #736640;
	/*border:1px solid red;*/
	float:left;
	width:450px;
	margin-top:0;
}

#blocContenu #presse-grand .date{
	color:#CC0000;
	font-weight:bold;
	/*float:right;*/
	margin:0;
}


#presse-gauche{
	float:left;
	width:280px;
	margin-right:10px;
	margin-bottom:20px;
	margin-top:20px;
	padding-right:10px;
	border-right:1px dashed #736640;
}

#presse-droite{
	float:left;
	width:280px;
	margin-top:20px;
	margin-bottom:20px;
}

.presse{
	margin-bottom:20px;
	height:120px;
}

.presse img{
	float:left;
	margin-right:5px;
	border:1px solid #736640;
}

.presse .suite {
	font-size:11px;
	font-weight:bold;
}

#presse-gauche .presse .titre, #presse-droite .presse .titre{
	color:#736640;
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
	border-bottom:1px dotted #736640;
	float:left;
	width:270px;
	/*border:1px solid red;*/
	margin-top:0;
	
}

#blocContenu .presse .date{
	font-size:11px;
	color:#CC0000;
	font-weight:bold;
	margin-bottom:10px;
	margin:0;
}


/* PAGINATION */
.pagination-produit{
	width:250px;
	text-align:center;
	padding-top:5px;
	margin: 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;
	}
	



/********--------------------- Styles de la page NEWSLETTER -------------***************/

.form-inscription {
	margin:15px 0;
	font-weight:bold;
	color:#FFF;
}

.form-inscription input{
	background-color:#A99764;
	border:1px solid #FFF;
	color:#FFF;
	font-size:11px;
}

#newsletter .date{
	margin:5px 0;
	float:right;
}
#newsletter .suite {
	font-size:11px;
	font-weight:bold;
	margin:5px 0 0px 0;
	text-align:right;
}


#archives{
	margin:20px 0;
	padding-top:15px;
	border-top:1px dotted #736640;
}

#archives .archive{
	float:left;
	margin-right:10px;
}

#archives .archive a{
	font-weight:bold;
}




/* ---------------------------STYLE DE LA PAGE FAQ - FOIRE AUX QUESTIONS--------------------------- */


.faq {
	margin:20px 0;
	border-bottom:1px dotted #736640;
	padding-bottom:20px;
}

.faq .question {
	color:#CC0000;
	font-size:14px;
	font-weight:bold;
}

.faq .reponse {
	font-style:italic;
	color:#736640;
	margin-top:5px;
}

#blocContenu .faq .lien {
	font-weight:bold;
	float:right;
	margin:0;
}





/********--------------------- Styles de la page CGV -------------***************/

#tableau-cgv th{
	background-color: #CCCCCC;
}


#tableau-cgv td{
	background-color:#CC9966;
	text-align:center;
}




/********--------------------- Styles de la page Choisir sa taille -------------***************/

.taille{
	margin:10px 0;
}

.taille th{
	background-color: #857341;
	color:#FFF;
}

.taille td{
	background-color:#AA975F;
	text-align:center;
	color:#333333;
}
.taille td.chauss{
	background-color: #87794E;
	text-align:center;
	color:#FFF;
}

.gauche-taille{
	float:left;
	width:200px;
}

.droite-taille{
	float:left;
	width:250px;
}

.img-taille{
	border:1px solid #736640;
}

/********--------------------- Styles de la page Satisfait -------------***************/

.satisfait-titre{
	color:#736640;
	font-weight:bold;
	font-size:13px;
	border-bottom:1px dotted #999999;
}



/********--------------------- Styles de la page tableau echange remboursement -------------***************/

.gauche-echange{
	float:left;
	width:250px;
	margin-right:20px;
}

.droite-echange{
	float:left;
	width:250px;
}

.tableau-echange{
	margin-bottom:20px;
}

.tableau-echange th{
	background-color: #857341;
	color:#FFF;
}

.tableau-echange td{
	background-color:#AA975F;
	text-align:center;
	color:#333333;
}

.tableau-echange .titre-echange{
	font-weight:bold;
}
.tableau-echange .gros{
	font-weight:bold;
	color:#D4190A;
	font-size:12px;
}


.tableau-echange input {
	background:#AA975F;
	border:0;
	width:80px;
	text-align:center;
	color:#FFF;
}

.tableau-echange input.petit-cellule{
	width:40px;
}

.tableau-echange select {
	background:#AA975F;
	border:none;
	text-align:center;
	color:#FFF;
	font-size:10px;
	width:80px;
}

input.bouton-valider{
	background:#AA975F;
	width:80px;
	border:1px solid #996600;
}

/* ---------------------------STYLE DE LA PAGE CONTACT--------------------------- */

.intro-contact {
	margin:15px 0;
}


#contactForm{
	width:350px;
	margin-left:0px;
	/*border:1px solid red;*/
	float:left;
}
#contactForm p{
	margin:10px 0 10px 0;
}


#contactForm .bouton{
	width:90px;
	border:1px solid #000;
	font-size:12px;
	border-color: #70451B;
	background:none;
}

#contactForm .boutons{
	margin-left: 135px;
	margin-bottom:15px;
}
*html #contactForm .boutons{
	margin-left: 160px;
}

#contactForm p{
	width: 170px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 0.5%;
}

#contactForm label{
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#contactForm input[type="text"]{ 
	width: 180px;
	border-color:#70451B;
	margin-left:-20px;
	background:none;
}
*html #contactForm .inputtext{
	width: 180px;
	border-color:#70451B;
	margin-left:-20px;
	background:none;
}

#contactForm textarea{
	width: 180px;
	margin-left:-20px;
	height: 45px;
	border-color:#70451B;
	background:none;
}
#contactForm input:focus{
	border-color:#CC0000;
}
#formContact textarea:focus{
	border-color:#CC0000;
}

#contactForm .champRequis{
	color:#FF0000;
}

#contactForm p.form_bas{
	width:330px;
	margin:15px 0;
	/*border:1px solid red;*/
	padding:0;
}

#coordonnee-contact{
	float:left;
	width:150px;
	/*border:1px solid red;*/
}
#coordonnee-contact p{
	margin:10px 0;
}
#coordonnee-contact .enseigne{
	color:#CC0000;
	font-weight:bold;
	font-size:14px;
}

/**********************RECHERCHE*******************************/
.titre{
	color:#CC0000;
	font-size:17px;
	float:left;
	width:100%;
	font-weight:bold;
	border-bottom:1px dotted #CC0000;
	margin-bottom:5px;
	float:left;
}

#encart_produit{
	/*border:1px solid #000;*/
	float:left;
	width:285px;
	margin:10px 5px 10px 0;
}

#encart_produit img{
	margin-right:10px;
	float:left;
}

.image{
	border:1px solid #000;
}



/**************************Journalistes***********************/
#blocGauche{
	width:260px;
	/*border:1px solid #000000;*/
	float:left;
	margin:2px;
	padding:2px;
}

#blocDroit{
	width:260px;
	/*border:1px solid #000000;*/
	float:left;
	margin:2px;
	padding:2px;
}



/* ***************** PARTENAIRES  ***************** */

.IDEO_vignette{
float:left;
margin:0px 0 3px 0px;
width:585px;
}


.IDEO_vignette .IDEO_visuel, #contenu .IDEO_visuel{
width: 585px;
}

.IDEO_vignette p a:visited, #contenu .IDEO_vignette p a:link{
text-decoration:none;
position:relative;
}

p.IDEO_visuel,  #contenu .IDEO_vignette p{
text-align:center;
margin:0;
font-variant:small-caps;
}
a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00;
 opacity:1.00;
 }

a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.70;
 opacity:0.70;
 }


.IDEO_vignette img {
margin-top:15px;
max-width:580px;
}

/* ***************** PAGE PARTENAIRE LIENS - ZONE AUTRE PARTENAIRE ***************** */

.IDEO_partenaires {
float:left;
margin:0 0 10px 6px;
width:580px;
}

#IDEO_autres_partenaires {
font:12px/1.3em Arial, Helvetica, sans-serif;
}

#IDEO_autres_partenaires ul li{
padding-bottom:5px;
list-style-type:none;
}





/* ***************** FIN PARTENAIRES  ***************** */