body
{
margin-top:0;
text-align:center;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background:url(../image/fond.jpg) top repeat-x;
background-color:#000067;
line-height:1.4;
}
* { 
margin : 0px;
padding : 0px; 
list-style-type:none;
}
div#conteneur
{

width: 1210px;
margin-left: auto;
margin-right: auto;
background:url(../image/fond-bons-de-reduction.png) 0px 158px;
}
ul#header
{
	height:159px;
	background: url(../image/haut-bon-de-reduction-soldes.png);
	font-size:12px;
	text-align:left;
	z-index:4;
	position:relative;
}
img {
border:0;	
}
a:hover img.bons2reduc {
	opacity : 0.8;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;

}
img.bons2reduc {

}


h2 {
color:#002887; font-size:15px; font-weight:bold;	
}

#headercontenu {
margin:0 0 0 240px; padding:0;
}
#headercontenu ul{
margin:0; padding:0;
}
#headercontenu li {
float:left;
}


#barreint {
 background:url(../image/barrerecherche.jpg); width:740px;height:30px; font-size:12px; vertical-align:middle; margin:0 0 0 349px; padding:5px 0 0 10px; color:#000066; border:#FFCC00 1px solid;
}


.barrederecherche {
width:271px; border-top:#000066 solid 1px;border-bottom:#000066 solid 1px;border-right:#000066 solid 1px;border-left:0px; background-color:#FFFFFF; height:19px; font-weight:bold; color:#999999;padding-top:4px;
}

*+html .logorecherche {
position: absolute; width:29px; left: 621px; top: 122px;
}

.logorecherche {
position: absolute; width:29px; left: 621px; top: 116px;
}


#ajax_listOfOptions
{
    position:absolute;    /* Never change this one */
    width:273px;    /* Width of box */
    overflow:auto;    /* Scrolling features */
    border:1px solid #03449e;     /*Dark green border */
    background-color:#fff;    /* White background color */
    text-align:left;
    z-index:100;
    margin-left:2px;
	vertical-align:middle;
}

#ajax_listOfOptions .ajax_list_option_img {
	 float:left; width:85px
 }
 
 #ajax_listOfOptions .ajax_list_option_txt {
	  position:relative;  top: 25%; font:Arial, Helvetica, sans-serif; font-size:14px;
 }
#ajax_listOfOptions div{    /* General rule for both .optionDiv and .optionDivSelected */
    /*margin:2px 0 2px 0;    */   
    padding:2px 1px 2px 1px;
    cursor:pointer;

}
#ajax_listOfOptions .ajax_list_option_a1{ background:#FFF;height:46px;}
#ajax_listOfOptions .ajax_list_option_a2{ background:#EEE;height:46px;}

#ajax_listOfOptions .optionDiv {padding:2px 1px 2px 1px;} /* Div for each item in list */
#ajax_listOfOptions .optionDivSelected /* Selected item in the list */
{
    background-color:#03449e;
	color:#03449e;
}

#ajax_listOfOptions .optionDivSelected .ajax_list_option_a1{ background:#03449e;color:#FFF;}
#ajax_listOfOptions .optionDivSelected .ajax_list_option_a2{ background:#03449e;color:#FFF;}


#ajax_listOfOptions_iframe { background-color:#f00; position:absolute; z-index:5; }
form { display:inline; }

ul#footer2
{
z-index:1; position:relative;
	background-image:url(../image/bas-bon-de-reduction.png);
	height:174px;
	width:1200px;
	color:#FFFFFF;
	float:left;
	font-size:10px;
	text-align:left;
}

ul#footer2 a   	   { text-decoration: none; color:#FFF; }
ul#footer2 a:link    { text-decoration: none; color: #FFF;}
ul#footer2 a:visited {  text-decoration: none; color:#FFF; }
ul#footer2 a:hover   { color: #FFF; text-decoration: none; }

p#link {
color:#CCCCCC;
}
p#link a   	   { text-decoration: none; color:#CCCCCC; }
p#link a:link    { text-decoration: none; color: #CCCCCC;}
p#link a:visited {  text-decoration: none; color:#CCCCCC; }
p#link a:hover   { color: #CCCCCC; text-decoration: none; }

#footer1n{
position:absolute;  padding:0; /* background:url(../image/fond-menu-reduction.png) repeat bottom; */
 width:350px;
}
#footer2n{
position:absolute; margin:-94px 0 0 0; padding:0; width:350px;
}
#footer3n{
position:absolute; padding:0; width:850px; /*background:url(../image/center-bas-reduction.jpg);*/
}

ul#contenufond
{
float:left;
width:905px;
z-index:2;
position:relative;
/* background:url(../image/center-bon-de-reduction.jpg) no-repeat top ; */

 text-align:left;
 background-position: 50px 0px;
}
ul#contenufond li {
 text-align:left;
 padding:20px 130px 0 80px;
text-align:justify;

}

