/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	margin: 0;
	padding: 0;
	color:#666666;
	background:url(images/fond.jpg) repeat-x top #FFF;
}

#conteneur {
	position: relative;
	width: 100.8em;
	margin: 0 auto; 
	background-color:#FFF;
	font-size:;
}
#header {
	height: 10em;
	/*background-color: #FFFFFF;*/
	background:url(images/fond.jpg) repeat-x top #FFF;
	position:relative;
}
	#header p{
		float:left;
		margin:0;
		height:10em;
	}
		#header p.presentation{
			width:19.0em;
			font-size:1.4em;
			padding:0 0.5em;
			height:auto;
			bottom:0.5em;
			left:14em;
			position:absolute;
		}
		#header p.drapeaux{
			width:5.0em;
			height : auto;
			position : absolute;
			left : 49em;
			top : 5.5em;
		}
		#header p.imgPresentation{position:absolute;right:0;}

#haut {
	height: 4em;
	background-color:#FFFFFF;
	margin-bottom:2.4em;
}


#gauche {
	width: 19.0em;
	background:white;float:left;
}


#centre {
	background-color:#FFF;
	float:left;
	width:580px;
	padding:0 20px 0 0;
}

#droite {
	width: 20.8em;
	float:left;
}

#pied {
	top:2em;
	position:relative;
	clear:both;
}


