/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */

body#main{
	background: #FFF url(Gx/bg_main.gif) repeat-x 0px 0px;
	
	margin: 0;
	padding: 0;
}
html{
	color: #474747;
	font-size: 12px;
	line-height: 18px;
	/* Garder seulement 3 fontes */
	font-family: Arial, Verdana, Tahoma, Helvetica, Georgia, Times, "Times New Roman", "Courier New";
}

/*

IE6 position absolute = fixed

html, body {
height: 100%;	overflow: auto; 
}

*/


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
a, a:link, a:visited{outline: none;color:#0099cb;text-decoration:none;font-weight: normal;	}
a:hover{
	color:#0099cb;	
	text-decoration:none;}

a.link2{
	color: #8cb224;
	text-decoration: underline;
}
a.link2:hover{
	text-decoration: none;
}

h1{
	font-family: "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, Georgia, Times, "Times New Roman", "Courier New";
	color: #3ea8df; 
	font-size:30px; 
	font-weight: normal;
	display: block;
	padding: 0 0 10px 0;
	
}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #000; font-size:24px; margin: 0 0 10px 0;}
h2 a, h2 a:link, h2 a:visited{color:#000;}

h3{
	color: #292929; 
	font-weight: normal;
	font-size:18px; 
	margin: 0 0 10px 0;}
h3 a, h3 a:link, h3 a:visited{color:#68ae19;}

h4{color:#68ae19; font-size:14px; margin: 0; padding: 0;}
h4 a, h4 a:link, h4 a:visited{color:#68ae19;}

.bycategory{
	background: transparent url(Gx/02/bg_bycategory.gif) no-repeat 0px 0px; 
	color: #FFF;
	height: 26px;
	line-height: 26px;
	display: block;
	font-weight: bold;
	padding: 0 0 0 11px;
	font-size: 15px;
}
.bymarque{
	background: transparent url(Gx/02/bg_bymarque.gif) no-repeat 0px 0px; 
	color: #FFF;
	height: 26px;
	line-height: 26px;
	display: block;
	font-weight: bold;
	padding: 0 0 0 11px;
	font-size: 15px;
}

.bleuGris{
	color:#7ca9b9;
}

.both{
	clear: both;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}

/* CONTENEURS
--------------------------------------------------------------------------------------- */

#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}

#header{
	background: transparent url(Gx/bg_header.jpg) no-repeat 0px 0px;
	
	position: relative;
	width:1000px;
	height: 168px;
}

#outercontenu{
	background: transparent url(Gx/bg_outercontenu.png) repeat-y 0px 0px;
	width: 1000px;
	
}

/* PANIER COUPON
--------------------------------------------------------------------------------------- */
#panierCouponWrapper{
	/* position  marche pas IE6 alors replace en JS */
	/*position: fixed; 
	top:0px;
	left:0px;*/
	width:100%;
	z-index:100;
	height:30px;
	display:none;
	background: url(Gx/bgPanierCoupon.gif) repeat-x;
	/*visibility: hidden;*/
	/*overflow: hidden;*/
}
#panierCoupon{
	margin: 0 auto 0 auto;
	text-align:left;
	width:980px;
}

.closeBtn{
	display: block;
	float: left;
	width: 50px;
}

#contenuCoupon{
	display: block;
	float: right;
	width: 360px;
	background: url(Gx/bgBulle.gif) repeat-x 0 0;
	position: relative;
	margin: 4px 5px 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}

#contenuEchantillon{
	display: block;
	float: right;
	width: 200px;
	background: url(Gx/bgBulle.gif) repeat-x 0 0;
	position: relative;
	margin: 4px 5px 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}

.bulleGauche{
	display: block;
	float: left;
	width: 6px;
	height: 21px;
}

.bulleDroite{
	display: block;
	float: right;
	width: 6px;
	height: 21px;
}

a.btnVoirPanierfr, a.btnVoirPanierfr:link, a.btnVoirPanierfr:visited{
	display: block;
	float: right;
	width: 115px;
	height: 20px;
	background: url(Gx/M/btnVoirPanier_fr.gif) no-repeat 0 0;
	text-align: center;
	margin: 5px 0 0 0;
}

a.btnVoirPanierfr:hover, a.btnVoirPanierfr:hover:visited{
	background: url(Gx/M/btnVoirPanier_fr.gif) no-repeat 0 -21px;
	text-align: center;
}

a.btnVoirPanierfr strong{
	display: none;
}

a.btnVoirPanieren, a.btnVoirPanieren:link, a.btnVoirPanieren:visited{
	display: block;
	float: right;
	width: 138px;
	height: 20px;
	background: url(Gx/M/btnVoirPanier_en.gif) no-repeat 0 0;
	text-align: center;
	margin: 5px 0 0 0;
}

a.btnVoirPanieren:hover, a.btnVoirPanieren:hover:visited{
	background: url(Gx/M/btnVoirPanier_en.gif) no-repeat 0 -21px;
	text-align: center;
}

a.btnVoirPanieren strong{
	display: none;
}


/* MENU HAUT
--------------------------------------------------------------------------------------- */
#menuHaut{
	display: block;
	float: right;
	padding: 18px 0 0 0;
}

#menuHaut li{
	display: block;
	float: left;
	text-align: center;
}

#menuHaut li#mh1fr a, #menuHaut li#mh1fr a:link, #menuHaut li#mh1fr a:visited{
	background: url(Gx/M/menuHautfr1.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 83px;
	height: 23px;
}

#menuHaut li#mh1fr a:hover{
	background: url(Gx/M/menuHautfr1_over.gif) no-repeat 0 0;
}

#menuHaut li#mh2fr a, #menuHaut li#mh2fr a:link, #menuHaut li#mh2fr a:visited{
	background: url(Gx/M/menuHautfr2.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 125px;
	height: 23px;
}

#menuHaut li#mh2fr a:hover{
	background: url(Gx/M/menuHautfr2_over.gif) no-repeat 0 0;
}

#menuHaut li#mh21fr a, #menuHaut li#mh21fr a:link, #menuHaut li#mh21fr a:visited{
	background: url(Gx/M/menuHautfr21.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 112px;
	height: 23px;
}

#menuHaut li#mh21fr a:hover{
	background: url(Gx/M/menuHautfr21_over.gif) no-repeat 0 0;
}

#menuHaut li#mh3fr a, #menuHaut li#mh3fr a:link, #menuHaut li#mh3fr a:visited{
	background: url(Gx/M/menuHautfr3.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 70px;
	height: 23px;
}

#menuHaut li#mh3fr a:hover{
	background: url(Gx/M/menuHautfr3_over.gif) no-repeat 0 0;
}

#menuHaut li#refsitefr a, #menuHaut li#refsitefr a:link, #menuHaut li#refsitefr a:visited{
	background: url(Gx/M/menuHautReferer_fr.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 127px;
	height: 23px;
}

#menuHaut li#refsitefr a:hover{
	background: url(Gx/M/menuHautReferer_fr_over.gif) no-repeat 0 0;
}