ul#contenufond a   	   { text-decoration: none; color:#000000; }
ul#contenufond a:link    { text-decoration: none; color: #000000;}
ul#contenufond a:visited { text-decoration: none; color:#000000; }
ul#contenufond a:hover   { color: #FF0000; font-size: 13px; text-decoration: none; }

ul#menu
{
	list-style-type: none ;
	float:left;
	width:300px;
	z-index:2;
	position:relative;
	float: left ;
/*background:url(../image/fond-menu-reduction.png);	*/

}
ul#menu li
{
	
	float: left ;

}
ul#menu2
{

	float:left;

list-style:none;
 /* height:465px; */
}
ul#menu2 #menu_new {
height:110px; padding:70px 30px 0 120px; margin:0;
background:url(../image/menu-bon-de-reduction-news.jpg) 92px 0px no-repeat;
}
ul#menu2 li
{
	float: left ;

}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */
 
 #menu_categorie
{
	float: left ;
	text-align:left;
	color:#000000;
	 font-weight:bold;
	 background:url(../image/categorie.jpg) no-repeat;
	 background-position:100% 0%;
	 font-size:12px;	
	 padding-bottom:3px;
	 width:200px;
	padding-left:120px;
	margin-top:15px;
}

ul#menu2 li#menu_categorie a {color:#000000;text-decoration: none;}
ul#menu2 li#menu_categorie a:hover { color: #FF0000;}


ul#menu3
{
height: 94px ;

	padding-left:0;

	float:left;
	width:350px;


}



 #menu_categorie2
{
	float: left ;
	text-align:left;
	color:#000000;
	 font-weight:bold;
	 background:url(../image/topvisite.jpg) no-repeat;
	 background-position:100% 0%;
	 font-size:12px;	
	 padding-bottom:3px;
	 width:200px;
	padding-left:120px;


}

 #menu_categorie4
{
	float: left ;
	text-align:left;
	color:#000000;
	 font-weight:bold;
	 background-position:100% 0%;
	 font-size:12px;
	 margin-bottom:20px;	
	 padding-bottom:3px;
	padding-left:113px;
	height:150px;
}


#menu_categorie5
{
	float: left ;
	text-align:left;
	color:#000000;
	 font-weight:bold;
	 background-position:100% 0%;
	 font-size:12px;
	 margin-top:20px;	
	 padding-bottom:3px;
	padding-left:120px;
	height:20px;

}

#menu_categorie5 a {
	position: absolute;
}

#menu_categorie5 a:hover {
	margin-top: -3px;
}

.l11 {
	height:27px; width:200px; list-style:none;
}
.l12 {
	float:left;width:35px;
}
.l13 {
	color:#3b5998;font-size:9px;float:left;width:160px; float:left;padding-top:5px; margin-left:28px;
}
.l13 a {
	color:#3b5998; text-decoration:none;
}
.l13 a:hover {
	color:#3b5998; font-weight:bold;text-decoration:none;
}


 .menu_categorie6
{
	float: left ;
	text-align:left;
	 margin-top:20px;
	 padding-bottom:3px;
	padding-left:113px;
}

ul#menu2 li#menu_categorie2 a {color:#000000;text-decoration: none;}
ul#menu2 li#menu_categorie2 a:hover { color:#FF0000;}


 #menu_categorie3
{
	float: left ;
	text-align:left;
	color:#000000;
	 font-weight:bold;
	 background:url(../image/lesdernieres-reductions.jpg) no-repeat;
	 background-position:100% 0%;
	 font-size:12px;	
	 padding-bottom:3px;
	 width:200px;
	padding-left:120px;
margin-top:15px;

}

ul#menu2 li#menu_categorie3 a {color:#000000;text-decoration: none;}
ul#menu2 li#menu_categorie3 a:hover { color:#FF0000; }

ul#menu2 li#menu_categorie3 .derbons { color:#003300;text-decoration: none;font-size:11px;}

.menubarre{
background:url(../image/menu-barre.jpg) no-repeat; width:164px; height:28px; padding:5px 0 0 10px;	
}

ul#bonreduc 
{
list-style-type: none ;
text-align:center;
margin:0;padding:0;
width:690px;
float:left;
}
ul#bonreduc li
{

float:left;
margin:0 0 0 5px;
padding:0;
}
ul#bonreduc .listecode
{
border-bottom: dashed 1px #999;padding-bottom:3px;font-size:11px;width:215px; height:80px;
}
ul#bonreduc2
{
text-align:center;
width:310px;
float:left;
}
ul#bonreduc2 li
{
width:310px;
float:left;
margin:0 0 0 5px;
}


ul#bonreduc a span
{
  position: absolute;
  left: auto;
  float:left;
  background-color: #a1c9ff;
  /* Couleur de la bulle d'aide. */
  font-size: small;
  text-decoration: none;
  padding: 3px;
  border: 1px outset gray;
  z-index: 5;
  /* Pour être sûr qu'elles apparaissent au dessus de tout le reste. */
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Pour arrondir les coins. */
  display: none;
  
}
ul#bonreduc a:hover span
{
  display: block;
}
#bonreduc .affmarchand { color:#000066;}
#bonreduc .affmarchand:hover { color:#FF0000;}

