

ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#4C4C4B; text-decoration:none;  }
a img { border:0; }
h1, h2, h3, h4, h5 { margin:0; font-size:100%; font-weight:normal; }
p { margin:0; padding:0px 5px 5px 5px; font-size:90%; }
div.clear { clear:both; }

a:hover {color:#666666;text-decoration:none;}
	
h1 {color:#4a5c58; }
h1 span { display:block; font-size:35px;letter-spacing:3px; padding:5px; text-transform:uppercase;}
h4 { font-size:120%; color:#7d7d7d; border-bottom:1px dotted #030303; }

h1.titre {
font-size: 18px;
font-family: 'Muli', serif;
background-color: #DFE08D;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #2C5352;
color: #2C5352;
padding: 10px 0px 10px 35px;
letter-spacing: 0.1em;
margin-bottom: 20px;		
}

div#actu {
	width:260px;
	height:400px;
	float:right;
	/*border:dotted 1px;*/
	padding:5px 5px 5px 5px;
	overflow:hidden;
}
#actu h2 {
	width:auto;
	height:25px;
	font-size:120%;
	text-transform:uppercase;
	color:#537b6e;
	text-align:center;
	letter-spacing:0.3em;
	border-bottom: 1px dotted #333;
}
#actu h4 {
	border-bottom:1px solid grey;
	padding:5px 10px 10px 30px;
}
p#actu {
	margin:0;
	padding:0px;
	font-size:90%;
	text-align:left;
}
#actu ul {
	margin:0;
	padding:10px 0px 10px 5px;
	text-align:left;


	
}
#actu li {
	font-size:90%;
	padding: 5px 0px 5px 0px;
	color: #AC3232;
	list-style-type: disc;
    list-style-image: url('../images/puce.gif');
    list-style-position: inside;


	
}


#actu a {
	font-weight:normal;
}



div.bloc {
margin-top:1em;
margin-bottom:1em;
margin-left:1em;
margin-right:1em;

}

div.product_bloc{
/*width:220px;
display:block;*/
border-bottom:1px dashed #ccc;
border-top:1px dashed transparent;
border-right:1px dashed transparent;
border-left:1px dashed transparent;
height:325px;
/*margin:0.5em;
padding:0.5em;*/
/*float:left;*/
background-color:white;
overflow:hidden;
}

div#lespetitsplus-panier div.product_bloc{
width: 145px;
display: block;
border-bottom: 1px dashed #CCC;
border-top: 1px dashed transparent;
border-right: 1px dashed transparent;
border-left: 1px dashed transparent;
height: 200px;
margin: 0.5em;
padding: 0.5em;
float: left;
background-color: white;
overflow: hidden;
}

div#lespetitsplus-panier div.product_bloc .product-more img{
width: auto;
height: 80px !important;

}

div#main span.texte-promo {
display:block;	
}

div#left div.product_bloc{
width:175px;
display:block;
border-bottom:1px dashed #ccc;
border-top:1px dashed transparent;
border-right:1px dashed transparent;
border-left:1px dashed transparent;
height:338px;

margin:0.5em;
padding:0.5em;
float:left;
background-color:white;
overflow:hidden;
}
div#left h3.texte-promo {
display:none;	
}

div#left span.texte-promo {
display:none;	
}

div.product_bloc:hover{
	border:1px dashed #ccc;
	box-shadow: 1px 1px 12px #ccc;
}

div.product_bloc h3{
font-size:13px;
text-align:center;
margin-top:1em;
font-family: 'Duru Sans', sans-serif;
color:#616161;
height:32px;
margin-bottom:10px;

}

div.gamme-menu {
margin-top:0px;
font-family: 'Maven Pro', sans-serif;
}


div.gamme-menu li {
display:inline-block;
width:auto;
padding:1em;
margin-right:.5em;
margin-left:0.5em;
cursor:pointer;
font-size:13px;
}


ul#typeFilter li {
padding-left:20px;
background-color:#eff6f6 !important;

}
ul#typeFilter li:hover {
padding-left:20px;
background-color:#e6eded !important;
border-bottom:1px dotted #cad7d7 !important;
border-top:1px dotted #cad7d7 !important;
/*background: url('../images/PucePictoOKSurvol.png') no-repeat #f8fac5;*/
}
li.selected-filter    
{

background: url('../images/PucePictoOK.png') no-repeat #f8fac5;
color:#2c5352;
/*border-top:1px dotted #2c5352 !important;
border-bottom:1px dotted #2c5352 !important;*/
}

div.type h2{
padding-top:20px!important;
color:#aac2c2!important;
border-bottom:none!important;
margin-bottom:-5px!important;
text-transform: uppercase;
}