.prix{font-size:1.2em; font-weight:bold;  color: #fe0a3f;}

#centre p, #centre td { font-size:1.2em;}
	#centre .prix{ font-size:1em;}
/*#centre p { padding-right : 20px; }*/
#centre a { color : #70B761; }

a{ text-decoration:none;}
img{border:none;}
h1{font-family:Arial, Helvetica, sans-serif;font-size:2.4em;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:2em;}

img, div, input { behavior: url("fileadmin/templates/iepngfix/iepngfix.htc") }

span.titreHaut, h1.titreHaut{
	font-size:1.8em; 
	width:31.22em;
	height:1.89em;
	font-weight:normal; 
	margin:0;
	padding:1em 0 0 1em;
	background:url(images/produits/fondTitre.jpg) repeat-x; border-bottom:1px dotted #666;
	display: block;
	}


.titreAccueil{ width:58.0em; height:5.42em;text-align:right;}
	.titreAccueil h1,.titreAccueil h2, .titreAccueil span { 
		font-size:1.8em; 
		float:left; 
		margin-left:0.5em;
		margin-top:0.8em; 
		font-weight:normal;	
	}
.titreAccueil ul{
		list-style-type:none;
		margin: 0;
		margin-top:0.8em;
		/*margin-right:0.5em;*/ 
		padding:0 5px 0 0; 
		/*width:30em;*/
		/*position:relative;*/
		text-align:right;
		height:32px;
		/*border:1px solid red;*/
		display:inline-block;
		margin-left:auto;
	
}
		.titreAccueil ul li{float:left;width:40px; vertical-align:top;height:32px;}
			.titreAccueil ul li.pageSuivPrec a{ display:inline-block;width:14.4em; height:32px;vertical-align:top;}
				.titreAccueil ul li.pageSuivPrec a span{display:none;}
		/*.pageSuivante{right:0;position:absolute;}*/
			.titreAccueil a{ 
				display:block; 
				height:2.67em;
				/*width:2.67em; */
				font-size:1.2em; 
				background:url(images/tournePages/page.png) no-repeat center; 
				color:#666; 
				font-weight:bold; 
				text-align:center; 
				line-height:2.6em;
			}
			
.titreAccueil ul.etapes{width:50em; margin-right:0}			
			
	.titreAccueil ul.etapes li.etapesPanier{width:12em;}
	.titreAccueil ul.etapes li.etapesLivraison{width:12em;}
	.titreAccueil ul.etapes li.etapesPaiement{width:12em;}
	.titreAccueil ul.etapes li.etapesConfirmation{width:14em;}
	
	.titreAccueil ul.etapes a{float:left;width:2.67em;}
		.titreAccueil ul.etapes a.active:hover{background:url(images/tournePages/page-hover.png) no-repeat center;}
		.titreAccueil ul.etapes a.act{background:url(images/tournePages/page-etapes.png) no-repeat center;}
		.titreAccueil ul.etapes li span{float:left;font-size:1.1em; font-weight:bold; line-height:2.8em; margin-left:0.4em;}
				
.fondDossier{ background:url(images/fondDossier.jpg) repeat-x;}
		.fondDossier h1, .fondDossier span{color:#6FB960;}
		.fondDossier ul li a:hover{ background:url(images/tournePages/page-dossiers.jpg) no-repeat center; }
		.fondDossier ul li.actuelle a{background:url(images/tournePages/page-dossiers.jpg) no-repeat center;}
		.fondDossier ul li.pageSuivPrec a{background:url(images/tournePages/tous-les-dossiers.jpg) no-repeat center;} 
		.fondDossier ul li.pageSuivPrec a:hover{background:url(images/tournePages/tous-les-dossiers-hover.jpg) no-repeat center;} 

.titreAccueil a.voirTousDossiers{display:none;}

#indexEona .titreAccueil a.voirTousDossiers{display:block;margin:1em;font-size:1em;width:14.4em;height:3.2em;background:url(images/tournePages/tous-les-dossiers.jpg) no-repeat;float:right;}
#indexEona .titreAccueil a.voirTousDossiers:hover{background:url(images/tournePages/tous-les-dossiers-hover.jpg) no-repeat;}
#indexEona .titreAccueil a.voirTousDossiers span{display:none;}


.lienVersDossier{width:58em; border-top:1px solid white;border-bottom:1px dotted #666;}	
.lienVersDossier a{display:block;background:url(images/tournePages/lire-dossier.png) no-repeat 98% 90% #F5F2F1; padding:2em;width:54em;height:16em; color: #70B761;}
.lienVersDossier a:hover{background:url(images/tournePages/lire-dossier-hover.png) no-repeat 98% 90% #ECF9E8;}
#dossierUnique .lienVersDossier a,#dossierUnique .lienVersDossier a:hover{background:#F5F2F1;display:inline; background-image:none;border:none;width:auto;height:auto;padding:0;}
#dossierUnique .lienVersDossier{background:#F5F2F1;}

	.lienVersDossier h1,.lienVersDossier h2,.lienVersDossier h3{color:#6FB960;}
	.lienVersDossier a h2, .lienVersDossier a h1{color:#6FB960; font-size:1.6em; margin-top:0;}
	.lienVersDossier a p{color:#666;margin:0;}
	.lienVersDossier a img{float:left;margin-right:1em;margin-bottom:1em;}
		
		
.fondPromos{ background:url(images/fondPromo.jpg) repeat-x;}
		.fondPromos h1 { color: #FE0A3F;}
		.fondPromos ul li a:hover{ background:url(images/tournePages/page-promos.jpg) no-repeat center; }
		.fondPromos ul li.actuelle a{background:url(images/tournePages/page-promos.jpg) no-repeat center;}
		.fondPromos ul li.pageSuivPrec a{ background:url(images/tournePages/toutes-les-promos.jpg) no-repeat center; }
		.fondPromos ul li.pageSuivPrec a:hover{ background:url(images/tournePages/toutes-les-promos-hover.jpg) no-repeat center; }

.titreAccueil a.voirToutesPromos{display:none;}
#indexEona .titreAccueil a.voirToutesPromos{display:block;margin:1em;font-size:1em;width:14.4em;height:3.2em;background:url(images/tournePages/toutes-les-promos.jpg) no-repeat;float:right;}
#indexEona .titreAccueil a.voirToutesPromos:hover{background:url(images/tournePages/toutes-les-promos-hover.jpg) no-repeat;}
#indexEona .titreAccueil a.voirToutesPromos span{display:none;}	

#centre .lienVersPromos { font-size:0.8em; height:auto; }
.lienVersPromos{background:#F5F2F1;border-top:1px solid white;border-bottom:1px dotted #666; width:548px; padding:16px;  /*font-size:0.8em*/}
	.lienVersPromos h1,.lienVersPromos h2,.lienVersPromos h3{color:#FE0A3F; margin:0;}
	.lienVersPromos a h2{color:#FE0A3F; font-size:1.6em; margin-top:0;}
	.lienVersPromos a p{color:#666;margin:0;}
	.lienVersPromos a img{float:left;margin-right:1em;margin-bottom:1em;}
	.lienVersPromos table.colPromo td { width : 50%; }
	#indexEona .lienVersPromos img {/* width : 115px; height : 150px;*/ margin-right : 10px; }
	.lienVersPromos table.colPromo div.imgProdPromo { height : 150px; width: 125px; }
	.lienVersPromos div.imgPromo { width:180px; height:120px; margin-right:5px; display:block;}
	.lienVersPromos div.descPromo { width : 350px;  height:120px; display:block; }
	.lienVersPromos div.imgPromo, .lienVersPromos div.descPromo { float:left; }
	.lienVersPromos img { margin-right : 10px; }
	.lienVersPromos .detailPromo { width : 50%; height:95px; margin-bottom:10px;}
	.lienVersPromos .detailPromo p { margin:0; padding:0; }
	.lienVersPromos div.imgProdPromo, .lienVersPromos div.detailPromo, .lienVersPromos div.reduc { float : left; }
	.lienVersPromos div.detailPromo p.titreProduitPromo { font-weight : bold; margin-bottom:5px; }
	.lienVersPromos div.detailPromo table { margin:2px 0 30px 0; color:#FE0A3F; font-weight:bold; font-size:1.1em;}
	.lienVersPromos div.detailPromo table td.ancienPrix { padding-right : 15px; text-decoration: line-through; }
	.lienVersPromos div.detailPromo table td.notifPromo { padding-right : 15px;  }
	#indexEona .lienVersPromos div.reduc img, .lienVersPromos div.reduc img { width:auto; height:auto; }
	.lienVersPromos div.reduc img, .lienVersPromos div.reduc p { float:left; }
	.lienVersPromos .reduc { color:#fff; font-size:16px; font-weight:bold; float:right; margin-top: 5px; }
	div.macaron, .reduc a { float:left;}
	.lienVersPromos .reduc div.macaron{ background:url(images/macaron.png) no-repeat; width:64px; height:47px; text-align:center; padding-top:22px;  font-size: 13px; }
	.lienVersPromos .reduc a { margin-top : 35px; padding-left:5px; }
	.lienVersPromos .reduc a { background:url(images/voir.png) no-repeat; width: 64px; height: 28px;}
	.lienVersPromos .reduc a:hover { background:url(images/voir-hover.png) no-repeat; }	
	.lienVersPromos p.lienUnivers a { color:#FE0A3F; text-decoration:none; border-bottom:1px dotted #FE0A3F; margin:5px 15px 0 0; }
		

		
		
.fondActualite{ background:url(images/fondActu.jpg) repeat-x;}
		.fondActualite h1, .fondActualite span{color:#6CA6BC;}
		.fondActualite ul li a:hover{ background:url(images/tournePages/page-actus.jpg) no-repeat center; }
		.fondActualite ul li.actuelle a{background:url(images/tournePages/page-actus.jpg) no-repeat center;}
		.fondActualite ul li.pageSuivPrec a{ background:url(images/tournePages/toutes-les-actus.jpg) no-repeat center; }
		.fondActualite ul li.pageSuivPrec a:hover{ background:url(images/tournePages/toutes-les-actus-hover.jpg) no-repeat center; }


.titreAccueil a.voirToutesActualites{display:none;}
#indexEona .titreAccueil a.voirToutesActualites{display:block;margin:1em;font-size:1em;width:14.4em;height:3.2em;background:url(images/tournePages/toutes-les-actus.jpg) no-repeat;float:right;}
#indexEona .titreAccueil a.voirToutesActualites:hover{background:url(images/tournePages/toutes-les-actus-hover.jpg) no-repeat;}
#indexEona .titreAccueil a.voirToutesActualites span{display:none;}	

.lienVersActualites{width:58em;border-top:1px solid white;border-bottom:1px dotted #666;}
.lienVersActualites a{background:url(images/tournePages/lire-article.png) no-repeat 98% 90% #F5F2F1; display:block;height:16em;width:54em;padding:2em; color: #70B761;}
.lienVersActualites a:hover{background:url(images/tournePages/lire-article-hover.png) no-repeat 98% 90% #F1F6F9;}
#actuUnique .lienVersActualites a,#actuUnique .lienVersActualites a:hover{background:#F5F2F1;display:inline; background-image:none;border:none;width:auto;height:auto;padding:0;}	
#actuUnique .lienVersActualites{background:#F5F2F1;}
	
	.lienVersActualites h1,.lienVersActualites h2,.lienVersActualites h3{color:#6CA6BC;}
	.lienVersActualites a h2, .lienVersActualites a h1{color:#6CA6BC; font-size:1.6em; margin-top:0;}
	.lienVersActualites a p{color:#666;margin:0;}
	.lienVersActualites a img{float:left;margin-right:1em;margin-bottom:1em;}



.fondProduits{ background:#F6F2F1;border-bottom:1px dotted #999;}
	/*.fondProduits ul{width:52em;}*/
		.fondProduits ul li a:hover{ background:url(images/tournePages/page-etapes.png) no-repeat center; }
		/*.fondProduits ul li.actuelle  {background:url(images/tournePages/page-etapes.png) no-repeat center; width: 32px; height: 32px;}*/

		.fondProduits ul li.actuelle  {

			background:url(images/tournePages/page-etapes.png) no-repeat center; 

			/*display: block;*/

			/*width: 32px; */

			height: 32px;

			color: #666666;

			font-size: 1.2em;

			font-weight: bold;

			text-align: center;

			line-height: 2.6em;

			/*margin-right: 9px;*/

		}
	.fondProduits ul li.pageSuivPrec{/*width:11em;height:3.2em;*/width:92px; vertical-align:top;}
	.fondProduits ul li.pageSuivPrec a{display:inline-block;/*width:9.6em;*/height:32px;/*height:3.2em;*/font-size:1em;vertical-align:top;width:92px; padding:0 2px;}
	/*.fondProduits ul li.pageSuivPrec a{display:block;width:9.6em;height:3.2em;font-size:1em;}*/
	.fondProduits ul li.actuelle  {
			background:url(images/tournePages/page-etapes.png) no-repeat center; 
			/*width: 32px; */
			height: 32px;
			color: #666666;
			font-size: 1.2em;
			font-weight: bold;
			text-align: center;
			line-height: 2.6em;
		}
.fondProduits ul li.pageSuivPrec.pagePrecedente, .fondProduits ul li.pageSuivPrec.pageSuivante{
width:102px;
/*display:inline-block;*/
vertical-align:top;
height:32px;}

.titreAccueil.fondProduits ul li.pageSuivPrec.pageSuivante{
display:inline;
width:auto;
}

	.fondProduits ul li.pagePrecedente a{
		background:url(images/tournePages/page-prec.jpg) no-repeat left top;
		}
	.fondProduits ul li.pagePrecedente a:hover{background:url(images/tournePages/page-prec-hover.jpg) no-repeat  left top;}
	.fondProduits ul li.pageSuivante a{background:url(images/tournePages/page-suiv.jpg) no-repeat right top; /*position:absolute;top:0;right:0;*/}
	.fondProduits ul li.pageSuivante a:hover{background:url(images/tournePages/page-suiv-hover.jpg) no-repeat right top;}


/************* positionnement des tournes pages *****************************/
#indexEona .tourneHaut { margin-top:1em; }
.tourneHaut{ border-top:1px solid white;border-bottom:1px dotted #666; background:#F5F2F1;}
.fondProduits {margin-top:0;}
.tourneBas{border-bottom:1px dotted #666;border-top:1px solid white; background:#F5F2F1;}
#indexEona .tourneBas{display:none;}


/******************* pour tt_news *******************************************/

#imagesNews,#textesNews{float:left;}
#imagesNews{width:17em;margin:0 1.0em;font-size:1em; text-align:center;}
#textesNews{width:380px;margin:0;}
#textesNews h2,#textesNews h1,#textesNews h3{margin-top:0;}
#textesNews h1 { font-size: 2em; }
#textesNews h3 p { margin: 0; padding: 0; font-size: 1em; }
#textesNews ul li{font-size:1.2em}
#textesNews p{padding:0}

#pageSingleBrowserDossier a{display:block;width:9.6em;height:3.2em;background:url(images/tournePages/page-prec.jpg) no-repeat;margin:1em;}
#pageSingleBrowserDossier a:hover{background:url(images/tournePages/page-prec-hover.jpg) no-repeat;}
#pageSingleBrowserDossier a span{display:none;}

#pageSingleBrowserActualites a{display:block;width:9.6em;height:3.2em;background:url(images/tournePages/page-prec.jpg) no-repeat;margin:1em;}
#pageSingleBrowserActualites a:hover{background:url(images/tournePages/page-prec-hover.jpg) no-repeat;}
#pageSingleBrowserActualites a span{display:none;}

/*************************************** les faqs ****************************************/
#lesFAQ{background:#F5F2F1; width:58em;}
#lesFAQ h2{padding:0.5em 1em;margin:0;border-top:1px solid white;width:26.9em;}
#lesFAQ h2 a{color:#666;}
#lesFAQ h2 a:hover{color:#986e7a; text-decoration:underline;}
		
.listeFaq{border-bottom:1px dotted #666;padding-left:2em;padding-bottom:2em;list-style:none; margin:0;}
.listeFaq li{margin-bottom:1.4em;}
.listeFaq li a{font-size:1.2em; /*color:#986e7A;*/ color : #70B761; border-bottom:1px dotted #986e7A; padding-left:1.5em;background:url(images/flecheGlossaire.jpg) no-repeat;line-height:2em; }
.listeFaq li a:hover{color:#6FB960;border-bottom:1px dotted #6FB960;background:url(images/flecheGlossaire-hover.jpg) no-repeat;}

.listeFaq li a p.bodytext{color:inherit; margin:0;}
.questionFaq{font-size:1.2em; color:#986e7A;}

#encartSimpleFaq{padding:2em;border-bottom:1px dotted #666;}
#encartSimpleFaq p, #encartSimpleFaq ul li {font-size:1.1em;}

#pageSingleBrowserFaq a{display:block;width:9.6em;height:3.2em;background:url(images/tournePages/page-prec.jpg) no-repeat;margin:1em;}
#pageSingleBrowserFaq a:hover{background:url(images/tournePages/page-prec-hover.jpg) no-repeat;}
#pageSingleBrowserFaq a span{display:none;}

.tx-irfaq-singleview h1 a{color:#986e7a;}
.tx-irfaq-singleview h1 a:hover{color:#6FB960;text-decoration:underline;}

/******************************* moteur de recherche ****************************************/

.recherche {background:#F5F2F1;border-top:1px solid white;border-bottom:1px dotted #666;width:58em;}

.recherche table{margin:3em;margin-right:0;}
.recherche td{height:3em; vertical-align:middle;}
.recherche td label{font-size:0.8em; line-height:4em;}
.recherche td label.curseur{cursor:pointer;}

.textuelle{padding:0 2em;width:54em;}
.textuelle ul li,.textuelle ol li{font-size:1.2em;}
.textuelle a{color:#986e7A;border-bottom:1px dotted #986e7A;}
.textuelle a:hover{color:#6FB960;border-bottom:1px dotted #6FB960;}

.recherche h2{padding-left:2em;}

#presentationListeResultats{width:58em;}
#presentationListeResultats h2{padding-left:0.9em;}
#presentationListeResultats ul{border-bottom:1px dotted #666;padding-left:2em;padding-bottom:2em;list-style:none;}
#presentationListeResultats ul li a{font-size:1.1em; color:#986e7A;border-bottom:1px dotted #986e7A; padding-left:1.5em;background:url(images/flecheGlossaire.jpg) no-repeat;line-height:2em; }

#presentationListeResultats ul li a:hover{color:#6FB960;border-bottom:1px dotted #6FB960;background:url(images/flecheGlossaire-hover.jpg) no-repeat;}

.enteteListeResultats{margin-top:0; background:#FFEEF4;border-top:1px solid white;border-bottom:1px dotted #666; padding:1em 2em; width:44.4em;}

/***************************** le glosssaire ******************************************/
ul#listeGlossaire{list-style:none; background:#f5f2f1; border-top:1px solid white;border-bottom:1px dotted #666;  padding:1.5em;margin-top:0;width:55em; }
ul#listeGlossaire li{display:inline; margin-right:0.5em;}
ul#listeGlossaire li a{font-size:2.4em; color:#BB506E;}
ul#listeGlossaire li a:hover{color:#6D9D6B;}
ul#listeGlossaire li.glossaireActuel a{color:#6D9D6B;}
		
h2.titreGlossaire{margin-left:0.5em; margin-top:0em; font-size:2.4em; font-weight:normal}
ul#listEntreeGlossaire{list-style:none;padding:0;padding-left:2em;}
ul#listEntreeGlossaire li{background:url(images/flecheGlossaire.jpg) no-repeat;padding-left:1.66em;font-size:1.1em;margin-bottom:2em;line-height:1.1em;}
ul#listEntreeGlossaire li a{
				color:#BB506E; 
				border-bottom:1px dotted #BB506E;
				}
ul#listEntreeGlossaire li a:hover{color:#6D9D6B; border-bottom:1px dotted #6D9D6B;}		

div#listMotsGlossaires{height:40em;width:58em;border-bottom:1px dotted #666;}

.tx-sgglossary-pi1{width:58em;}.tx-sgglossary-pi1 form{width:58em;}

tx-sgglossary-pi1 img{float:left;margin:0 1em 1em 0;}
h2#glossaireSingleTitre{font-weight:normal;width:29em}
p#glossaireSingleTexte{width:51em;font-size:1.1em; }

/************************** mon compte ****************************************************/

#teteFormulaireLivraison{background:#F5F2F1;border-top:1px solid white;width:58em; height:10em;}
	#teteFormulaireLivraison h2{margin-left:1em; margin-bottom:0;}
	#teteFormulaireLivraison p{margin-left:2em;}

a#creerUnCompte{display:block;width:19.2em;height:3.2em;background:url(images/creer-mon-compte.jpg) no-repeat; margin-bottom:4em;margin-left:30em;}
a#creerUnCompte:hover{background:url(images/creer-mon-compte-hover.jpg) no-repeat;}
a#creerUnCompte span{display:none;}

.recherche .tx-newloginbox-pi1 table{margin-left:18.5em;}
.recherche .tx-newloginbox-pi1 table th{text-align:right; width:10em;}
.recherche .tx-newloginbox-pi1 table td input#user{width:15em;}

p.motDePasseOublie a{font-size:0.7em; color:#986e7a; border-bottom:1px dotted #986e7a;}
.identification{padding-left:17.4em;}

#textesNews table.contenttable {width:100%;}
#textesNews table.contenttable td p{font-size:1.0em;margin:0;}
#textesNews table.contenttable td.align-right{text-align:right;}


/************************** inscription newsletter ****************************************************/
.recherche table.emailing { margin:0; width:100% }
.recherche table.emailing th { text-align : right;  }
.recherche table.emailing td { width:25%;  }
.recherche a { color: #70B761; }

/***bug paragraphe**/
#conteneur #centre .csc-textpic.csc-textpic-intext-left-nowrap.csc-textpic-caption-c div{
padding-right:0px;
}
/*#conteneur #centre .csc-textpic.csc-textpic-intext-left-nowrap.csc-textpic-caption-c div div.csc-textpic-text{
padding-right:10px;
}*/
#conteneur #centre .csc-textpic.csc-textpic-intext-left-nowrap.csc-textpic-caption-c div div.csc-textpic-text ul{
margin: 0;
padding: 0 0 0 15px;
}
#conteneur #centre .csc-textpic.csc-textpic-intext-left-nowrap.csc-textpic-caption-c div div.csc-textpic-text ul li {
font-size: 1.2em;
/*padding-right : 20px;*/
}
#conteneur #centre .csc-textpic.csc-textpic-intext-left-nowrap.csc-textpic-caption-c div div.csc-textpic-text ul li a {
color: #70B761;
}