#bonreduc .affmarchand2 { color:#0033FF;}
#bonreduc .affmarchand2:hover { color:#FF3300;}

#bonreduc a   	   { text-decoration: none; color:#000000; }
#bonreduc a:link    { text-decoration: none; color: #333333;}
#bonreduc a:visited {  text-decoration: none; color:#000000; }
#bonreduc a:hover   { color: #000066; font-size: 13px; text-decoration: none; font-weight:bold; }

.lesclassement a { color:#FF3300;}
.lesclassement a:hover { color:#FF0000;}




#cache {display:none; color:#FF0000; font: 1.2em "Trebuchet MS", helvetica, sans-serif ; font-weight:bold;}

#cache ul {float:left; width:400px; }

#cache ul il {float:left; width:400px; text-align:center;}


#contenubon {
width:689px;
font-size:13px;
color:#000000;
}
#contenubon ul {

}
#contenubon ul li {
float:left;


padding:10px;
}

#contenubon ul li .p1 {
float:left; width:180px; padding-right:10px; text-align:right;
}

#contenubon ul li .p2 {
float:left; width:464px;padding-right:10px;
}



#plan{
text-align:left;

width:650px;

}
#plan ul
{
text-align:left;

width:650px;

}
#plan ul li
{
width:650px;
float:left;
color:#FFFFFF;
}

#plan a   	   { text-decoration: none; color:#FFFFFF; }
#plan a:link    { text-decoration: none; color: #FFFFFF;}
#plan a:visited {  text-decoration: none; color:#FFFFFF; }
#plan a:hover   { color: #000000; font-size: 13px; text-decoration: none; font-weight:bold; background-color:#FFFF99; }

div#news
{
	float:left;
	height:519px;
list-style-type: none ;
}


div#news li
{
padding:20px 140px 0 50px;
text-align:justify;

}
div#barrealphabet
{
margin:0; padding:0 0 0 10px; background-color:#DDDDDD; border:#999999 1px solid; height:50px

}

.overmenuindex {
width:183px;
height:44px;
font-size:12px;
margin:2px;
padding:0; 
text-align:left;
float:left;
border: dashed 1px #999;
background-color:#FFFFFF;
}
.overmenuindex:hover {
 width:183px; height:44px; font-size:12px;  margin:2px; padding:0; 
text-align:left;
float:left;
border:1px solid #999;
background-color:#DEDEDE;
}

#conteneur #contenufond .overmenuindexbis {
margin:2px;
padding:0; 
text-align:left;
float:left;
background-color:#FFFFFF;
border: dashed 1px #999;
width:221px;
height:44px;
font-size:12px;
}
#conteneur #contenufond .overmenuindexbis:hover {
 width:221px; height:44px; font-size:12px;  margin:2px; padding:0; 
text-align:left;
float:left;
border:1px solid #999;
background-color:#DEDEDE;
}
#conteneur #contenufond .overmenuindexbis .overmenuindexbis-1 {
float:left; padding:4px 3px 0 3px;
}
#conteneur #contenufond .overmenuindexbis .overmenuindexbis-2 {
float:left; width:135px;
}
#conteneur #contenufond .overmenuindexbis .overmenuindexbis-3 {
color:#000066; font-size:10px; font-weight:bold;
}
#conteneur #contenufond .overmenuindexbis .overmenuindexbis-4 {
font-size:9px; color:#999999;
}


.overmenuindexmini {
font-size:12px;
margin-right:4px;
padding:3px; 
text-align:center;
float:left;
 border:#DDD 1px solid;border-left:#CCC 5px solid;
background-color:#FFFFFF;
width:118px;
}
.overmenuindexmini:hover {
width:118px; font-size:12px;  margin-right:4px; padding:3px; 
text-align:center;
float:left;
border:#DDD 1px solid;border-left:#999 5px solid;
background-color:#DEDEDE;
}
.overmenuindex2 {
width:301px;
font-size:12px;
padding:0; 
text-align:left;
float:left;
border: dashed 1px #999;
background-color:#FFFFFF;
}
.overmenuindex2:hover {
width:301px; font-size:12px; padding:0; 
text-align:left;
float:left;
border:1px solid #999;
background-color:#DEDEDE;
}