div#topMenu {
font-family: 'Muli', sans-serif;
font-size:12px;	
float:left;
margin-right:50px;
color:#2c5352;
}
div#topMenu li {
display:inline-block;
margin-right:1em;
border-top:5px solid #2c5352;

}

div#topMenu li a{

text-decoration:none;
}

#logo {
	float:left;
} 
	
div#encart-txt-gam {
	width:auto;
	height:auto;
	float:left;
	text-align:left;
	padding:0px 5px 0px 0px;
	margin-bottom:50px;
	color:#455D58;
	}

#menu_encart-txt-gam h2 {
	background:url('../images/logo-PS-petit.png') no-repeat;
	width:160px;
	height:25px;

	text-transform:uppercase;
	color:#537b6e;
	padding-top:5px;
	text-align:center;
	}
p#menu-encart-txt-gam { margin:0; padding:0px; font-size:100%;	 }

#menu_encart-txt-gam ul { margin:12px auto 50px auto; }
#menu_encart-txt-gam a { font-weight:normal; }
div#texte {
	float:left;
	width:450px;
	margin-left:2px;
	font-size:110%;
	
	}
p#texte {
font-size:1.8em;
}
div#gamme-info h2 {
	font-size:18px;
	font-family: 'Muli', serif;   
	background-color:#DFE08D;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #2C5352;
	color:#2C5352;
	padding:10px 0px 10px 35px;
	letter-spacing:0.1em;
}
div.gamme-menu {
/*padding-left:10px;	*/
}

div.gamme-menu h2  {
	border-bottom:1px dotted #cbd300;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:10px;
}
div.gamme-menu ul li {
	
	border-top:1px dotted transparent;
	border-bottom:1px dotted transparent;
	
}
div.gamme-menu ul li:hover {
	background-color:#F8FAC5;
	border-top:1px dotted #2C5352;
	border-bottom:1px dotted #2C5352;
	
}	
div.gamme-menu ul li.active {
	background-color:#F8FAC5;
	border-top:1px dotted #2C5352;
	border-bottom:1px dotted #2C5352;
	
}

div#img-ambiance {
	float:left;
	width:600px;
	margin-left:16px !important;
	margin-left:8px;
	}
	
div#img-ambiance-vert {
	float:left;
	width:300px;
	margin-left:16px !important;
	margin-left:8px;
	margin-right:10px;
	}
		
div#texte-generic {
	height:auto;
	width:auto;
	margin-left:16px !important;
	margin-left:8px;
	font-size:110%;
	
	}
	

	
div#texte-titre {
	font-size:180%;
	color:#B0D40A; 
	letter-spacing:2px;
	height:auto;
	width:auto;
	margin-left:16px !important;
	margin-left:8px;
	
	}

div.post { margin-bottom:50px; }
.post h2 {/* border-bottom:1px dotted #030303;*/ text-transform:uppercase; color:#B0D40A; font-size:170%;letter-spacing:1px; }
.post h3 {text-transform:uppercase; color:#B0D40A; font-size:150%;letter-spacing:1px; }
p.infos { color:#666; font-size:90%; }




hr {
clear: both;
width: 100%;
border: 0; /* enleve toute bordure */
border-bottom: 1px #b0b0ad solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}




/* PANIER */

div.post-panier {
	margin-bottom:10px;
	width:800px;
}
.post-panier h2 {/* border-bottom:1px dotted #030303;*/
	text-transform:uppercase;
	color:#B0D40A;
	font-size:170%;
	letter-spacing:1px;
}
.post-panier h3 {
	text-transform:uppercase;
	color:#B0D40A;
	font-size:150%;
	letter-spacing:1px;
}
p.infos-panier {
	color:#666;
	font-size:110%;
	letter-spacing:1px;
	padding-top:15px;
}

span.active {
	font-weight:800;
	/*color:#B0D40A;*/
}

div#texte-panier {
	/*float:left;
	width:auto;
	max-width:730px;
	margin-left:15px;
	margin-right:25px;
	font-size:90%;
	margin-bottom:20px;
	font-family:'Trebuchet MS';*/
}
p#texte-panier {
	font-size:0.9em;
}
h1#texte-panier {
	font-size: 18px;
font-family: 'Muli', serif;
background-color: #DFE08D;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #2C5352;
color: #2C5352;
padding: 10px 0px 10px 35px;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.CollapsiblePanelTab h2 {
	font-size:0.8em;
	margin-top:2px;
	margin-bottom:10px;
	padding:10px;
	font-family:'Muli';
	
}
/* FIN PANIER */
/* TABLEAU PANIER */
table {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
	/*font-family: sans-serif;*/
}
th {
	padding: 10px 10px 10px 5px;
	background-color: #2C3332;
	border-top: 1px dotted #2C5352;
border-bottom: 1px dotted #2C5352;s
	font-size:80%;
	font-weight:bold;
	color:#fff;
}
td {
	padding: 20px 0px 20px 5px;
	text-align: left;
	font-size:90%;
	border-bottom:1px dotted gray;
	vertical-align: bottom;
	text-align:left;
}
td.right {
	text-align:right;
	padding-right:10px;
}
td.montant {
	padding:10px 10px 5px 0px;
	font-weight:bold;
	text-align:right;
	background-color:#ececec;
}
td.montant-total {
	padding:10px 10px 5px 0px;
	font-weight:bold;
	text-align:right;
	background-color:#ccc;
}
td.privilege {
	text-align:right;
	padding-right:10px;
	color:#ac3232;
	vertical-align:middle;
}
th.col1 {
	width:460px;
}
th.col2 {
	width:80px;
	text-align:right;
}
th.col3 {
	width:80px;
	text-align:right;
}
th.col4 {
	width:120px;
	text-align:right;
}
span.ref {
	color:#999999;
	padding-left:10px;
}
.marg-left {
	margin:0px 1px 0px 5px;
	text-align:right;
}
/*PROMO*/
span.promo {
	color:#ac3232;
}
span.barre {
	text-decoration:line-through;
}
/* FIN TABLEAU PANIER*/


/* ENCART DROIT POUR INFOS DIVERS */
div#encart-dr-global {
   /* width:auto;
    height:auto;
    float:right;
    padding:0px;
    overflow:hidden;*/
   /* border-left:1px solid #88a39d;*/
   font-family:'Muli';
   font-size:14px;


}

div#encart-dr-global a img{
	margin:0px 5px 0px 0px !important;
	
}
div#encart-dr {
    margin-bottom:10px;
    /*overflow:hidden;*/
}

