/* CSS Document */


/* -- MODIFICATION/AJOUT WEBMASTER-- */

/* HEADER */
div#e_logo a, div#e_logo img {background-image:none;}

/* MENU */
div#e_menuLevel1 div.e_smenu ul li {
    padding-left: 20px; /* padding du menu taille WEB et TABLETTE */
}
div#e_menuLevel1 div.e_smenu ul li.e_smenu320_deroulant li{
    padding-left: 0px; /* padding du menu taille MOBILE */
}
div#e_menuLevel1 div.e_smenu ul li li {
    width: 170px;/* largeur du menu taille WEB et TABLETTE */
}
div#e_menuLevel1 div.e_smenu ul li li.e_smenu320 {
    width: 100%;/* largeur du menu taille MOBILE */
}


div#e_identification{width: 330px;/* largeur bloc 2 btns identification */}

div#e_bdLegal {font-size:1.6em;}


.block-fiche p.texte p{
margin:10px 0;}


div#e_menuLevel1 nav > ul > li > a, div#e_menuLevel1 > ul > li > a {
padding: 15px 14px 0;/* Padding texte menu */
}


/* AFFICHER LES TABLEAUX */
table {
    display: block;/* réactiver affichage des tableaux qui sont désactivés par EI */
}

/* E_CONTENER 
div#e_contener {
    padding-top: 118px; supprimer espace entre barre de nav et bloc e_contener 
}*/

/* -- FIN -- MODIFICATION/AJOUT WEBMASTER-- */