.overmenuindex6b {
width:190px;
font-size:10px;
padding:0; 
text-align:left;
float:left;
border: dashed 1px #999;
background-color:#FFFFFF;
height:35px;
}
.overmenuindex6b img {
border:0;
}
.overmenuindex6b:hover {
border:1px solid #999;
background-color:#DEDEDE;
}
.topreduc1 {
	float:left; padding-top:4px;
}
.topreduc2 {
	float:left; width:110px; padding:0px 0 0 5px;
}
.topreduc3 {
	color:#000066; font-weight:bold;
}
.topreduc4 {
	font-size:9px; color:#999999;
}
.numeroclass {
float:left; background:url(../image/barre-classement.jpg); height:47px; width:20px; color:#FFF; font-size:18px; text-align:center;
}
.colorouge {
color:#990000; font-weight:bold;
}
.colorange {
color:#F30; font-weight:bold;
}
ul#descriptif
{
text-align:center;
width:740px;
margin : 0px;
padding : 0px; 
list-style-type:none;
}

ul#descriptif li
{
margin : 0px;
padding : 0px; 
float:left;
}

#descriptif #contenubon #lientouslesbons a  { text-decoration: none; font-size:12px; color:#006600; font-weight:bold; }
#descriptif #contenubon #lientouslesbons a:link    { text-decoration: none; color:#006600; font-size:12px; font-weight:bold;}
#descriptif #contenubon #lientouslesbons a:visited {  text-decoration: none; color:#02439D; font-size:12px; }
#descriptif #contenubon #lientouslesbons a:hover   { color: #006600; font-size: 13px; text-decoration: none; font-weight:bold; }

#descriptif a   	   { text-decoration: none; color:#006600; font-weight:bold;}
#descriptif a:link    { text-decoration: none; color: #333333;}
#descriptif a:visited {  text-decoration: none;  color:#006600; font-weight:bold; }
#descriptif a:hover   { color: #000066; font-size: 13px; text-decoration: none; font-weight:bold; }

#descriptif #categorieliste {
width:230px; float:left; text-align:left; padding-right:5px; margin-bottom:12px;
}
#descriptif #categorieliste a {
color:#046dfd; font-size:12px;
}
#descriptif #categorieliste a:hover{
color:#006905; font-size:12px; text-decoration:underline;
}
#descriptif #categorieliste .presentation{
color:#333333;font-size:10px;
}
#descriptif a#com{
color:#000;font-size:10px;
}
#descriptif a#com:hover{
color:#006905;font-size:10px;
}

#descriptif #listecategorie {
font-size:12px;
border-bottom: dashed 1px #999;padding:5px 0 10px 0;width:690px; color:#000;
}
#descriptif #listecategorie a {
font-size:13px;
color:#046dfd;
}
#descriptif #listecategorie a:hover {
font-size:13px;
color:#006905;
 text-decoration:underline;
}

#descriptif #listecategorie a#redu  {
font-size:10px;
color:#5b5b5b;
}
#descriptif #listecategorie a#redu:hover {
font-size:10px;
color:#5b5b5b;
 text-decoration:underline;
}


#bonreduc .listecategorie {
font-size:12px;
border-bottom: dashed 1px #999;
border-top: dashed 1px #999;
padding:5px;width:690px; color:#000;
background:#DDDDDD;
}
#bonreduc .listecategorie a {
font-size:13px;
color:#046dfd;
}
#bonreduc .listecategorie a:hover {
font-size:13px;
color:#006905;
 text-decoration:underline;
}
#bonreduc .listecategorie a.redu  {
font-size:10px;
color:#5b5b5b;
}
#bonreduc .listecategorie a.redu:hover {
font-size:10px;
color:#5b5b5b;
 text-decoration:underline;
}


a:hover{
cursor:pointer;
}

.titrebonreduction{
font-size:14px; width:100%;float:left; color:#FFFFFF; margin-top:15px; border-bottom:#023d99 2px solid;
}
.cadreaidereduction {
border:#CCCCCC 1px dashed; width:665px; background:url(../image/fondtraitgris2.png) repeat-x;background-color:#EDEDED;
}
a:hover img.overmenu {
	opacity : 0.8;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
	border:#FF0000 1px solid;
}
img.overmenu {
border:#000000 1px solid;
}
a:hover img.overalphabet {
	opacity : 0.3;
	filter : alpha(opacity=30);
    -moz-opacity : 0.3;
}
#conteneur #contenufond #bonreduc #memecategorie {
width:692px; float:left; padding:0; font-size:12px;
}
#conteneur #contenufond #bonreduc #memecategorie a{
font-size:12px;color:#3a8408;font-weight:bold;
}
#conteneur #contenufond #bonreduc #memecategorie a:hover{
font-size:12px;color: #000066; font-weight:bold;
}