.encart-de h2 {
	font-size:100%;
    text-transform:uppercase;
    color:#000;
   	font-family: 'Asap', sans-serif;
    background-color:#f6f1f5;
   	border-bottom:1px dashed #df8dcf;
   	padding:10px 3px 10px 10px;
}

h4.encart-dr  {
    border-bottom:1px dashed #f6f1f5;
    padding:5px 5px 5px 0px;
    margin-left:10px;
    font-size:1.1em;  
    /*line-height:0.9em;  */
}

p.encart-dr  {
    margin:0;
    padding:15px 5px 15px 5px;
    font-size:90%;
    text-align:left;
}

ul.encart-dr span  {
    margin:0;
    padding:0px;
    font-size:100%;
    text-align:left;
    color:#ac3232;
    font-weight:bold;
}

ul.encart-dr  {
    margin-left:5px;
    padding:5px 5px 15px 5px;
    font-size:90%;
    text-align:left;
    
}

.encart-dr a {
    font-weight:normal;
}



/*FIN*/

/* CGV */

h4 {
	font-size:130%;
	color:#7d7d7d;
	border-bottom:1px dotted #030303
}
h3 {
	font-size:110%;
	color:#333;
}

p.cgv-btn {
	margin:0;
	padding:5px;
	font-size:100%;
	color:#333;
	font-weight:bold;
	font-variant:small-caps;
	text-align:right;
}

ul.cgv {
	margin:0;
	padding:5px;
	font-size:90%;
}

h2.panier {
	font-size:250%;
	color:#4a5c58;
	margin-bottom:90px;

}

/* FIN */



/* LIVRAISON */





/*ADRESSE*/
.conteneur-adresse{
	float:left;
	padding:5px;
	color:#333;
	width:340px;
	margin-bottom:20px;
	border-top: 1px dashed #CAD7D7;
	border-bottom: 1px dashed #CAD7D7;
background-color: #EFF6F6;
margin:7px;
	
}
.adresse {
	line-height:1.5em;
	padding-top:20px;
	font-style:italic;
	color:#000;
	
}.conteneur-adresse h3 {
	font-size:1.1em;
	text-transform:none;
	color:#666;
	font-weight:bold;
}
.conteneur-adresse a {
	background-color: #2C3332;
color: white;
padding: 5px;
	}

.conteneur-adresse a:hover {
	background-color: #3F5754;
color: white;
padding: 5px;
	}
/* FIN BTN*/



td.montant-total {
	padding:10px 10px 5px 0px;
	font-weight:bold;
	text-align:right;
	background-color:#ccc;
}
td.montant-total-commande {
	padding:10px 10px 5px 0px;
	font-weight:bold;
	text-align:right;
	background-color:#ECECEC;
}