/* ANGLAIS */
#menuHaut li#mh1en a, #menuHaut li#mh1en a:link, #menuHaut li#mh1en a:visited{
	background: url(Gx/M/menuHauten1.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 83px;
	height: 23px;
}

#menuHaut li#mh1en a:hover{
	background: url(Gx/M/menuHauten1_over.gif) no-repeat 0 0;
}

#menuHaut li#mh2en a, #menuHaut li#mh2en a:link, #menuHaut li#mh2en a:visited{
	background: url(Gx/M/menuHauten2.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 161px;
	height: 23px;
}

#menuHaut li#mh2en a:hover{
	background: url(Gx/M/menuHauten2_over.gif) no-repeat 0 0;
}

#menuHaut li#mh21en a, #menuHaut li#mh21en a:link, #menuHaut li#mh21en a:visited{
	background: url(Gx/M/menuHauten21.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 96px;
	height: 23px;
}

#menuHaut li#mh21en a:hover{
	background: url(Gx/M/menuHauten21_over.gif) no-repeat 0 0;
}

#menuHaut li#mh3en a, #menuHaut li#mh3en a:link, #menuHaut li#mh3en a:visited{
	background: url(Gx/M/menuHauten3.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 70px;
	height: 23px;
}

#menuHaut li#mh3en a:hover{
	background: url(Gx/M/menuHauten3_over.gif) no-repeat 0 0;
}

#menuHaut li#refsiteen a, #menuHaut li#refsiteen a:link, #menuHaut li#refsiteen a:visited{
	background: url(Gx/M/menuHautReferer_en.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	width: 124px;
	height: 23px;
}

#menuHaut li#refsiteen a:hover{
	background: url(Gx/M/menuHautReferer_en_over.gif) no-repeat 0 0;
}

#menuHaut li a strong{
	display: none;
}



/* MENUS
--------------------------------------------------------------------------------------- */
#menu{
	position: absolute;
	top: 114px;
	left: 4px;
	width: 700px;
	height: 32px;
	background: none;
}
#menu ul{margin:0;padding:0;}
#menu ul li{
	padding:0; 
	margin:0; 
	display:block; 
	float: left;  
	list-style-type:none; 
	padding: 0 17px 0 17px;}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #3f3636;
	font-size: 23px;
	font-weight: normal;
	line-height: 32px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	height: 32px;
	display: block;
	float: left;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#69909d;}
#menu ul li a.actif, #menu ul li a.actif:visited{ color:#69909d;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menuBas{}
#menuBas ul{
	margin:0;
	padding:0;}
#menuBas ul li{
	padding: 0 10px 0 0;
	margin:0; 
	display:inline; 
	list-style-type:none; 	}
#menuBas ul li a, #menuBas ul li a:link, #menuBas ul li a:visited{
	color: #3f3636;
	font-size: 12px;
	font-weight: normal;
	
	margin: 0;
	text-decoration: none;
}
#menuBas ul li a:hover, #menuBas ul li a:visited:hover{

	text-decoration: underline;
}
#menuBas ul li a.actif, #menuBas ul li a.actif:visited{text-decoration: underline;}

#referencement{
	padding: 15px 0;
}

/* menuBar
--------------------------------------------------------------------------------------- */

.menuBar{
	height:50px;
	margin:10px 0 0 0;
	padding:0;
	background: url(Gx/M/bgMenuBar.gif) no-repeat 0 0;
	display: block;
	float: left;
	width: 686px;
}
.menuBar ul{margin:0;padding:0;}
.menuBar ul li{
	padding:0;
	margin:0;
	display:block;
	float: left;
	list-style-type:none;
	padding: 5px 30px 0 30px;
	background: url(Gx/M/BgLiMenuBar.gif) no-repeat top right;
}

.menuBar ul li a, .menuBar ul li a:link, .menuBar ul li a:visited{
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 43px;
	padding: 5px 0;
	margin: 0;
	text-decoration: none;
}
.menuBar ul li a:hover, .menuBar ul li a:visited:hover{color:#68ae19;}
.menuBar ul li a.actif, .menuBar ul li a.actif:visited{color:#68ae19;}

.linkUMenuBar{
	display: block;
	float: left;
	width: 686px;
	text-align: right;
}


ul.listeCate{
	margin: 10px 0 0 0;
	padding: 0;
}

ul.listeCate li{
	list-style-type:none;
	padding: 0 0 9px 0;
	margin: 0;
	width: 198px;
	float: left;
	display: block;
}

ul.listeCate li a, ul.listeCate li a:link, ul.listeCate li a:visited{
	display: block;
	float: left;
	/*width: 178px;*/
	height: 19px;
	line-height: 19px;
	padding: 0px 5px 0px 10px;
	margin: 0;
	text-align: left;
	text-decoration: none !important;
	font-weight: normal;
	color: #3f3636;
	font-size: 14px;
}

ul.listeCate li a:hover{ /* , ul.listeCate li a:hover:visited */
	color: #a6ce39;
	
}

ul.listeCate li a.actif, ul.listeCate li a.actif:link, ul.listeCate li a.actif:visited, ul.listeCate li a.actif:hover, ul.listeCate li a.actif:hover:visited{
	color: #a6ce39;
}

ul.listeCate2{
	margin: 10px 0 0 0;
	padding: 0;
}

ul.listeCate2 li{
	list-style-type:none;
	padding: 0 0 7px 0;
	margin: 0;
	width: 198px;
	float: left;
	display: block;
}

ul.listeCate2 li a, ul.listeCate2 li a:link, ul.listeCate2 li a:visited{
	display: block;
	float: left;
	/*width: 178px;*/
	height: 19px;
	line-height: 19px;
	padding: 0px 5px 0px 10px;
	margin: 0;
	text-align: left;
	text-decoration: none !important;
	font-weight: normal;
	color: #3f3636;
	font-size: 14px;
}

ul.listeCate2 li a:hover{ /* , ul.listeCate li a:hover:visited */
	color: #fed205;
}

ul.listeCate2 li a.actif, ul.listeCate2 li a.actif:link, ul.listeCate2 li a.actif:visited, ul.listeCate2 li a.actif:hover, ul.listeCate2 li a.actif:hover:visited{
	color: #fed205;
	
}

.NbrParCate{
	font-size: 12px;
}

/* CONTENU
--------------------------------------------------------------------------------------- */
#contenu{
	background: transparent url(Gx/bg_contenu.gif) no-repeat 0px 0px;
	padding: 9px 26px 0 22px; /* 952px */
}
#bottom_contenu{
	background: transparent url(Gx/bottom_contenu.png) no-repeat 0px 0px;
	width: 1000px;
	height: 33px;
}

#left{
	float: left;
	width: 640px;
}
#right{
	float: right;
	width: 300px;
}
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #474747;}
p a, p a:link, p a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover{
	color:#000; text-decoration:underline;
}
/*ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}*/

.letexte ul, .letexte ol{
	margin: 0 0 0 20px;	
}