.h4cadre1 {
	font-weight:bold; float:left; width:366px;border:#CCCCCC 3px solid;border-bottom:#CCCCCC 1px dashed; background-color:#EDEDED; padding:5px; margin-right:10px; height:35px;
}
.h4cadre2 {
font-weight:bold; float:left; width:284px;border:#CCCCCC 3px solid;border-bottom:#CCCCCC 1px dashed; background-color:#EDEDED; padding:5px; height:35px;
}
.memecategoriediv {
	width:372px; margin-right:10px; padding:2px 0px 7px 4px; float:left; text-align:left; border:#CCCCCC 3px solid;border-top:0px;
}
.memecategoriedivtitre {
margin:8px 0 5px 0; clear:both;
}
.memecategoriedivboutique {
font-size:12px; margin-right:4px;padding:3px; text-align:center;background-color:#FFFFFF;width:111px; float:left;
}
.encadrementcodesuper {
width:287px; padding:2px 2px 2px 5px; margin-bottom:2px; float:left; text-align:left; border:#CCCCCC 3px solid; border-top:0px;	
}
.encadrementcodes {
font-size:12px; height:50px;margin-bottom:7px;padding:3px;
}
.encadrementcodestexte {
float:left; width:200px; padding:0px 0 0 5px;
}
.encadrementcodestexte .codetop1 a{
	color:#000; font-weight:bold;
}

.overplan {
width:215px; height:23px; border: dashed 1px #999; float:left;font-size:11px;font-weight:bold;
border: dashed 1px #999;
background-color:#FFFFFF;
}
.overplan:hover {
width:215px; height:23px; border: dashed 1px #999; float:left;font-size:11px;font-weight:bold;
border:1px solid #999;
background-color:#DEDEDE;
}

#conteneur #contenufond #meilleurscodes {

}
#conteneur #contenufond #meilleurscodes ul {
 margin:0; padding:0;
 }
#conteneur #contenufond #meilleurscodes ul li {
 margin:0; padding:0;
 }

#conteneur #contenufond #meilleurscodes .meilleurscodesclass{
width:310px;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodesclass1 {
float:left; width:310px; margin:0; padding:0;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodesclass2 {
float:left; width:75px; margin:0 0 5px 0; padding:0; text-align:center; 
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodesclass2 img{
border:1px #CCCCCC solid; margin-top:3px;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodesclass2 img:hover{
border:1px #FF0000 solid; 
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodesclass2b {
float:left; width:235px; margin:0; padding:0;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodesclass2b:hover {
background-color:#DEDEDE;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodesclass3 {
float:left; width:300px; margin:0; padding:0;border-bottom: dashed 1px #999; height:0;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodesclass3b {
float:left; width:300px; margin:0; padding:0;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodeslien {
color:#990000;font-weight:bold; font-size:12px;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodeslien:hover  {
color:#009f00;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass  .meilleurscodeslien2 {
 color:#666666; font-size:11px;
}
#conteneur #contenufond #meilleurscodes .meilleurscodesclass .meilleurscodeslien2:hover {
 color:#000000;
}

#conteneur #contenufond #bonreduc .classementreduc {
width:680px;border-bottom: dashed 1px #999; padding:10px 0 10px 0; clear:both;
}
#conteneur #contenufond #bonreduc .classementreduc:hover {
background-color:#DEDEDE;
}
#conteneur #contenufond #bonreduc .classementreduc img {
border:1px #CCCCCC solid;
}
#conteneur #contenufond #bonreduc .classementreduc span {
float:left;
}
#conteneur #contenufond #bonreduc .classementreduc .lien {
color:#333333; font-size:12px;
}
#conteneur #contenufond #bonreduc .classementreduc .lien:hover {
color:#009f00; font-size:12px; text-decoration:underline;
}
#conteneur #contenufond #bonreduc #memecategorie .categoriereduction {
font-weight:bold;font-size:14px;color:#000000;
}
#conteneur #contenufond #bonreduc #memecategorie .categoriereduction:hover {
text-decoration:underline;font-size:14px;
}