td.montant {
	padding:10px 10px 5px 0px;
	font-weight:bold;
	text-align:right;
	background-color:#ececec;
}
td.montant-commande {
	padding:10px 10px 5px 0px;
	font-weight:bold;
	text-align:right;
	background-color:#FAFAF9;
}
/*
.btn {
	padding:5px;
	color:black;
	text-transform:uppercase;
	font-size:0.8em;
	max-width:210px;
	margin-left:202px;
	margin-bottom: 5px;
	border:1px solid #a9a8a8;
	background:url('../images/bg-btn.jpg') repeat-x #FAFAF9;
	margin:20px;
}*/

.btn-gch {
/*	float:left;*/
	padding:8px;
	color:black;
	text-transform:uppercase;
	font-size:0.8em;
	max-width:210px;
	margin-top: 30px;
	border:1px solid #a9a8a8;
	background:url('../images/bg-btn.jpg') repeat-x #a9a8a8;
	/*margin:20px;*/
}
.btn-dr {
	float:right;
	padding:8px;
	color:black;
	text-transform:uppercase;
	font-size:0.8em;
	max-width:210px;
	margin-top: 30px;
	border:1px solid #a9a8a8;
	background:url('../images/bg-btn.jpg') repeat-x #a9a8a8;
	margin:20px;
}

.btn-drCodePriv{
	margin-left:5px;
	padding:5px;
	color:black;
	text-transform:uppercase;
	font-size:0.8em;
	max-width:210px;
	border:1px solid #a9a8a8;
	background:url('../images/bg-btn.jpg') repeat-x #FAFAF9;
}

input#validCGV {
	border:none;
	background-color:transparent;
	color:#4C4C4B; 
}

input#validCGV:hover{
	cursor:pointer;
	color:#666666;
}


input[type="submit"], input[type="reset"]
{
/*padding:5px 10px;
background-color:#fff;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
text-transform:uppercase;*/

}

input[type="submit"]:hover, input[type="reset"]:hover
{
/*background-color:whiteSmoke;
background-color:#BED600;
background-color:#D0E3CB;
padding:5px 10px;
cursor:pointer;*/

}


/* FIN BTN*/

/* INFO BULLE PRODUIT*/
a.bulle {
     position:relative;
     color:#333;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     text-align:center;
     font-size:11px;
     
   }
   
a.bulle:hover {
      background: none;
      z-index: 50;
    
   }
   
a.bulle span {
     display: none;
    
   }
   
a.bulle:hover span {
      display: block;
      position: absolute;
      top: -10px;
      right: 30px;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
      font-size:0.9em;
      font-weight:normal;
      width:200px;
	background:url('../images/bg-trans.png') ;
      padding: 5px;
      border: 1px solid #333;
      border-left: 10px solid #666;
      z-index:90;
     }
  
  
  
/* INFO BULLE PRODUIT*/
a.bulle-CDCGauche {
     position:relative;
     color:#333;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     text-align:center;
     font-size:11px;
     
   }
   
a.bulle-CDCGauche:hover {
      background: none;
      z-index: 50;
    
   }
   
a.bulle-CDCGauche span {
     display: none;
    
   }
   
a.bulle-CDCGauche:hover span {
      display: block;
      position: absolute;
      top: -40px;
      right: -250px;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
      font-size:0.9em;
      font-weight:normal;
      width:250px;
	background:url('../images/bg-trans.png') ;
      padding: 5px;
      border: 1px solid #333;
      border-left: 10px solid #666;
     }
     
     
/* VIGNETTE PROMOTIONS */
.vignettePromo-flottante{
width:50px;
float:left;
padding:5px;
text-align:center;
}

/* INFO BULLE PRODUIT POUR VIGNETTE PROMOTION */
div.bulle {
	position:relative;
	color:#333;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	font-size:11px;
}
div.bulle:hover {
	background: none;
	z-index: 50;
}
div.bulle span {
	display: none;
}
div.bulle:hover span {
	display: block;
	position: absolute;
	top: 50px;
	right: -100px;
	font-family:arial, verdana, sans-serif;
	text-align:justify;
	font-size:0.9em;
	font-weight:normal;
	width:350px;
	background-color: white;
	padding: 5px;
	border: 1px solid #333;
	border-left: 10px solid #666;
}   

   
   /* MONCOMPTE- BANDEAU*/
.moncompte {
	position: relative;
	top:-1px;
	left:0px;
	width:350px;
	height:95px;
	padding:5px;
	text-tranform:lowercase;
	text-align:right;
	float:right;
	font-family: 'Headland One', serif;
	font-size:13px;
	
}
div#texte-panier p.modif a {
background-color:#2C3332;
color:#fff;
padding:10px;	
margin-bottom:20px!important;
}
div#texte-panier p.modif a:hover {
background-color:#3f5754;
color:#fff;	
padding:10px;
margin-bottom:20px;
}
/* FIN MON COMPTE */
#languageSwitcher {
float:right;
margin-bottom:20px;
background-color:#2c5352;
padding:2px 3px 2px 3px;
font-family: 'Muli', sans-serif;
color:#fff;
}
#languageSwitcher a {
color:#fff;
text-decoration:none;
background-color:#2c5352;
}
#languageSwitcher a:hover {
color:#cbd300;
text-decoration:none;
background-color:#2c5352;
}