.letexte li{
	list-style-type: disc;
	padding: 0 0 5px 0px;
	background: none;
}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* RECETTES ET CONCOURS
--------------------------------------------------------------------------------------- */

#btnPrint, #btnPrint:link{float:right; font-size:10px; background:url(Gx/M/btn_imprimer.gif) no-repeat 0px 10px; padding:10px 12px 0 20px; }

.colLettre{
	display:block;
	float:left;
	width:180px;
	margin:0 4px 0 0;
	color: #0099cb;
	font-size: 14px;
	font-weight: bold;
}
.lettre{
	font-family: "Trebuchet MS", Arial, Verdana, Tahoma;
	color:#3ea8df;
	/*background: url(Gx/04/bgLettre.gif) no-repeat;*/
	display: block;
	float: left;
	width: 21px;
	height: 21px;
	font-size: 20px;
	font-weight: normal;
	line-height: 21px;
	overflow: hidden;
	text-align: left;
	margin: 20px 0 5px 0;
}
.colLettre a, .colLettre a:link, .colLettre a:visited{
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
.colLettre a:hover{ 
	text-decoration: underline;
}
.colLettre span.autrelang{
	color: #3ea8df;
	font-size: 12px;
	font-weight: normal;
}

#conteneurRecettesVedettes{ width: 920px; }
#conteneurRecettesVedettes p{ font-size: 13px; color: #292929; font-weight: normal; line-height: 15px; margin: 5px 0 0 0; }
#conteneurRecettesVedettes a{ color: #0099CB; font-size: 13px; text-decoration: underline; }
#conteneurRecettesVedettes a:hover{ text-decoration: none; }
#conteneurRecettesVedettes .recettesVedettes{ width: 283px; margin-right: 35px; float: left; margin-bottom: 25px; }
#conteneurRecettesVedettes .recettesVedettes.dernierDroite{ margin-right: 0px; }

#conteneurDescriptionRecettesVedettes{ width: 920px; }
#conteneurDescriptionRecettesVedettes #collGauche{ width: 273px; float: left; }
#conteneurDescriptionRecettesVedettes #collDroite{ width: 622px; float: left; padding-left: 25px; }
#conteneurDescriptionRecettesVedettes #collDroite *{ font-size: 13px; color: #7CA9B9; line-height: 17px; }
#conteneurDescriptionRecettesVedettes #collDroite ol, #conteneurDescriptionRecettesVedettes #collDroite ul{ margin: 0 0 0 23px; padding: 0; }
#conteneurDescriptionRecettesVedettes #collDroite li{ margin: 0 0 5px 0; padding: 0; }
#conteneurDescriptionRecettesVedettes #collDroite li br{ display: none; }
#conteneurDescriptionRecettesVedettes #collDroite h2{ font-size: 18px; margin: 20px 0 5px 0; padding: 0; color: #98C82E; }
#conteneurDescriptionRecettesVedettes #collDroite a{ font-size: 13px; color: #7CA9B9; text-decoration: underline; }
#conteneurDescriptionRecettesVedettes #collDroite a:hover{ text-decoration: none; }

.recettes_Vedettes{
	float: left;
	width: 321px;
	height: 251px;
	position: relative;
	background: transparent url(Gx/04/bg_recette.gif) no-repeat 0px 0px;
	cursor: pointer;
}
.recettes_Vedettes .imgtop{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	background: none;
	width: 309px;
	height: 20px;
}

.recettes_Vedettes .img{
	position: absolute;
	top: 1px;
	left: 1px;
	width: 307px;
	height: 192px;
	overflow: hidden;
}
.recettes_Vedettes:hover .img, .recettes_Vedettes:hover .icone img{
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;
	opacity: 0.7;	
}

.recettes_Vedettes .icone{
	position: absolute;
	bottom: 12px;
	right: 35px;
	width: 32px;
	height: 32px;
	display: block;
}
.recettes_Vedettes .fleche{
	background: transparent url(Gx/04/fleche_bleu.gif) no-repeat 0px 0px;
	position: absolute;
	bottom: 17px;
	right: 16px;
	width: 15px;
	height: 23px;
}
.recettes_Vedettes:hover .fleche{
	background: transparent url(Gx/04/fleche_bleu.gif) no-repeat 0px -23px;}

.recettes_Vedettes .description{
	position: absolute;
	top: 207px;
	left: 15px;
	width: 232px;
	height: 33px;
	overflow: hidden;
	background: none;
	color: #000; 
}

.recettes_Vedettes a, .recettes_Vedettes a:link, .recettes_Vedettes a:visited{
	color: #4f4f4f;
}

 .recettes_Vedettes .savoir{
	color: #3ea8df;
}

.recettes_Vedettes a:hover, .recettes_Vedettes .description:hover .savoir{text-decoration: none; color: #000;  }

a.toutesrecettes, a.toutesrecettes:link, a.toutesrecettes:visited{
	background: transparent url(Gx/04/bg_r_toute.gif) no-repeat 0px 0px;	
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: center;
	padding: 0 10px;
	float: right;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	position: relative;}
a.toutesrecettes span{
	background: transparent url(Gx/04/end_r_toute.gif) no-repeat 0px 0px;	
	display: block;
	height: 26px;
	width: 9px;
	position: absolute;
	top: 0px;
	right: 0px;	}
a.toutesrecettes:hover{
	background: transparent url(Gx/04/bg_r_toute.gif) no-repeat 0px -26px;	}
a.toutesrecettes:hover span{
	background: transparent url(Gx/04/end_r_toute.gif) no-repeat 0px -26px;	
}
	
/* DIVERS
--------------------------------------------------------------------------------------- */
#logoGoCoupons{
	position: relative;
	width: 392px;
	height: 47px;
	top: 55px;
	left: 21px;

}
#infoUser{
	color: #2e60ac;
	font-size: 13px;
	background: none;
	position: absolute;
	top: 6px;
	left: 20px;
	width: 430px;
	height: 45px;
}
.dotSpacer{
	line-height: 1px;
	background: url(Gx/dotSpacer.gif) repeat-x;
	height: 1px;
	/*margin: 5px 0;
	padding: 5px 0;*/
}
.gauche, .droite{
	width: 450px;
	display: block;
	float: left;
}
.gauche{ margin:0 20px 0 0; }

.formGauche{
	width: 60%;
	display: block;
	float: left;
}
.formDroite{
	width: 40%;
	display: block;
	float: left;
}
.coor{
	color: #000;
}

ol.oList{
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;

}
ol.oList li{
	color: #474747;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin: 5px 0;
}

a.btnArrow, a.btnArrow:link, a.btnArrow:visited{
	background: url(Gx/M/bgBtnArrow.gif) no-repeat 0 0;
	color: #FFF !important;
	font-size: 21px;
	font-weight: bold;
	width: 321px;
	height: 50px;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 45px;
	margin: 10px 0;
}
a.btnArrow:hover, a.btnArrow:visited:hover{
	color: #FFF !important;
	text-decoration: none;
}