#conteneur #contenufond #bonreduc .topmarchand {
width:215px; border: dashed 1px #999; margin-top:5px; border:dashed 1px #999; background:#FFFFFF;
}
#conteneur #contenufond #bonreduc .topmarchand:hover {
border:1px solid #999; background:#dedede;
}
#conteneur #contenufond #bonreduc .afficheboutique {
width:650px; border: dashed 1px #999; margin:5px 0 10px 5px; padding:5px; background:#DEDEDE;
}
#conteneur #contenufond #bonreduc .afficheboutique span {
float:left;
}
#conteneur #contenufond #bonreduc .afficheboutique a {
color:#009900;
}
#conteneur #contenufond #bonreduc .afficheboutique a:hover {
text-decoration:underline; font-size:12px; color:#FF0000;

}
.barrepreboutique {
width:97%; background:url(../image/fondtitre.jpg); font-size:18px; color:#FFFFFF; padding:3px; border:#000066 1px solid;	
}
.affbonreduc {
width:680px; height:auto; float:left; padding:5px 0 3px 3px; border-bottom: solid 1px #999;border-left: solid 1px #999;border-right: solid 1px #999;
}
.affbonreducbis {
width:660px; float:left; padding:5px 0 3px 3px; border-bottom: dashed 1px #999;border-left: dashed 1px #999;border-right: dashed 1px #999;
}
.classcategorie {
width:28px;float:left; padding-top:5px;
font-size:9px;text-align:center;line-height:1;
margin-top:25px;
}
.mainok {
background:url(../image/main-ok.png);height:12px;width:22px; color:#FFF; font-weight:bold; padding-top:10px; marging-left:2px;
}
.mainnon {
background:url(../image/main-no.png);height:21px;width:22px; color:#FFF; font-weight:bold; padding-top:1px;
}
.classcategorie img{

}
.utilisebonreduc1 {
float:left; width:502px;margin:5px 0 10px 0;
}
.utilisebonreduc1_soldes {
float:left; width:429px;margin:5px 0 10px 0;
}
.code_aff_soldes {
width:93px;float:left;position:relative;margin-top:-10px;
}
.code_aff_exclu {
width:25px;float:left;position:relative;margin-top:-10px;
}
.code_aff_rond {
position:absolute;margin-top:3px;margin-left:1px; height:41px;
}
.utilisebonreduc1bis {
float:left; width:480px;margin-bottom:10px;
}
.codedescriptif {
color:#333333; font-size:12px; margin:0px; padding-top:5px;
}
.codedate {
color:#999999; font-size:11px; margin:0px;padding-top:5px; font-weight:bold;
}
.codedatefin {
color:#fb4d00; font-size:11px; margin:0px;padding-top:5px;font-weight:bold;
}
.utilisebonreduc {
float:left; width:150px; padding:10px 0 0 0; text-align:center; margin:0; height:85px
}
.utilisebonreducbis {
float:left; width:150px; padding:2px 0 0 0; text-align:center; margin:0; height:85px
}
.lebonaff {
float:left; width:130px; padding:2px 0 0 10px; margin:0;display:none; height:55px; text-align:left; font-size:11px;
}

.barresuivantlong {
width:205px;margin:10px 0 0 480px;
}
.barresuivantlong1 {
width:240px;margin:10px 0 0 450px;
}
.barresuivant1 {
width:23px; height:25px; float:left;
}
.barresuivant2 {
height:25px;float:left; background:url(../image/barre_ltt_center.jpg) repeat-x; padding-top:6px;
}
.barresuivant3 {
width:14px; height:25px;float:left;
}


#nb1{
width:670px; 
}

#bullecomm {
width:680px; height:250px; background:url(../image/coeurdegrade.jpg) repeat-x;
}
#bullecomm ul {
margin:0; padding:0; list-style:none; 
}
#bullecomm .bullecommeun {
width:680px; color:#000000;background:url(../image/fondcommentaire.jpg) repeat-x;float:left; font-weight:bold; height:30px; padding-top:3px;
}
#bullecomm .bullecommedeux {
width:670px;float:left; height:55px; padding:0 10px 0 10px;
}
#bullecomm .bullecommetrois {
float:left; width:500px;
}
#bullecomm .bullecommequatre {
float:left; width:180px; text-align:left;
}
#formavis input {
border:#000033 1px solid;
}
#formavis textarea {
border:#000033 1px solid;
}
#bullecomm .bullecommedeuxbis {
float:left; width:660px; margin:10px 0 20px 0; background:url(../image/coeurdegrade-inverse.jpg) bottom repeat-x; height:170px;padding:0 10px 0 10px;
}
.h150euros {
background:url(../image/commentaire-titre.jpg) no-repeat;font-weight:bold; font-size:13px; padding-top:3px; height:30px; padding-left:48px;color:#960606;
}
#formulairecommentaire ul {margin:0; padding:0; list-style:none;}
#formulairecommentaire li.for1a {float:left; width:230px; font-weight:bold;}
#formulairecommentaire afficommentaireli.for2a {float:left; width:310px;}

#classcommentaire {
width:680px; float:left; padding:0;margin:0; 
}
#classcommentaire2 {
width:680px; float:left; padding:0;margin:0;text-align:right; font-weight:bold;
}
#classcommentaire3 {
width:680px; float:left; padding:0;margin:0;
}
.afficommentaire {
padding:10px; border:#EEE 1px solid;  width:670px; color:#333333;margin-bottom:5px;

}
.reponsecommentaire {
border:#CCCCCC 1px dashed; padding:5px; width:500px; color:#444; clear:both; margin:20px 0 0 100px;font-size:11px;
}
#cadreabonnement {
background:url(../image/cadre-newsletter.png) no-repeat;padding:10px 10px 5px 10px; margin:10px 0 2px 0; width:690px; height:130px; font-size:12px;
}
#cadreabonnement2 {
height:37px;padding:38px 0 0 40px;
}
#cadreabonnement2 ul {
list-style:none; margin:0; padding:0;
}
#cadreabonnement2 li {
float:left;
}
.boutique-barre {
margin:0 0 10px 0; padding:0; width:auto;
}
.boutique-barre ul {
list-style:none; margin:0; padding:0;
}
.boutique-barre li {
float:left;
}
.boutique-barre li.boutique-barre-h1 {
width:24px; background:url(../image/boutique-barre-gauche.jpg);  height:20px;
}
.boutique-barre li.boutique-barre-h2 {
background:url(../image/boutique-barre-center.jpg); font-weight:bold; height:20px;
}
.boutique-barre li.boutique-barre-h3 {
width:24px; background:url(../image/boutique-barre-droite.jpg); height:20px;
}
.augcode {
font-size:14px; font-weight:bold;
}