/* FENETRE IDENTIFICATION */	
	
.conteneur-left {
	
	float:left;
	border:0px solid #a9a8a8;
	color:black;
	width:340px;
	margin-bottom:20px;
	background-color:#EFF6F6;
	height:290px;
	
}
.conteneur-left h1 {
	font-size: 18px;
font-family: 'Muli', serif;
background-color: #DFE08D;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #2C5352;
color: #2C5352;
padding: 10px 0px 10px 35px;
letter-spacing: 0.1em;
margin-bottom: 20px;
}


.conteneur-left p {
font-size:0.8em;
}
.conteneur-right {
	
	float:right;
	border:0px solid #a9a8a8;
	color:black;
	width:340px;
	margin-bottom:20px;
	background-color:#EFF6F6;
	height:290px;
}	

.conteneur-right h1 {
	font-size: 18px;
font-family: 'Muli', serif;
background-color: #DFE08D;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #2C5352;
color: #2C5352;
padding: 10px 0px 10px 35px;
letter-spacing: 0.1em;
margin-bottom: 20px;

}

.conteneur-right p {
font-size:0.8em;
}

p#forgotten-password a{
	float:left;
	background-color:#2C3332;
color:#fff;
padding:10px;
margin-left:400px;	
}
p#forgotten-password a:hover {
		float:left;
background-color:#3f5754;
color:#fff;	
padding:10px;
margin-left:400px;

}
/* FENETRE CREATION COMPTE */

div#texte-register-user {
	float:left;
	max-width:750px;
	width:auto;
	margin-left:2px;
	margin-bottom:20px;
	font-family:'Trebuchet MS';
	
}
p.cb{
	font-size:0.8em;
	padding:5px 5px 10px 20px;
	
}
#texte-register-user  h1{
	font-size:1.1em;
	/*text-transform:uppercase;
	margin-top:5px;
	margin-bottom:0px;*/
	
}

p.form_user {
width:140px;
float:left;
text-align:right;
margin-right:10px;
font-size:0.9em;
}

span.texte-register-user {
	text-transform:none;
	font-size:0.9em;
	display:inline;
	color:#999999;
	 letter-spacing:0px; padding:0 0 0 0px;
}


/* FIN FENETRE CREATION COMPTE */

/* ENVOYER A UN AMI */

p.form_envoyer_ami {
width:185px;
float:left;
text-align:right;
margin-right:10px;
font-size:0.9em;
}

input.form_envoyer_amiINPUTTEXT {
	width:270px;
}

input {
    /*   margin:0;
       vertical-align:middle;*/
	 
}

input.form_user_inputTEXT {
	width:270px;
}

/* PUCE BTN SENTEURS */
p.senteur {
       float:left;
       padding:2px;
       border:0px solid #a9a8a8;
       color:black;
       width:auto;
       width:130px;
       margin-bottom:2px;
       line-height:2em;
       vertical-align:middle;

}
span.senteur {
	color:#AC3232;
	
	
	
}
/*FIN BTN SENTEURS*/

/* ajout-panier */
p.ajoutpanier {
       font-size:11px;
       float:left;
       color:#616161;
       font-family:'Muli';

}
p.prix {
	font-size:12px;
       float:right;
       color:#616161;
        font-family:'Muli';
}
p.prix-barre {
	font-size:12px;
       float:right;
       color:#616161;
       text-decoration:line-through;
        font-family:'Muli';
}

p.prix-promo {
	font-size:12px;
       float:right;
       color:#ac3232;
        font-family:'Muli';
}
span.pastille-promo {
font-family:'Muli';
letter-spacing:0.1em;
color:#fbe1eb;
/*background:url('../images/pastille-promo.gif') -20px -45px no-repeat;*/
background-color:#ac3232;	
position:absolute;
/*height:100px;
width:100px;*/
font-size:11px;
padding:3px;
}
.ajoutpanier-img {
margin:-2px 2px ;
float: right;

}
.ajoutpanier-img2{
margin:-2px 2px ;
float: right;

}
.ajoutpanier-img:hover {
margin:-2px 2px ;
float: right;
box-shadow: 1px 1px 50px red;
background-color: #FFE2E3;
}
.spacer
{    
 clear: both;
}

/*historique commande*/