@font-face {
    font-family: 'FrutiBold';
    src: url('frutigerltstd-bold_0-webfont.eot');
    src: url('frutigerltstd-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('frutigerltstd-bold_0-webfont.woff') format('woff'),
         url('frutigerltstd-bold_0-webfont.ttf') format('truetype'),
         url('frutigerltstd-bold_0-webfont.svg#frutiger_lt_std_45_lightbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'frutilight';
    src: url('frutigerlt45light.eot');
    src: url('frutigerlt45light.eot?#iefix') format('embedded-opentype'),
         url('frutigerlt45light.woff') format('woff'),
         url('frutigerlt45light.ttf') format('truetype'),
         url('frutigerlt45light.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* HELPERS */
.FrutiBold {	font-family: 'FrutiBold';}
.FrutiLite {	font-family: 'frutilight';}
.rouge {color:#CB081C;}
.orange {color:#FE7803;}
.vertfonce {color:#059122;}
.fushia {color:#a20f81;}
.orangefonce {color:#ed6400;}
.violet {color:#791fd5;}
.bleu {color:#008290;}
.noir {color:#000000;}
.vert {color:#148314;}
.cfix {clear:both; height:1px; float:none;}
.h20 {height:20px;}
.h40 {height:40px;}
.lefted {float:left; display:block;}
.txtmini {font-size:10px;}



/* vignette */
#vigid-3suisses 		{	background-image:url(/fr/images/site/vig/vig-3suisses.jpg);}
#vigid-mistergooddeal 	{	background-image:url(/fr/images/site/vig/vig-mistergooddeal.jpg);}
#vigid-feuvert 			{	background-image:url(/fr/images/site/vig/vig-feuvert.jpg);}
#vigid-blancheporte 	{	background-image:url(/fr/images/site/vig/vig-blancheporte.jpg);}
#vigid-bonprix 			{	background-image:url(/fr/images/site/vig/vig-bonprix.jpg);}
#vigid-cofidismobile 	{	background-image:url(/fr/images/site/vig/vig-cofidismobile.jpg);}
#vigid-maty 			{	background-image:url(/fr/images/site/vig/vig-maty.jpg);}
#vigid-helline 			{	background-image:url(/fr/images/site/vig/vig-helline.jpg);}
#vigid-paypal 			{	background-image:url(/fr/images/site/vig/vig-paypal.jpg);}
#vigid-excedence 		{	background-image:url(/fr/images/site/vig/vig-excedence.jpg);}
#vigid-lexel 			{	background-image:url(/fr/images/site/vig/vig-lexel.jpg);}
#vigid-becquet 			{	background-image:url(/fr/images/site/vig/vig-becquet.jpg);}
.vignette160x100 {
	display:block;
	width:160px;
	height:100px;
	background-color:#FFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}

.vignetteFond {
	width:180px;
	height:120px;
	background-image:url(/fr/images/site/vig-FOND.png);
	background-repeat:no-repeat;
}



/* vignette 4étoiles avec fond */
.vig4e {
	display:block;
	float:left;
	width:180px;
	height:120px;
	background-image:url(/fr/images/site/vig-FOND.png);
	position:relative;
	margin:0;
}
	
.vig4e span {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
	width: 160px;
	height: 100px;
	background-repeat: no-repeat;
	display: block;
}

.vig4e span.btplus {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 15;
	width: 115px;
	height: 23px;
	padding:97px 0 0 65px;
	background-repeat: no-repeat;
	background-image: url(/fr/images/site/bt-vig-ensavoirplus.png);
	background-position:40px 90px;
	cursor:pointer;
	-khtml-opacity:0; 
	-moz-opacity : 0; 
	-ms-filter: "alpha(opacity=0)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
	filter : alpha(opacity=0); 
	opacity : 0;
}

.vig4e span.btplus:hover {
	-khtml-opacity:1; 
	-moz-opacity : 1; 
	-ms-filter: "alpha(opacity=100)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	filter : alpha(opacity=100); 
	opacity : 1;
}

.vig4e.liste span.btplus {
	-khtml-opacity:1; 
	-moz-opacity : 1; 
	-ms-filter: "alpha(opacity=1)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); 
	filter : alpha(opacity=1); 
	opacity : 1;
}

/* marges intercolonnes & colonnes */

.colonne50 {
	width:50%;
	float:left;
}

div.col-left {margin-right:10px;}
div.col-right {margin-left:10px;}



/* seprateur horizontaux */
.seplig {border-top:1px solid #CCCCCC; margin-top:10px; height:10px;}
.sep {background-image:url(/fr/images/site/sep-dot-gris.png);}
.sep.hrz {	background-repeat: repeat-x;	background-position: left center;}
.sep.vrt {	background-repeat: repeat-y;	background-position: center top;}


/* arrondis */
.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* 
	puces carrées
--------------------------------*/

.puceCarre {
	display:block;
	width:40px;
	height:33px;
	font-family: 'frutilight';
	padding:7px 0 0 0;
	text-align:center;
	font-size:28px;
	color:#FFF;
	background-repeat: no-repeat;
	background-position: left;
	background-size:contain;
}
.puceCarre.fleche {	height:35px;	padding:5px 0 0 0;}
.puceCarre.bleu {	background-image: url(/fr/images/site/puce-carre-bleu.gif);}
.puceCarre.rouge {	background-image: url(/fr/images/site/puce-carre-rouge.gif);}
.puceCarre.orange {	background-image: url(/fr/images/site/puce-carre-orange.gif);}




/* 
	block témoignages
--------------------------------*/

.block-temoignage {
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
	border:4px #E0E0E0 solid;
	padding:20px 20px 5px 20px;
	font-size:18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.block-temoignage p.temoignage, .block-temoignage p.temoignage strong{	
	text-align:center;
	font-style:italic;
	color:#000000;
}

.block-temoignage p.temoin {	
	text-align:right;
	font-style:italic; 
	font-size:14px; 
	margin-top:5px;
}


/* 
	block gris générique
--------------------------------*/
.block-gris-generique {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	background-color:#E0E0E0;
}


.block-gris-generique .zonetitre {
	font-family: 'FrutiBold';
	display:block;
	color:#000;
	font-size:28px;
}

.block-gris-generique .zonetexte {
	font-size:16px;
	margin-top:10px;
}



/* 
	block orange générique
--------------------------------*/
.block-small {
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	/*height:150px;*/
	background-repeat: no-repeat;
	background-position: left top;
}

.block-small.orange {background-color:#FD9B1D;}
.block-small.bleu {background-color:#008290;}
.block-small.rouge {background-color:#CB081C;}
.block-small.grisrouge {background-color:#9f9386;}
.block-small.grisorangeclair {background-color:#c6c1bc;}
.block-small.vertfonce {background-color:#059122;}
.block-small.fushia {background-color:#a20f81;}
.block-small.orangefonce {background-color:#ed6400;}
.block-small.violet {background-color:#791fd5;}

.block-small .bscolgauche {
	position:relative;
	width:280px;
	display:inline-block;
	float:left;
}

.block-small .bscoldroite {
	position:relative;
	width:160px;
	display:inline-block;
	float:left;
}

.block-small .bscoldroite img{
	margin:20px 0 0 0;
}

.block-small .bscoldroite .btsma {
	position:absolute;
	z-index:10;
	width:120px;
	top:105px;
	left:20px;
}
.block-small .mentionOffre{position:relative;clear:both;margin:10px;color:#fff;}

.block-small .btsma span.m {width:90px;}








/* body */
.maincontent {
	color: #00000;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FFF;
	font-size:12px;
}

/* ML TOP */
#mentionslegales {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	height:15px;
	padding:5px 0 0 0;
}


/* STRUCTURE et BACKGROUND
   ------------------------------------------------------------------------
*/
.wrap {
	width:100%;
	background:repeat-x top left;
}

.wrap div.centered {
	position: relative;
	width:980px;
	margin: 0 auto;
}

.wrap div.centeredmarged {
	position: relative;
	width:940px;
	margin: 0 auto;
	
}

.wrap div.maincontent {
	position: relative;
	width:940px;
	margin: 0 auto;
	padding:0 20px;
}





/* MAIN
----------------------------------------------- */

.wrap.main {
	background-image:url(/fr/images/site/main-trbg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#main {
	background-color:#FFF;
}

#main h1 {
	display:block;
	width:100%;
	height:30px;
	padding-top:10px;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}




/* MAIN - FIL ARIANNE
----------------------------------------------- */
#main #arianne {
	display:block;
	width:100%;
	height:30px;
	padding-top:10px;
	font-size:12px;
	font-weight:normal;
}

#main #arianne span a {	color:#CC0000;}
#main #arianne span a:hover {	color:#CC0000; 	text-decoration:underline;}


/* MAIN - BLOCK H1
----------------------------------------------- */		
		
.h1-blocktop {
	width:auto;
	position:relative;
}

.h1-blocktop .zonetexte {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#CB081C;
	color:#FFF;
	padding:20px;
	height:70px;
	background-image: url(/fr/images/site/refletbandeaurouge.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:contain;
}

.h1-blocktop .zonetexte h1 span {font-size:30px;}
.h1-blocktop .zonetexte h1 span.titre {	font-family: 'FrutiBold'; color:#FFF;	}
.h1-blocktop .zonetexte h1 span.texte {	font-family: 'frutilight'; color:#FFF;	}


.h1-blocktop .zonevisu {
	width:460px;
	height:200px;
	position:absolute;
	z-index:10;
	right:0;
	top:0;
	background-position:right top;
	background-repeat: no-repeat;
	background-size:contain;
}



/* MAIN - BLOCK H2
----------------------------------------------- */		
		
.h2-blocktop {
	width:auto;
	position:relative;
	margin-top:30px;
}

.h2-blocktop h2 {font-size:28px; font-weight:bold; font-family: 'FrutiBold';}
.h2-blocktop p {font-size:16px; margin-top:20px;font-weight:bold;font-family:Arial, Helvetica, sans-serif; color:#000000;}






/* MAIN - BLOCK + ILLUS GENERIQUE
----------------------------------------------- */		



.block-illus {
	margin:30px 0 10px 0;
	position:relative;
	background-repeat:no-repeat;
	height:auto;
	padding-bottom:0;
}

.block-illus.illusR {padding-right:320px;}
.block-illus.illusL {padding-left:320px;}


.block-illus  .zonetitre {	height:40px;}
.block-illus  .zonetitre span.puceCarre {	float:left;}
.block-illus  .zonetitre span.texte {
	font-family: 'FrutiBold';
	display:block;
	float:left;
	color:#000;
	margin:7px 0 0 5px;
	font-size:28px;
}

.block-illus  .zonetexte { clear:both; }

.block-illus  .zonetexte a {color:#000000;}
.block-illus  .zonetexte p {
	margin:20px 0 10px 0;
	font-size:16px;
	font-weight:bold;
}




.block-illus .zonetexte.rouge p {color:#CB081C;}
.block-illus .zonetexte.rouge p a{color:#CB081C;}
.block-illus .zonetexte.bleu p {color:#008290;}
.block-illus .zonetexte.bleu p a {color:#008290;}
.block-illus .zonetexte.orange p {color:#FE7803;}
.block-illus .zonetexte.orange p a {color:#FE7803;}

.block-illus .zonetexte p.texte.mention {font-size:12px;}
.block-illus .zonetexte p.texte {
	margin:10px 0 0 0;
	font-size:14px;
	line-height:18px;
	color:#000;
	font-weight:normal;
}
.block-illus .zonetexte p.texte a {
	margin:10px 0 0 0;
	font-size:14px;
	line-height:18px;
	color:#000;
	font-weight:normal;
}

.block-illus .zonetexte p.btsma {
	margin:10px 0 30px 0;
}


.block-illus .zonetexte ul, .block-illus  .zonetexte ol {
	list-style:disc;
	margin-left:30px;
	font-size:14px;
	line-height:18px;
	margin-top:10px;
	clear:both;
}
.block-illus .zonetexte ul li, .block-illus  .zonetexte ol li {color:#000;}


 .block-illus  .zonetexte ol {
	list-style:decimal;
 }

.block-illus  div.btsma {
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
}




/* MENTIONS
----------------------------------------------- */
.wrap.ml {}

#ml {
	text-align:justify;
	font-size:12px;
	color:#666;
	padding:20px 0;
}

div#e_footer_mid_4etoiles {
background-image: url("/fr/images/site/logo-4etoiles-inverse.png");
}

img {min-width:1px;}

/****** STYLE COFCOOKIE ******/
#cofcookie{background-color: #a00000;font-size: 12px;text-align: center;padding: 2px 0;width: 100%;z-index: 999;opacity: 0.9;display:none;position:fixed;bottom:0;}
#cofcookie p{margin:0;text-align:center;color:#fff;}
#cofcookie a{color: #fff;cursor:pointer;}
#cofcookie strong{font-weight:bold;}

a#closeCofCookie{margin:0 10px;padding: 3px 9px 6px 3px;display:inline-block;-webkit-border-radius: 3px; border-radius: 3px;background-color: #ffffff;width: 10px;height: 7px;color: #000000;font-weight: bold;text-decoration: none;}