a.btnArrow2, a.btnArrow2:link, a.btnArrow2:visited{
	background: url(Gx/M/bgBtnArrow2.gif) no-repeat 0px 0px;
	color: #FFF !important;
	font-size: 15px;
	font-weight: bold;
	padding: 0 40px 0 0;
	height: 33px;
	text-decoration: none;
	display: block;
	float: right;
	text-align: left;
	line-height: 33px;
	text-indent: 12px;
	position: relative;
}
a.btnArrow2:hover, a.btnArrow2:visited:hover{
	background: url(Gx/M/bgBtnArrow2.gif) no-repeat 0px -33px;
	color: #FFF !important;
	text-decoration: none;
}
a.btnArrow2 span{
	background: url(Gx/M/bgBtnArrow2_end.gif) no-repeat 0px 0px;
	display: block;
	width: 40px;
	height: 33px;
	position: absolute;
	top: 0px;
	right: 0px;
}
a.btnArrow2:hover span{
	background: url(Gx/M/bgBtnArrow2_end.gif) no-repeat 0px -33px;
}


a.btnArrow3, a.btnArrow3:link, a.btnArrow3:visited{
	background: url(Gx/M/bgBtnArrow3.gif) no-repeat 0px 0px;
	color: #fff !important;
	font-size: 15px;
	font-weight: bold;
	/*width: 355px;*/
	height: 33px;
	text-decoration: none;
	display: block;
	float: left;
	text-align: left;
	line-height: 33px;
	text-indent: 45px;
	padding: 0 15px 0 0;
	position: relative;
}
a.btnArrow3 span{
	background: transparent url(Gx/M/bgBtnArrow3_end.gif) no-repeat 0px 0px;
	display: block;
	width: 10px;
	height: 33px;
	position: absolute;
	top: 0px;
	right: 0px;
}

a.btnArrow3:hover, a.btnArrow3:visited:hover{
	background: url(Gx/M/bgBtnArrow3.gif) no-repeat 0px -33px;
	color: #FFF !important;
	text-decoration: none;
}
a.btnArrow3:hover span{
	background: transparent url(Gx/M/bgBtnArrow3_end.gif) no-repeat 0px -33px;
}



a.btnArrow.btnGauche{ background: url(Gx/M/bgBtnArrow_gauche.gif) no-repeat 0 0; }

a.redLink, a.redLink:link, a.redLink:visited{
	color: #eb282b;
	text-decoration: none;
	font-size: 12px;
}
a.redLink:hover, a.redLink:visited:hover{
	text-decoration: underline;
}

.marqueVedette{
	color: #0099cb;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
}
.listeMarqueColDroite{
	color: #0099cb;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	padding: 0 10px;
}

.listeMarqueColDroite a, .listeMarqueColDroite a:link, .listeMarqueColDroite a:visited{
	text-decoration: none;
	color: #0099cb;
}
.listeMarqueColDroite a:hover{
	color: #0099cb;
	background: #f1fcc3;
}

.listeMarqueColDroite a.actif, .listeMarqueColDroite a.actif:link, .listeMarqueColDroite a.actif:visited, .listeMarqueColDroite a.actif:hover{
	color: #FFF;
	background: #97c82d;
}

.redBold{
	color: #eb272b;
	font-weight: bold;
}

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
img.aDroite{
	float: right;
}
.colDroite{
	display: block;
	float: right;
		float: left;	
	width: 220px;
	background: none;
}
.BtnMPPerdu{
	margin: 0 0 0 115px;
	display: block;
	float: left;
}

.filArianne{
	color: #7ca9b9;
	font-size: 18px;
	font-weight: bold;
}

/* COUPONS
--------------------------------------------------------------------------------------- */
.listeCoupons{
	display: block;
	float: left;
	width: 686px;
	margin: 20px 0 10px 0;
}

.divBtnObtenezCoupons{
	display: block;
	float: left;
	width: 686px;
	margin: 20px 0 10px 0;
	text-align: right;
}