div#menu_accordion-historique {
	margin-top:5px;
	width:730px;
	height:auto;
	text-align:left;
	margin-bottom:15px;
	padding:5px 5px 5px 0px;	
	float:left;
	margin-left:2px;
	margin-bottom:20px;
	font-size:0.9em;
}

table#recap-commande {
	float:left;
	margin-left:2px;
	font-size:1.2em;
	margin-bottom:20px;
	width:725px;
	
}
/*FIN HISTORIQUE COMMANDE */

.messErreur {
	color:  #ac3232;
}

.annonce {
	margin-bottom:0px;
	padding-top:10px;
	margin-top:-0px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#AC3232;
	color:#fff;
	background-color:#AC3232;
	border-left: 10px solid #AC3232;
	padding-left:15px;
	padding-bottom:10px;
	font-size:90%;
	font-family:'Muli';
}
.annonce span {
	margin-bottom:15px;
	margin-top:-30px;
	letter-spacing:3px;
	font-size:90%;
	text-transform:none;
}

/* DIV erreur */
.erreur{
	border: dashed 1px #BBB;
	padding: 10px;	
	padding-left: 95px;
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;	
	background-position: 3% ;	
	background-color:#F5F5F5;	
	margin:.5em;
}

/* DIV de reporting / info */
.report{
	width: auto;
	border: dashed 1px #BBB;
	padding: 10px;
	padding-left: 95px;
    background-image: url(../images/accept.png);
	background-repeat: no-repeat;
	background-position:  3%  ;
	background-color:#EBFED1;
	margin:.5em;
}	

.report p{ 
color:#28D32;
}


@charset "UTF-8";
/* CSS Document */
body {
	/*background: url(../images/) #fdfdfd top center no-repeat;*/
	color:#000;
font-family: verdana,sans-serif;
color: black;
	margin:0px;
	padding:0px;
	
	/*background: #fff url(../images/BG_HeaderVert.jpg) repeat-x top right;*/
}
#site {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: auto;

}
#headerContainer {
		background: url(../images/BG_Header.jpg) 0 0 repeat-x;
		border-bottom:8px solid #cbd300;
		width:100%;
display:block;
min-width:1020px;
height:auto;
z-index:1000;
position:fixed;

}

#header {
	width: 1020px;
	margin:0 auto;
}
#afficheContainer img{
width:100%;
display:block;
min-width:1020px;
height:auto;
padding-top:200px;	
}

#content {
	background-color: #fff;
	border-right: 1px solid #f1f6f5;
	border-left: 1px solid #f1f6f5;
	overflow:hidden;
	width: 1020px;
	height:auto;
	padding-bottom:30px;
	min-height:550px;
	margin:0 auto;
	box-shadow:1px 1px 15px #f1f6f5;
}

#diaporama {
/*width:100%;
height:416px;
z-index:0;*/
margin-bottom:30px;
margin-top:207px;
}
#accueil {
margin-left:8px;	
}
#left {
	float:left;
	height:auto;
	width:210px;
	margin-top: 50px;
	position:absolute;
		/*border-right:1px solid #ccc;*/
		background-color:#fff;

}

#right {
	float:right;
	height:auto;
	width:245px;
	border-left:1px solid #fdfdfd;
	padding-right:0px;
}

#main {
margin-left:210px;
margin-right:245px;
width:auto;
position:relative;
}

.BlocHomePage {
	float:left;
	width:221px;
	padding:5px 15px 5px 15px;
	margin-top:0px;
	
}

.BlocHomePage a img {
	width: 100%;
margin-top:5px;	
box-shadow: 1px 1px 6px;
}
div#left div .BlocHomePage {
	float:left;
	width:170px;
	padding:5px 15px 5px 15px;
	margin-top:0px;
	
}
div#left div .BlocHomePage a img {
	width:170px;
	
}

.BlocHomePage h2 {
font-family: 'Economica', Arial, sans-serif;
font-size: 22px;
color: #CBD300;
padding-bottom:0px;
}
div#presentation {
font-size:13px;	
}
div#projet {
font-size:13px;		
}
h3.texte-promo {
font-size: 18px;
font-family: 'Muli', serif;
background-color: #DFE08D;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #2C5352;
color: #2C5352;
padding: 10px 0px 10px 35px;
letter-spacing: 0.1em;	
margin-top:20px;
}

h3.texte-promo.first{
font-size: 18px;
font-family: 'Muli', serif;
background-color: #DFE08D;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #2C5352;
color: #2C5352;
padding: 10px 0px 10px 35px;
letter-spacing: 0.1em;	
margin-top:0px;
}