.voteaffireduc {
background-color:#f1f1f1;width:680px; height:33px;
}
.voteaffireducbis {
background-color:#f1f1f1;width:660px; height:33px;
}
.voteaffireduc2 {
width:500px;
}
.voteaffireductexte {
padding-top:9px; font-size:11px;font-weight:bold; color:#666666;
}
.voteaffireductexte2 {
display:none;font-size:11px;padding-top:9px;color:#666666;
}
.votetexteerreuraff {
color:#FF0000;font-size:10px;padding:10px 0 0 10px;float:left;
}
.memecategorieimg {
width:692px; float:left; padding:0;margin:0;
}
.memecategoriecadre {
width:692px; float:left; padding:0;margin:0;
}
.memecategoriegris {
border:#CCCCCC 1px dashed; margin-top:5px; padding:10px; width:670px; background-color:#f1f1f1; color:#111; font-size:12px;
}
.memecategoriegris b {
	color:#000;
}
.cadretextegris {
border:#CCCCCC 1px dashed; padding:10px; width:670px; background:url(../image/fondtraitgris2.png) repeat-x; color:#111;
}
.cadretextegristout {
border:#CCCCCC 1px dashed; padding:10px; margin:5px 0 5px 0;  width:670px; background-color:#EDEDED;
}
.cadretextegrisvert {
border:#041330 1px solid; padding:10px; width:670px; background-color:#cce0ff;
}

.cadretextegris b {
color:#000;
}
.cadretextefond {
border:#CCCCCC 1px dashed; padding:10px; width:670px; color:#111; font-size:12px;
}
.cadretextefond b {
color:#000;
}
.cadretextefond2 {
border-left:#CCCCCC 1px solid;border-right:#CCCCCC 1px solid;border-bottom:#CCCCCC 1px solid; padding:10px; width:670px; color:#111; background-color:#f1f1f1; font-size:12px;
}
.cadretextefond2 b {
color:#000;
}
.textepresesite {
color:#111;
}
.textepresesite b {
color:#000;
}
.titrebonreduc {
background:url(../image/reductioncentre-2.jpg); font-weight:bold; float:left; max-height:50px;
}
.titrebonreduc ul {
margin:0; padding:0; list-style:none;
}
.titrebonreduc1 {
float:left; margin:0; background:url(../image/reductiongauche-2.jpg); width:20px;
}
.titrebonreduc2 {
float:left;max-width:628px;
}
.titrebonreduc3 {
float:left; margin:0;background:url(../image/reductiondroit-2.jpg); width:20px;
}

/*CSS cadre commentaire*/

.divcadrecomm {
	border:#CCCCCC 1px solid; background:url(../image/fondavis.jpg) repeat-x;
	width:665px;
	font-weight:bold;
	margin-bottom:20px;
	padding:5px;
	
}
.divcadrecomm ul {
 list-style:none; margin:0; padding:5px;
	
}
.divcadrecomm li  {
	margin-bottom:10px;text-align:left; padding:0; width:650px; min-height:30px;
	
}
.lesaviscomm  {
padding:10px; border:#CCCCCC 1px solid; margin-bottom:10px; width:655px; color:#333333; background:url(../image/fondavis.jpg) repeat-x;
}

/*CSS pour la fenetre déroulante*/

.fenetrepanel .fenetrepanelcontent{ 
 width:700px;
}

.fenetrepanel .fenetrepaneltab{ 

font: normal 12px Arial; float:left;
width:700px;
height:25px;
}

.fenetrepanel .fenetrepaneltab a{ 

text-decoration: none;
letter-spacing: 1px;
}

.fenetrepanel .fenetrepaneltab span{ 
position:absolute; margin-left:-30px;
float: left;
cursor: pointer;
}



.fenetrepanel .fenetrepaneltab a:active, .fenetrepanel .fenetrepaneltab a:focus{ 
outline: 0;
}

/*CSS avis conso*/
.barreconsocadre {
margin:0; padding:5px; margin-bottom:10px;border:#CCC 1px solid;
}
.barreconsocadre ul {
list-style:none;margin:0;
}
.barreconsocadrev1 {
float:left; width:100px; padding-top:2px; text-align:center;
}
.barreconsocadrev2 {
float:left; width:560px; padding:5px; font-size:12px;
}
.barrestyleconsoletter {
margin:0; padding:0 5px 0 5px; background-color:#DDDDDD; border:#999999 1px solid; height:65px;
}
.barrestyleconso {
	font-size:15px;font-weight:bold;width:660px;float:left;background-color:#CCCCCC;margin-top:5px; border:#999999 1px solid;
}