.coupons{
	background: url(Gx/couponsBg.jpg) no-repeat 0 0;
	width: 330px;
	height: 150px;
	overflow: hidden;
	position: relative;
	display: block;
	float: left;
	margin: 0 5px 10px 0;
	padding: 7px 0 0 5px;
}
.coupons p.lienRecette{ font-size: 10px; color: #474747; padding: 0; margin: 4px 0 0 0; }
.coupons p.lienRecette a{ color: #0099CB; text-decoration: underline; }
.coupons p.lienRecette a:hover{ text-decoration: none; }
.coupons img{
	float: left;
	display: block;
	margin-top: 18px;
}
.coupons .detailCoupons{
	float: left;
	width: 205px;
	height: 30px;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	margin: 0 0 0 10px;
}
.coupons .detailCoupons .economie{
	color: #eb282b;
	font-size: 16px;
	font-weight: bold;
	line-height: 23px;	
}
.coupons .detailCoupons .marque{
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
}

.coupons .AjoutListe{
	position: absolute;
	text-align: left;
	left: 110px;
	bottom: 9px;
	color: #589018;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	width: 215px;
	height: 20px;
	z-index: 99;
	
}
#coupon_detail .AjoutListe p, #coupon_detail .AjoutListe a {color:#cc0000; font-weight:bold; text-align:center;}

/* COUPONS
--------------------------------------------------------------------------------------- */
.listeCoupons2{
	display: block;
	float: right;
	width: 720px;
	background: none;
}
/* standard */
.coupon_standard{
	background: url(Gx/02/bg_coupon_standard.jpg) no-repeat 0 0;
	width: 244px;
	height: 407px;
	/*overflow: hidden;*/
	position: relative;
	display: block;
	float: left;
	cursor: pointer;
}
.coupon_standard .plus{
	position: absolute;
	top: 8px;
	left: 194px;
}
.coupon_standard .img{
	position: absolute;
	top: 26px;
	left: 54px;
	background: none;
	text-align: center;
	width: 123px;
}
.coupon_standard .img img{
	margin: 0 auto 0 auto;
}

.coupon_standard .detailCoupons{
	background: none;
	position: absolute;
	top: 204px;
	left: 16px;
	width: 201px;
	height: 105px;	
	color: #a6ce39;
	text-align: center;
}
.coupon_standard:hover .detailCoupons{
	color: #5e8000;
}

.coupon_standard .economie{
	display: block;	
	background: none;
	font-size: 15px;
	text-transform: uppercase;
	height: 20px;
	font-weight: bold;
}

.coupon_standard .montant{
	display: block;	
	background: none;
	font-size: 40px;
	line-height: 47px;
	height: 47px;
	font-weight: bold;
}

.coupon_standard .marque{
	display: block;	
	background: none;
	font-size: 15px;
	height: 40px;
	font-weight: bold;
}

.coupon_standard .icone{
	background: none;
	width: 180px;
	height: 32px;
	position: absolute;
	top: 321px;
	left: 16px;
}
.coupon_standard .icone span{
	float: left;
	display: block;
	width: 40px;
}

.coupon_standard .AjoutListe{
	background: none;
	display: block;
	width: 230px;
	height: 18px;
	line-height: 15px;
	position: absolute;
	bottom: 27px;
	overflow: hidden;
	text-align: center;
}

.coupon_standard .AjoutListe input{
	margin: 0px;
	padding: 0px;
	border: none;
}

.coupon_standard .AjoutListe p, .coupon_standard .AjoutListe a { color:#cc0000;  text-align:center;}

/* vedette */
.coupon_vedette{
	background: url(Gx/02/bg_coupon_vedette.jpg) no-repeat 0 0;
	width: 720px;
	height: 193px;
	overflow: hidden;
	position: relative;
	display: block;
	float: left;
	cursor: pointer;
}

.coupon_vedette .img{
	position: absolute;
	top: 15px;
	left: 60px;
}
.coupon_vedette .label{
	background: transparent url(Gx/02/bg_vedette_label.gif) no-repeat 0px 0px;
	position: absolute;
	top: 0px;
	left: 206px;
	width: 201px;
	height: 54px;
	line-height: 40px;
	overflow: hidden;
	color: #FFF;
	font-weight: bold;
	text-indent: 17px;
	font-size: 17px;
}
.coupon_vedette .detailCoupons{
	background: none;
	position: absolute;
	top: 68px;
	left: 208px;
	width: 400px;
	height: 90px;
	color: #a6ce39;
}
.coupon_vedette:hover .detailCoupons{
	color: #6b9200;
}

.coupon_vedette .economie{
	display: block;	
	background: none;
	font-size: 15px;
	text-transform: uppercase;
	height: 20px;
	font-weight: bold;
}

.coupon_vedette .montant{
	display: block;	
	background: none;
	font-size: 40px;
	line-height: 47px;
	height: 47px;
	font-weight: bold;
}

.coupon_vedette .marque{
	display: block;	
	background: none;
	font-size: 15px;
	height: 20px;
	font-weight: bold;
}


.coupon_vedette .plus{
	position: absolute;
	top: 8px;
	right: 7px;
}

.coupon_vedette .concours{
	position: absolute;
	top: 81px;
	right: 23px;
	display: block;
	width: 32px;
	height: 32px;
}
.coupon_vedette .recette{
	position: absolute;
	top: 81px;
	right: 64px;
	display: block;
	width: 32px;
	height: 32px;
}
.coupon_vedette .evenement{
	position: absolute;
	top: 81px;
	right: 105px;
	display: block;
	width: 32px;
	height: 32px;
}
.coupon_vedette .facebook{
	position: absolute;
	top: 124px;
	right: 67px;
	display: block;
	width: 28px;
	height: 27px;	
}
.coupon_vedette .twitter{
	position: absolute;
	top: 124px;
	right: 25px;
	display: block;
	width: 28px;
	height: 27px;	
}

.coupon_vedette .AjoutListe{
	background: none;
	display: block;
	width: 250px;
	height: 18px;
	line-height: 15px;
	position: absolute;
	top: 163px;
	right: 29px;
	overflow: hidden;
	text-align: right;
}


/*              */

.facebook_span:hover, .twitter_span:hover{
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;
	opacity: 0.7;	
}



/* DETAIL PANIER
--------------------------------------------------------------------------------------- */
.EvenRow{
	background: #fafee8;
	display: block;
	float: left;
}
.OddRow{
	background: #FFF;
	display: block;
	float: left;
}
.panierMarque{
	color: #0099cb;
	display: block;
	float:left;
	width: 150px;
	font-weight: bold;
	font-size: 16px;
	line-height: 25px;
}
.panierItemDetail{
	display: block;
	float:left;
	width: 365px;
	line-height: 25px;
}
.erreurQty{
	font-size: 11px;
	color: #EB272B;
	line-height: 12px;
}
.succes{
	background: #97c82d;
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
	padding: 5px;
	font-weight: bold;
}
.panierItemEcono{
	color: #eb282b;
	display: block;
	float:left;
	width: 100px;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	margin: 0 10px 0 0;
	line-height: 25px;
}
.panierItemDetailEchan{
	display: block;
	float:left;
	width: 400px;
	line-height: 25px;
}
.panierItemEconoEchan{
	color: #eb282b;
	display: block;
	float:left;
	width: 65px;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	margin: 0 10px 0 0;
	line-height: 25px;
}

.qtyItem{
	font-size: 12px;
}
.panierDeleteAdd{
	display: block;
	float:left;
	width: 60px;
	line-height: 25px;
}
.btnAjouter{
	display: block;
	float: right;
	width: 22px;
	border: 0;
	margin: 0;
	margin: 5px 10px 5px 0;
}
.btnDelete{
	display: block;
	float: right;
	width: 22px;
	border: 0;
	margin: 5px 0 5px 0;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	padding:0 18px 0 18px;
	
	
	}
#copyrights a{
	color: #584924;
	text-decoration: none;
	font-weight: normal;	
}
#copyrights a:hover{
	text-decoration: underline;
}
/* Partager cette page (bookmarker) */
#socialBookmarker {color:#FFF;text-align:left;/*float:right;*/}
#bookmarker{
	display: inline;
}
#bookmarker a{color:#FFF; text-decoration:underline;}
#bookmarker a:hover{color:#FFF;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{
	border:0;
	font-size: 11px;
	margin-bottom:10px;
	padding:5px;
	background: #f4f8f9;
	width: 542px;
}
fieldset legend{border:none; color: #3EA8DF; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{
	font-size:13px;
	color:#474747;
	margin:2px 0 2px 0;
	display: block;
	float: left;
	width: 95px;
	text-align: right;
	font-weight: bold;
}

#contact label{
	font-size:13px;
	color:#474747;
	margin:2px 0 2px 0;
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
}
#forminscription .lbl_age{
	font-size:13px;
	color:#474747;
	/*margin:2px 0 2px 0;*/
	padding: 4px 0 0 5px;
	display: block;
	float: left;
	/*width: 95px;*/
	text-align: right;
	font-weight: bold;

}

.champTexte{	
	background: #FFF;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 15px;
	font-weight: bold;
	margin:2px 0 13px 20px;
	width: 350px;
	height: 25px;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}
.listeDeroulante{
	background: #FFF;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FFF;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;
	margin:2px 0 13px 20px;
	width: 350px;
	height: 200px;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}

