

ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#4C4C4B; text-decoration:none;  }
a:hover { color:#666666;}
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; }


	
h1 { font-size:350%; color:#4a5c58; }
h1 span { display:block; font-size:40%; color:#B0D40A; letter-spacing:7px; padding:0 0 0 150px;}
h4 { font-size:120%; color:#7d7d7d; border-bottom:1px dotted #030303; }



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;
}

/* boite accordion*/

div#menu_accordion {
	margin-top:5px;
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	margin-bottom:15px;
	padding:5px 5px 5px 0px;
	/*background-color:#FFFFFF;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);*/
	
	}
	

p#menu-accordion { margin:0; padding:0px; font-size:100%; }

#menu_accordion ul { margin:12px auto 50px auto; }
#menu_accordion a { font-weight:bold; }

/*fin*/



/*div#encart-txt-gam {
	width:auto;
	height:auto;
	float:left;
	text-align:left;
	padding:0px 5px 0px 25px;
	margin-bottom:50px;
	color:#858585;
	background:url('../images/fd-bordure-txt.png') repeat-y #FAFAF9;
	border:1px solid #d0e3cb;
	
	}*/
	
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#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%; }


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

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;
}
.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:90%;
	letter-spacing:1px;
}

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

div#texte-panier {
	float:left;
	width:470px;
	margin-left:10px;
	font-size:110%;
	margin-bottom:20px;
}
p#texte-panier {
	font-size:0.9em;
}
h1#texte-panier {
	font-size:1.1em;
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:20px;
}
h2#texte-panier {
	font-size:1.1em;
	text-transform:uppercase;
	margin-top:2px;
	margin-bottom:10px;
}
/* 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: #d0e3cb;
	font-size:80%;
	font-weight:bold;
}
td {
	padding: 10px 0px 10px 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;
}
th.col1 {
	width:270px;
}
th.col2 {
	width:60px;
	text-align:right;
}
th.col3 {
	width:60px;
	text-align:right;
}
th.col4 {
	width:60px;
	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:200px;
    height:auto;
    float:right;
    padding:0px;
    overflow:hidden;
   /* border-left:1px solid #88a39d;*/


}
div#encart-dr {
    margin-bottom:10px;
    overflow:hidden;
}
h2.encart-dr  {
    font-size:120%;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:0.3em;
    background-color:#FFF;/*ac3232*/
    color:#FFF;
    height:22px; 
}

h4.encart-dr  {
    border-bottom:1px solid grey;
    padding:5px 5px 5px 5px;
    margin-left:15px;
    font-variant:small-caps;
    font-size:0.9em;  
    line-height:0.9em;  
}

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

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

ul.encart-dr  {
        margin-left:15px;
    padding: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:220px;
	margin-bottom:20px;
	
}
.adresse {
	line-height:1.5em;
	padding-top:20px;
	font-style:italic;
	color:#000;
	
}.conteneur-adresse h3 {
	font-size:0.9em;
	text-transform:none;
	text-decoration:underline;
	color:#666;
	font-weight:bold;
}
.conteneur-adresse a {
	text-decoration:underline;
	font-style:normal;
	}

/* 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:#d0e3cb;
}

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;
}

.btn-gch {
	float:left;
	padding:5px;
	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 #FAFAF9;
}
.btn-dr {
	float:right;
	padding:5px;
	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 #FAFAF9;
}

.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;
}

/* 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;
	float:right;
	text-tranform:lowercase;
	text-align:right;
	
	
}
/* FIN MON COMPTE */

/* FENETRE IDENTIFICATION */	
	
.conteneur-left {
	
	float:left;
	padding:5px;
	border:0px solid #a9a8a8;
	color:black;
	width:220px;
	margin-bottom:20px;
	
}
.conteneur-left h1 {
	font-size:1.1em;
	text-transform:uppercase;
}


.conteneur-left p {
font-size:0.8em;
}
.conteneur-right {
	
	float:right;
	padding:5px;
	border:0px solid #a9a8a8;
	color:black;
	width:220px;
	margin-bottom:20px;
}	

.conteneur-right h1 {
	font-size:1.1em;
	text-transform:uppercase;

}

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


/* FENETRE CREATION COMPTE */

div#texte-register-user {
	float:left;
	width:470px;
	margin-left:2px;
	font-size:110%;
	margin-bottom:20px;
}
#texte-register-user p{
	font-size:0.9em;
	
}
#texte-register-user  h1{
	font-size:1.1em;
	text-transform:uppercase;
	margin-top:5px;
	margin-bottom:0px;
}

p.form_user {
width:130px;
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:1.1em;
       float:left;
       font-weight:bold;
       color:#000000;

}
p.prix {
       font-size:1.1em;
       float:right;
       font-weight:bold;
       color:#000000;
}
p.prix-barre {
       font-size:1.1em;
       float:right;
       font-weight:bold;
       color:#000000;
       text-decoration:line-through;
}

p.prix-promo {
       font-size:1.1em;
       float:right;
       font-weight:bold;
       color:#ac3232;
}
.ajoutpanier-img {
margin:4px 5px 0px 5px ;
float: right;

}

.spacer
{    
 clear: both;
}

/*historique commande*/

div#menu_accordion-historique {
	margin-top:5px;
	width:470px;
	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;
	width:450px;
	margin-left:2px;
	font-size:1.2em;
	margin-bottom:20px;
	
}
/*FIN HISTORIQUE COMMANDE */

.messErreur {
	color:  #ac3232;
}

.annonce {
	margin-bottom:15px;
	margin-top:-0px;
	text-transform:uppercase;
	letter-spacing:5px;
	color:#AC3232;
	color:#fff;
	background-color:#AC3232;
	border-left: 10px solid #AC3232;
	padding-left:15px;
	padding-bottom:10px;
	font-size:90%;
}
.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;
}