.cadrenoirindex {
	border:#CCCCCC 1px dashed; padding:3px; width:670px; margin-bottom:5px; background-color:#f0f0f0;clear:both;
}
.petitcadre {
	float:left; width:227px;
}

#conteneur #contenufond .cadreindexboutique {
border:#CCCCCC 1px dashed;width:667px; padding:5px; margin-bottom:10px; background:url(../image/fondtraitgris2.png) repeat-x;
}
#conteneur #contenufond .cadreindexboutique ul {
margin:0; padding:0; 
}
#conteneur #contenufond .cadreindexboutique li {
margin:0; padding:0;
}
#conteneur #contenufond .cadreindexboutique .cad1n {
width:125px; float:left; height:60px; background:#FFF; text-align:center;
}
#conteneur #contenufond .cadreindexboutique .cad2n {
width:500px; float:left; margin-left:10px;
}
#conteneur #contenufond .cadreindexboutique a.lienindex  {
color:#009f00; font-size:11px;
}
#conteneur #contenufond .cadreindexboutique a.lienindex:hover {
color:#FF3300; font-size:11px; text-decoration:underline;
}
.bareautreboutique {
width:658px; padding:2px 2px 2px 5px; margin-bottom:2px; font-size:18px;
}
.promoactuelle {
background: url(../image/barre-promo-actuelle.jpg) no-repeat; padding-left:65px; height:28px; color:#FFF; width:690px; font-weight:bold; padding-top:7px; margin-top:10px; font-weight:bold; margin-bottom:10px;
}

.postit {
  float: right;
  margin: 0 0 10px 10px;
  width:105px;
   color:#000;
   vertical-align:bottom;
}
.postitbon {
border: dashed 1px #999;float:left;margin:0 0 5px 0; text-align:center; padding:5px 8px 5px 7px;	
}
.postit img {
border:0;
}
#conteneur #contenufond .plusdereduc {
margin:0; padding:5px;width:700px; text-align:left;background: url(../image/cadre-pasdereduction-haut.jpg) no-repeat;
}
#conteneur #contenufond .plusdereducbas {
background:url(../image/cadre-pasdereduction-bas.jpg); height:19px;
}
#conteneur #contenufond .plusdereduc .reducul1 {
margin:0; padding:10px 20px 0 8px; float:left; text-decoration:none;width:290px; padding-right:20px; 
}
#conteneur #contenufond .plusdereduc .reducul1 .reducul1logo {
background-color:#FFF; text-align:center; padding:5px;border:#DDD 1px solid;
}
#conteneur #contenufond .plusdereduc .reducul1 .texte1reduc {
color:#666;font-style:italic; font-size:11px;
}
#conteneur #contenufond .plusdereduc .reducul1 .logocommenreduc {
float:left; margin:0 10px 0 0;
}
#conteneur #contenufond .plusdereduc .reducul2{
margin:0; padding:0; float:left;text-decoration:none;width:365px;
}
#conteneur #contenufond .plusdereduc .lireduc1 {
margin:0; padding:0;
}
#conteneur #contenufond .plusdereduc .lireduc21 {
margin:0; padding:0;  clear:both;padding:5px; margin-top:10px; background-color:#EEE;border:#CCC 1px solid;border-left:#CCC 5px solid;
}
#conteneur #contenufond .plusdereduc .lireduc22 {
height:18px; margin:0; padding:0 0 0 50px;
}
#conteneur #contenufond .plusdereduc .lireduc2 {
margin:0; padding:0;  clear:both;padding-top:5px; margin-top:5px; 
}
#conteneur #contenufond .plusdereduc .lireduc2a {
width:110px; float:left; text-align:center; background:#FFF; height:45px; padding-top:5px; border:#DDD 1px solid;border-left:#CCC 5px solid;
}
#conteneur #contenufond .plusdereduc .lireduc2b {
width:235px; float:left; padding-left:10px;
}
#conteneur #contenufond .plusdereduc .lireduc2 .affont13 {
font-size:13px;font-weight:bold;
}
#conteneur #contenufond .plusdereduc .lireduc2 .affont11 {
font-size:11px;
}
.idavantagepermanent {
margin:0; padding:0;
}
.idavantagepermanent .ulidavant1{
margin:0; padding:0; height:8px;background:url(../image/cadre-avantage-permanent-haut.jpg) no-repeat;
}
.idavantagepermanent .ulidavant2{
background:url(../image/cadre-avantage-permanent-milieu.jpg) repeat-y; padding:0 5px 0 7px; margin:0px;
}
.idavantagepermanent .ulidavant3{
margin:0; padding:0; height:21px;
}
.partagereduc {
width:690px; padding-top:10px;
}
#facebookcadre{
background:url(../image/facebook-cadre.jpg) no-repeat; width:690px; height:186px; padding:29px 0 0 7px; margin:10px 0 0 -6px;	
}