.btnSoumettreImgfr{
  width: 112px;
  height: 25px;
  margin: 0 20px 0 0;
  padding: 0;
  border: 0;
  background: transparent url(Gx/M/btnSoumettre_fr.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  float: right;
}
.btnSoumettreImgen{
  width: 112px;
  height: 25px;
  margin: 0 20px 0 0;
  padding: 0;
  border: 0;
  background: transparent url(Gx/M/btnSoumettre_en.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  float: right;
}

.btnCancelCommande{
	background: transparent url(Gx/M/bgBtnBleu.gif) no-repeat 0 0;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	width: 122px;
	height: 50px;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 45px;
	margin: 10px 0;
	padding: 0;
	border: 0;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	float:right;
}

.btnSoumettreCommande{
	background: transparent url(Gx/M/bgBtnArrow.gif) no-repeat 0 0;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	width: 321px;
	height: 50px;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 45px;
	margin: 10px 0 10px 10px;
	padding: 0;
	border: 0;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	float:right;
}

.bouton:hover{background-color:#1A80B6; color:#FFF;}

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{border:1px solid #FF0000;}
.erreur_select{ background: red; color: white; }






/* CUSTOM SELECT COMBOBOX
--------------------------------------------------------------------------------------- */

.comboBoxWrapper{
	height: 40px;
	display: block;
	float: left;
	margin: 0 0 10px 0;
}

.comboboxContainer
{
	border-left: solid 2px #777;
	border-top: solid 2px #777;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	
	height: 40px;
	line-height: 40px;
	margin: 0;
	display: block;
	float: left;
	
}

.comboboxValueContainer
{
	
	height: 40px;
	line-height: 40px;
	/*background: Aqua;*/
	/*background: url(/images/comboboxDisplayValue.gif) repeat-x left top;*/
}

.comboboxValueContent
{
	padding-left: 3px;
	/*text-transform: uppercase;*/
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
}

.comboboxDropDownContainer
{
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	border-left: solid 1px #aaa;
	border-top: solid 1px #aaa;
	background: #fff;
	overflow: hidden;
	padding-left:3px;
	margin: 0;
	cursor: default;
	
}

.comboboxDropDownButton
{
	width: 23px;
	height: 40px;
	background-image: url(gx/dropDownSelect.gif);
}

.comboboxGroupItemHeader
{
	display: block;
	background: #000;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.comboboxGroupItemContainer
{
	padding-left: 2px;
}

.comboboxItem
{
	background: #fff;
	color: #000;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	padding: 0;
	margin: 0;
}

.comboboxItemHover
{
	background-color: #999;
	color: #fff;
	padding-left: 4px;
}

#btns_header{
	position: absolute;
	top: 2px;
	right: 13px;
	width: 105px;
	height: 27px;
}

#btns_header a{
	display: block;
	float: left;
	width: 28px;
	height: 27px;
	margin: 0 7px 0 0;
}

a#btn_header_mail{ background: transparent url(Gx/M/bg_btns_header.gif) no-repeat 0px 0px; }
a#btn_header_mail:hover{ background: transparent url(Gx/M/bg_btns_header.gif) no-repeat 0px -27px; }

a#btn_header_facebook{background: transparent url(Gx/M/bg_btns_header.gif) no-repeat 0px -54px; }
a#btn_header_facebook:hover{ background: transparent url(Gx/M/bg_btns_header.gif) no-repeat 0px -81px; }

a#btn_header_twitter{ background: transparent url(Gx/M/bg_btns_header.gif) no-repeat 0px -108px; }
a#btn_header_twitter:hover{ background: transparent url(Gx/M/bg_btns_header.gif) no-repeat 0px -135px; }

a#langue{
	color: #3f3636;
	font-weight: normal;
	text-decoration: none;
	position: absolute;
	top: 6px;
	right: 147px;	
	font-size: 12px;
}
a#langue:hover{ text-decoration: underline;	}

#provinceChange{
	position: absolute;
	top: 0px;
	right: 219px;
	width: 600px;
	height: 32px;
	line-height: 28px;
	font-size: 13px;
	background: none;
	text-align: right;
}

a#btn_login{
	background: transparent url(Gx/M/bg_btn_login.gif) no-repeat 0px 0px;
	width: 155px;
	height: 32px;
	line-height: 32px;
	position: absolute;
	top: 114px;
	right: 20px;
	color: #4a4a4a;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	text-indent: 54px;
}
a#btn_login:hover{
	background: transparent url(Gx/M/bg_btn_login.gif) no-repeat 0px -32px;}


#header #txt1{
	position: absolute;
	top: 56px;
	right: 20px;
	color: #84a0a9;
	font-size: 17px;
	height: 20px;
	font-weight: bold;	
	width: 500px;
	background: none;
	text-align: right;
}

#header #txt2{
	position: absolute;
	top: 76px;
	right: 20px;
	color: #000;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;	
	width: 200px;
	background: none;
	text-align: right;
}

#coupon_preview{
	background: transparent url(Gx/coupon_preview.gif) no-repeat 0px 0px;
	position: relative;	
	width: 300px;
	height: 250px;
	cursor: pointer;
}
#coupon_preview:hover{
	background: transparent url(Gx/coupon_preview.gif) no-repeat 0px -250px;
}

#coupon_preview #info{
	width: 300px;
	height: 198px;
	position: relative;
	background: none;
}
#coupon_preview #info #txt{
	position: absolute;
	width: 130px;
	height: 127px;
	top: 62px;
	left: 25px;	
	color: #030303;
}
#coupon_preview:hover #info #txt{
	color: #b3e629;
}

#coupon_preview .save{
	text-transform: uppercase;
	display: block;
	font-size: 18px;
	line-height: normal;
}
#coupon_preview .prix{
	display: block;
	font-weight: bold;
	font-size: 40px;
	line-height: normal;
	padding: 0px 0 0px 0;	
}
#coupon_preview .nom{
	display: block;
	font-size: 16px;
	line-height: normal;
}


#coupon_preview #info #img{
	position: absolute;
	width: 108px;
	height: 158px;
	top: 31px;
	left: 162px;
}
#coupon_preview:hover #info #img{
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;
	opacity: 0.7;	
}

#coupon_preview .voir{
	background: transparent url(Gx/bg_coupon_voir.gif) no-repeat 0px 0px;
	position: absolute;
	top: 198px;
	left: 148px;
	width: 125px;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
#coupon_preview:hover .voir{
	background: transparent url(Gx/bg_coupon_voir.gif) no-repeat 0px -26px;
}

#right_actions{
	background: transparent url(Gx/bg_right_actions.gif) no-repeat 0px 0px;
	width: 300px;
	height: 188px;
	padding: 10px 0 0 0;
}
#right_actions ul{
	list-style-type: none;
	margin: 0 0 0 17px;
	padding: 0px;
}
#right_actions li{
	list-style-type: none;
	float: left;
	display: block;
	width: 260px;
	margin: 0px;
	padding: 0px;
	
}
#right_actions a{
	color: #d6d6d6;
	font-size: 15px;
	font-weight: bolder;
	text-decoration: none;	
	padding: 0 0 0 75px;
	display: block;
	height: 48px;
	line-height: 48px;
	background: none;
}
#right_actions a:hover{
	color: #FFF;
}
#right_actions a#right_Action_1{	background: transparent url(Gx/bg_right_actions_btns.gif) no-repeat 0px 0px; }
#right_actions a#right_Action_1:hover{	background: transparent url(Gx/bg_right_actions_btns.gif) no-repeat 0px -48px; }

#right_actions a#right_Action_2{	background: transparent url(Gx/bg_right_actions_btns.gif) no-repeat 0px -96px; }
#right_actions a#right_Action_2:hover{	background: transparent url(Gx/bg_right_actions_btns.gif) no-repeat 0px -144px; }