span.texte-promo {
font-size: 14px;
font-family: 'Muli', serif;
border-bottom: 1px dotted #ccc;
color: #2C5352;
padding: 10px 0px 10px 35px;
}
div#footer-container {
	background: url(../images/BarreFooter.png) 0 0 repeat-x;
	width:100%;
	display:block;
	/*min-width:1020px;*/
	height:300px;
	filter:alpha(opacity=50); opacity:0.5;	

}
div#footer-container:hover {
	background: url(../images/BarreFooter.png) 0 0 repeat-x;
	width:100%;
	display:block;
	/*min-width:1020px;*/
	height:300px;
	filter:alpha(opacity=100); 
	opacity:1;	
}
#texte-footer{
float:right;
font-family:'Arial';
font-size:12px;
color:gray;
/*width:600px;*/
text-align:right;
line-height:1.5;	
}
/*#f0f1f0;*/
#newsletter input {
width:250px;
height:30px;
padding-left:10px;
background-color:#fff;
font-family:'Muli';
font-size:14px;	
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#newsletter input[type="submit"] {
width:40px;
height:34px;
border-top:1px solid #F3F6F6;
border-left:1px solid #F3F6F6;	
border-right:1px solid #F3F6F6;	
border-bottom: 1px solid #F3F6F6;		
}

#newsletter input:hover[type="submit"] {
width:40px;
height:34px;
border-top:1px solid #F3F6F6;
border-left:1px solid #F3F6F6;	
border-right:1px solid #F3F6F6;	
border-bottom: 1px solid #F3F6F6;	
box-shadow:2px 2px 10px #ccc;	
}

div#barre_logo_bas{
height:99px;
padding:5px;

}
div#barre_logo_bas:hover{
height:99px;
padding:5px;
}
div#barre_logo_bas #bloc {
	float:left;
	width:179px;
	padding:10px;
	margin-top:0px;
	
}
div#barre_logo_bas img.picto {
	display: block; 
	margin: 0 auto; 
	
}

div#barre_logo_bas img.picto:hover {
	display: block; 
	margin: 0 auto;
	box-shadow: 1px 1px 35px #CCC;
	background-color:#eaebea; 
	
}
.TxtLogoBas{
margin-top:6px;	
text-align:center;
font-family:'Maven Pro';
font-size:13px;
}

#footer {
	width: 1020px;
	height: auto;
	border:none;
	margin: 0 auto; 
}

p#footer { clear:both; text-align:right; color:#666;}

.boite-flottante {
	float:left;
	width:194px;
	height:265px;
	border:1px solid #f5f5f5;
	font-size:0.8em;
	padding:10px;
	margin:2px;
	background-color:#f5f5f5;
	
}

.boite-flottante-CDCGauche {
	float:left;
	width:180px;
	height:auto;
	border-bottom:1px solid #a8bab6;
	font-size:0.8em;
	padding:10px;
	margin:5px;
	background-color:#fafaf9;
	
}

.listingTopVentes {
	width:230px;
	height:340px;
	border-top:0px;
	border-bottom:1px dashed #ccc;
	font-size:0.8em;
	padding:30px 10px 0px 10px;
	margin:2px;
	background-color:#FFF;
	float:left;
	margin:10px;
	
}

.listingTopVentes h3{
margin-bottom:20px;
}
div#top-ventes span{
color:#fff;
background-color:#cfb7d4;
padding:5px 10px;
border-radius: 15px;
position:relative;
	
}

div#top-ventes span.pastille-promo{
color:#fff;
/*background-color:#AC3232;*/
padding:5px 10px;
position:absolute;
margin-top:40px;
margin-left:-30px;
border-radius:Opx!important;
	
}