#right_actions a#right_Action_3{	background: transparent url(Gx/bg_right_actions_btns.gif) no-repeat 0px -192px; }
#right_actions a#right_Action_3:hover{	background: transparent url(Gx/bg_right_actions_btns.gif) no-repeat 0px -240px; }

a#btn_recettes{
	background: transparent url(Gx/btn_recettes.jpg) no-repeat 0px 0px;
	display: block;
	width: 313px;
	height: 188px;	
	line-height: 321px;
	text-indent: 13px;
	overflow: hidden; 	
	color: #000;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
}
a#btn_recettes:hover{ color: #3ea8df; }

a#btn_concours{
	background: transparent url(Gx/btn_concours.jpg) no-repeat 0px 0px;
	display: block;
	width: 313px;
	height: 188px;	
	line-height: 321px;
	text-indent: 13px;
	overflow: hidden; 	
	color: #000;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
}
a#btn_concours:hover{ color: #3ea8df; }

#recyclage{
	background: transparent url(Gx/bg_recyclage.gif) no-repeat 128px 0px;
	height: 38px;
	line-height: 38px; 
	padding: 0 0 0 172px;
	font-size: 18px;
}

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.top_recette{
	width:640px;
	height:250px;
	position: relative;	
}
.top_recette .lientop5{
	position: absolute;
	top: 168px;
	left: 375px;
	width: 263px;
	height: 26px;
}
.top_recette .lientop5 a{
	background: transparent url(Gx/01/Untitled-1.gif) no-repeat 0px 0px;
	display: block;
	width: 263px;
	height: 26px;
	line-height: 26px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	
}
.top_recette .lientop5 a:hover{
	background: transparent url(Gx/01/Untitled-1.gif) no-repeat 0px -26px;	
	text-decoration: none;
	color: #FFF;
}
.top_recette .txts{
	position: absolute;
	top: 35px;
	left: 380px;
	width: 243px;
	height: 125px;
	background: none;
	overflow: hidden;
}


.top_recette .NomRecette{
	/*position: absolute;
	top: 40px;
	left: 385px;*/
	font-size: 18px;
	line-height: normal;
	padding: 0 0 7px 0;
}
.top_recette .NomRecette a{
	color: #000;
}
.top_recette .NomRecette a:hover{
	color: #3ea8df;
}

/*.top_recette .txt{
	position: absolute;
	top: 88px;
	left: 385px;
	width: 243px;
	height: 73px;
	background: none;
}*/


#banniereBigbox{
	width: 300px;
	height: 250px;
	overflow: hidden;
	position: relative;
}

#banniereBigbox img{
	display: block;
}

#Bigbox_SWF{
	width: 300px;
	height: 250px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;	
	background: none;
}
a#bigbox_a_SWF{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 250px;
	z-index: 5;
	display: block;
	background: none;
}


/* Partager cette page (AddToAny) */
a#lienPartager{float:right; width:77px; height:19px; background:url(gx/btn_partager.gif) no-repeat; font-size: 11px; padding:4px 80px 0 0; color:#666; text-align:right; text-decoration:none;}

#legende{
	padding: 0 0 0 0px;
}

#legende .legendetitre{
	background: transparent url(Gx/02/bg_legendetitre.gif) no-repeat 0px 0px;	
	width: 80px;
	height: 26px;
	line-height: 26px;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	margin: 0 0 13px 0;
}

#legende .legende_c{
	background: transparent url(Gx/02/legende_c.gif) no-repeat 0px 0px;
	display: block;
	padding: 0 0 0 39px;
	width: 105px;
	height: 32px;
	line-height: 32px;
	color: #000;
	text-align: left;
	margin: 0 0 8px 0;
}
#legende .legende_r{
	background: transparent url(Gx/02/legende_r.gif) no-repeat 0px 0px;
	display: block;
	padding: 0 0 0 39px;
	width: 105px;
	height: 32px;
	line-height: 32px;
	color: #000;
	text-align: left;
	margin: 0 0 8px 0;
}
#legende .legende_e{
	background: transparent url(Gx/02/legende_e.gif) no-repeat 0px 0px;
	display: block;
	padding: 0 0 0 39px;
	width: 105px;
	height: 32px;
	line-height: 32px;
	color: #000;
	text-align: left;
	margin: 0 0 8px 0;
}

#page_coupon_detail{
	padding: 5px 0 0 0;
}

#page_coupon_detail #pcd_left{
	float: left;
	width: 639px;
	background: none;
}

#page_coupon_detail #pcd_right{
	float: right;
	width: 300px;
	background: none;
}

#coupon_detail{
	background: transparent url(Gx/02/bg_coupon_detail.jpg) no-repeat 0px 0px;
	width: 300px;
	height: 394px;	
	position: relative;
	margin: 0 0 8px 0;
}
#coupon_detail .plus{
	position: absolute;
	top: 8px;
	left: 261px;
}
#coupon_detail .img{
	position: absolute;
	top: 26px;
	left: 89px;
	background: none;
	text-align: center;
	width: 123px;
}
#coupon_detail .img img{
	margin: 0 auto 0 auto;
}

#coupon_detail .detailCoupons{
	background: none;
	position: absolute;
	top: 204px;
	left: 50px;
	width: 201px;
	height: 105px;	
	color: #a6ce39;
	text-align: center;
}
/*#coupon_detail:hover .detailCoupons{
	color: #000;
}*/

#coupon_detail .economie{
	display: block;	
	background: none;
	font-size: 15px;
	text-transform: uppercase;
	height: 20px;
	font-weight: bold;
}

#coupon_detail .montant{
	display: block;	
	background: none;
	font-size: 40px;
	line-height: 47px;
	height: 47px;
	font-weight: bold;
}

#coupon_detail .marque{
	display: block;	
	background: none;
	font-size: 15px;
	height: 40px;
	font-weight: bold;
}

#coupon_detail .icone{
	background: none;
	width: 200px;
	height: 32px;
	position: absolute;
	top: 315px;
	left: 20px;
}
#coupon_detail .icone span{
	float: left;
	display: block;
	width: 40px;
}

#coupon_detail .AjoutListe{
	background: none;
	display: block;
	width: 270px;
	height: 18px;
	line-height: 15px;
	position: absolute;
	bottom: 14px;
	left: 14px;
	overflow: hidden;
	text-align: right;
}
#coupon_detail .AjoutListe input{
	margin: 0px;
	padding: 0px;
	border: none;
}

#imgDroite{
	margin: 7px 0 0 0;
	display: block;
}

a#btn_video, a#btn_video:link, a#btn_video:visited{
	background: transparent url(Gx/02/btn_video.gif) no-repeat 0px 0px;	
	color: #FFF;
	text-decoration: none;
	height: 33px;
	line-height: 33px;
	text-indent: 13px;	
	display: block;
	width: 300px;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0 4px 0;
}
a#btn_video:hover{
	background: transparent url(Gx/02/btn_video.gif) no-repeat 0px -33px;	
}

a#btn_retour, a#btn_retour:link, a#btn_retour:visited{
	background: transparent url(Gx/02/btn_retour.gif) no-repeat 0px 0px;	
	color: #FFF;
	text-decoration: none;
	height: 33px;
	line-height: 33px;
	text-indent: 13px;	
	display: block;
	width: 300px;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0 4px 0;
}
a#btn_retour:hover{
	background: transparent url(Gx/02/btn_retour.gif) no-repeat 0px -33px;	
}



/* ÉVÉNEMENT
--------------------------------------------------------------------------------------- */
.evenement_vedette{
	background: url(Gx/02/bg_coupon_vedette.jpg) no-repeat 0 0;
	width: 720px;
	height: 193px;
	overflow: hidden;
	position: relative;
	display: block;
	margin-top:12px;}

.evenement_vedette .label{
	background: transparent url(Gx/02/bg_vedette_label.gif) no-repeat 0px 0px;
	position: absolute;
	top: 0px;
	left: 206px;
	width: 201px;
	height: 54px;
	line-height: 40px;
	overflow: hidden;
	color: #FFF;
	font-weight: bold;
	text-indent: 17px;
	font-size: 17px;
}
.evenement_vedette .plus{
	position: absolute;
	top: 8px;
	right: 7px;
}
.evenement_vedette .imageEvenement{
	height:170px;
	width:180px;
	background:#ddd;
	margin:12px;
	float:left;
}
.evenement_vedette a{
	color: #A6CE39;
}
.evenement_vedette .contenuEvenement{
	padding-top:60px;
}
.evenement_vedette .contenuEvenement span{
	font-size:20px;
}
.evenement_vedette .contenuEvenement strong{
	font-size:14px;
}

.evenement_vedette .voir{	
	background: transparent url(Gx/11/bg_r_toute.gif) no-repeat 0px 0px;	
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: center;
	padding: 0 10px;
	width:150px;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	bottom:15px;
	right:15px;
}
.evenement_vedette .voir span{	
	background: transparent url(Gx/11/end_r_toute.gif) no-repeat 0px 0px;	
	display: block;
	height: 26px;
	width: 9px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.evenement_vedette .voir:hover{
	background: transparent url(Gx/11/bg_r_toute.gif) no-repeat 0px -26px;	
}
.evenement_vedette .voir:hover span{
	background: transparent url(Gx/11/end_r_toute.gif) no-repeat 0px -26px;	
}

#FormEventCP{
	padding:15px 0;
	width:100%;
}
#FormEventCP p{
	font-size:14px;
	font-weight: bold;	
}
#FormEventCP tr td{
	vertical-align:middle;
}

#FormEventCP .champTexte{	
	margin:0 10px;
	width: 150px;
	padding-left:5px;
}

#FormEventCP .erreur{
	font-weight:normal;
}

#FormEventCP .bouton{
	background: transparent url(Gx/bg_coupon_voir.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #FFF;
	border:none;
	width: 125px;
	height: 26px;
}
#FormEventCP .bouton:hover{
	background: transparent url(Gx/bg_coupon_voir.gif) no-repeat 0px -26px;
	cursor:pointer;	
}
#listeEvenement {
	width:100%;
}
#listeEvenement th{
	background:#eee;
	padding:3px 10px;
}

#listeEvenement tr td{padding:3px 10px;}

#listeEvenement tr th a{padding-right:12px;}

#listeEvenement tr th a.actifAsc{
	background: transparent url(Gx/11/arrow-order-down.gif) no-repeat center right;	
}
#listeEvenement tr th a.actifDesc{
	background: transparent url(Gx/11/arrow-order-up.gif) no-repeat center right;	
}

#evenementDetail{
	padding: 5px 0 0 0;
}

#evenementDetail #pcd_left{
	float: left;
	width: 639px;
	background: none;
}

#evenementDetail #pcd_right{
	float: right;
	width: 300px;
	background: none;
}

#evenementDetail #pcd_right .detailCoupons a{
	color: #A6CE39;
}
#evenementDetail #pcd_right .detailCoupons a:hover{
	color: #6b9200;
}

#evenementDetail .voirCoupon, #listeEvenement .voirCoupon{	
	background: transparent url(Gx/04/bg_r_toute.gif) no-repeat 0px 0px;	
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: center;
	padding-left: 10px;
	width:155px;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	float:left;
}
#evenementDetail .voirCoupon span, #listeEvenement .voirCoupon span{	
	background: transparent url(Gx/04/end_r_toute.gif) no-repeat 0px 0px;	
	display: block;
	height: 26px;
	width: 9px;
	float:right;
}
#evenementDetail .voirCoupon:hover , #listeEvenement .voirCoupon:hover { background: transparent url(Gx/04/bg_r_toute.gif) no-repeat 0px -26px; cursor:pointer;	}
#evenementDetail .voirCoupon:hover span, #listeEvenement .voirCoupon:hover span { background: transparent url(Gx/04/end_r_toute.gif) no-repeat 0px -26px; }
#evenementDetail h1 { line-height:35px; }
#evenementDetail h3 { margin:10px; }
#evenementDetail img { float:left; margin-right:10px; }
#evenementDetail table { width:100%; }
#evenementDetail table th { background:#eee; padding:3px 10px; }
#evenementDetail table td { padding:3px 10px; }
#magasinDetail { padding: 5px 0 0 0; }
#magasinDetail #map { border:1px solid #eee; width:550px; height:300px; position:relative; }
#magasinDetail #btnRetour { float:right; }
#magasinDetail .champTexte{width:300px;}
#magasinDetail #btnItineraire { position:relative;	float: right; }
#magasinDetail #btnItineraire input{border:none;background: url(Gx/M/bgBtnArrow2.gif) no-repeat 0px 0px;
	color: #FFF !important;
	font-size: 15px;
	font-weight: bold;
	padding: 0 60px 0 0;	
	height: 33px;
	text-decoration: none;
	display: block;
	text-align: left;
	line-height: 33px;
	text-indent: 12px;
}
#magasinDetail #btnItineraire input:hover{
	background: url(Gx/M/bgBtnArrow2.gif) no-repeat 0px -33px;
	color: #FFF !important;
	text-decoration: none;
	cursor:pointer;
}
#magasinDetail #btnItineraire span{
	background: url(Gx/M/bgBtnArrow2_end.gif) no-repeat 0px 0px;
	display: block;
	width: 40px;
	height: 33px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#magasinDetail #btnItineraire:hover span { background: url(Gx/M/bgBtnArrow2_end.gif) no-repeat 0px -33px; }

#boiteCoupon { position:relative; width:300px; height:250px; margin:8px 0 0 0; }
#lienCoupon { position:absolute; z-index:9999; left:0; top:0; display:block; width:300px; height:250px; background:url(gx/m/spacer.gif) no-repeat left top; }
#boiteFlash { position:absolute; z-index:8888; left:0; top:0; display:block; width:300px; height:250px; }
#boiteCoupon:hover, #lienCoupon:hover { cursor:pointer; }