.listingCartePostale {
	/*width:700px;*/
	
	height:200px;
	border-bottom:1px solid #f5f5f9;
	font-size:0.9em;
	/*padding:10px;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding:5px;
	background-color:#f5f5f5;
	border:1px solid #f5f5f5;
	
}

.listingCartePostale:hover {
	/*width:700px;*/
	height:200px;
	border-bottom:1px solid #f5f5f9;
	font-size:0.9em;
	/*padding:10px;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	background-color:#eee;
	border:1px solid #ddd;
	
}

p.bloc-menu-haut {
	color:#455D58;
text-align:left;
font-size:O.8em;
padding:3px 0px 0px 0px;

}
div#recherche input#produit {
margin-top:3px;
width:200px;
height:25px;
font-size:11px;
border:1px solid#ccc;
padding-left:10px;
background-color:#f3f6f6;"	
	
}
div#presentation {
font-size:13px;	
}
div#presentation p {
padding:5px 20px 5px 20px;
}
div#presentation h2 {
padding:5px 20px 5px 20px;
font-size:17px;
color:#2C5352;
margin-top:15px;
}
div#presentation h3 {
padding:5px 20px 5px 20px;
font-size:15px;
color:#2C5352;
}
div#projet {
font-size:13px;		
}
div#projet p {
padding:5px 20px 5px 20px;	
}
div#projet h2 {
padding:5px 20px 5px 20px;
font-size:17px;
color:#2C5352;
margin-top:15px;
}
div#provence-spa {
font-size:13px;		
}
div#provence-spa p {
padding:5px 20px 5px 20px;	
}
div#provence-spa h2 {
padding:5px 20px 5px 20px;
font-size:17px;
color:#2C5352;
margin-top:15px;
}
div#provence-spa h3 {
padding:5px 20px 5px 20px;
font-size:15px;
color:#2C5352;
}
div#provence-spa ul {
padding:5px 20px 5px 20px;
font-size:13px;

}
div#provence-spa li {
padding:5px 20px 5px 20px;
font-size:13px;

}
div#apropos {
	width:700px;
	height:auto;
	float:right;
	text-align:left;
	padding:0px 10px 0px 0px;
	margin-bottom:50px;
	color:#455D58;
	font-size:1.1em;
	}
p.apropos {

padding:5px 20px 5px 20px;
	}
h2.apropos {
	font-size:1.4em;
	margin:10px 0px 10px 30px;
}	
div#recherche-institut {
font-size:13px;	
	
}
div#recherche-institut p {
margin-bottom:20px;	
padding-left:10px;
padding-right:10px;
margin-top:20px;
}
div.institut {
float:left;
width:190px;
border-bottom:1px dashed #ccc;
height:160px;
margin:10px 20px;
padding:10px;	
	
}
div.institut span {
color:#455D58;
font-weight:bold;
}
div#recherche-institut input.btn-gch {
float:none!important;
}
div#recherche-institut div.TabbedPanelsContentGroup {
width:770px!important;	
}
h1.apropos {
	font-size:1.5em;
	text-transform:uppercase;
	margin:20px 0px 20px 20px;
}
div#texteHomePage {
	float:left;
	width:730px;
	margin-left:2px;
	font-size:110%;
	
}
p#texteHomePage {
	font-size:1.8em;
}

li.actuHomePage{
margin-bottom:2em;
width:auto;
}

span.pastille-ecocert img {
	width:40px;
}
span.pastille-ecocert {
position:absolute;
margin-left:180px;	
}

dl#faq.particulier dt {
font-size: 13px;
font-family: 'Duru Sans', sans-serif;
color: #616161;
margin-bottom: 5px;
padding:5px;
}
dl#faq.particulier dt:hover {
	cursor:pointer;
font-size: 13px;
font-family: 'Duru Sans', sans-serif;
color: #000;
margin-bottom: 5px;
background-color:#EFEFEF;
padding:5px;
}
dl#faq.particulier dd {
font-family: verdana,sans-serif;
color: black;
font-size: 12px;
letter-spacing: 1.4pt;
line-height: 1.3;
padding:10px;
border-top:1px dashed #ccc;
}
div#Ingredient_FicheProduit div.CollapsiblePanelTab {
background-color:#fff;
}
div#Ingredient_FicheProduit div.CollapsiblePanelTab h2:hover {
background-color:#fff;
color:#af78b5;
}

div#Ingredient_FicheProduit .CollapsiblePanelContent{
color:#000;	
}

div#superbox-wrapper ul {
	
font-size: 13px;
line-height: 1.4em;
font-family: 'Trebuchet MS'!important;

}
/*POUR LE REFERENCEMENT : ON CACHE LE SPAN TEXTE ET ON AFFICHE L'IMAGE*/
h1.titre span{
}

h2 span {
  position:absolute;
  left:0px;
  top:-9000px;
  width:1px;
  height:1px;
  overflow:hidden;
}

#bouton-cybermut-01 {
    border:none;
    color:#fff;
    background: transparent url('../cybermut/logos/logo_cic-paiement-moy.jpg') no-repeat top left;
    width:137px;
    height:92px;
    cursor:pointer;
}

div.diaporama-boutique div {
display:inline-block;
margin:5px;
}


div.institut-details h2  {
	border-bottom:1px dotted #cbd300;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:10px;
}

img.zoomEffect {
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    opacity: 0.7;
}
img.zoomEffect:hover {
    -moz-transform: rotate(5deg) scale(1.20);
    -webkit-transform: rotate(5deg) scale(1.20);
    -o-transform: rotate(5deg) scale(1.20);
    -ms-transform: rotate(5deg) scale(1.20);
    transform: rotate(5deg) scale(1.20);
    opacity: 1;
}
/* 2016 */
.fb-like {
margin-top:2em;
margin-bottom:2em;
}

.form-group.required  label:after {
  content:"*";
  color:#333;
}

