/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,/*em,strong,*/th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;/*font-weight:normal;*/}
q:before,q:after{content:'';}
a,a:link,a:visited,a:hover,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;	
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma; 
	overflow-x:hidden;
}
body {
   behavior: url("inc/csshover3.htc");
}
/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1, .h1{color: #C21527; font-size:18px; margin-bottom:6px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #C21527; font-size:15px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

p{font-size: 12px; line-height: 150%; color: #000;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#0A254E; text-decoration:underline;}
p a ,p a:visited{text-decoration:none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
h3{display:inline;font-size:14px;}
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;}
#contenu .h1{color: #C21527; font-size:18px; margin-bottom:6px;}



/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}
.both{clear:both;}
#baniere{
	margin:2px 0 0 0;
	background:#FFFFFF;
	height:299px;
	width:1000px;
}
#filariane{height:20px;padding:5px 0 0 5px;}
/* Nouvelles classes bientôt dispo
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

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

.sansBorder{border:none;}
.sansPadding{padding:0;}
.sansMargin{margin:0}
 */
.pagecontenu{
	background:url(gx/page_top.gif) no-repeat top;
	width:710px;
	float:left;
	margin-right:7px;
	padding: 20px 0 0 10px;
	position:relative;
 }
 .pagecontenu h1{
	margin:0 0 20px 40px;
	color:#000000;
}
#degradepage{
	background:url(gx/bas.gif) no-repeat ;
	position:relative;
	right:5px;
	min-height:0;
	height:87px;
	z-index:-10;
}
#contenu .pagecontenu #text p {
	float:none;
	width:auto;
	text-align:justify;
	padding-right:10px;
	font-size:12px;
}
.pagecontenu img{
	float:left;
	/*margin:10px 15px 0 15px;*/
	border: #dbd8db 5px solid;
	width:186px;
}
/*.pagecontenu div{
	min-height:120px;
}*/

#contenu a{
	color:#000000;
}
#contenu a:hover{
	color:#999999;
}
#contenu h2{color:#000000;font-size:12px}
/*#contenu div div p{width:300px;}*/
#side{
	width:273px;
	float:right;}
	
#side img{
	display:block;
	padding:10px 0;
	margin:auto;}
#side li{
margin-left:30px;
list-style-image:url(Gx/puce.gif);
}
#categories a{
	text-decoration:none;
	font-size:12px;
}
#categories a:hover{
	color:#d01a1e;
}
#categories li:hover{list-style-image:url(gx/puce_over.gif) ;
color:#d01a1e;}
#categories a.actif li,#categories a.actif {
color:#d01a1e;}
#content{
	height:1056px;
	background:url(gx/p/produit.gif) no-repeat;
	width:710px;
	float:left;
	margin-right:7px;
	padding: 70px 0 0 10px; }
#contentproduit{
	height:1056px;
	background:url(gx/04/bg_produit.gif) no-repeat;
	width:710px;
	float:left;
	margin-right:7px;
	padding: 20px 0 0 10px;}	
#contentproduit h1{
	margin-left:40px;
	color:#000000;
	width:100px;
	float:left;
}

#listeRecette{
	float:left;
}
	
#listeRecette ul.lien li {float:left;}	
#listeRecette img{float:left; margin:10px;}	

#listeRecette .liste{ min-height:0px; float:left; margin-right:10px;}

#categories{
	background:url(gx/bloc_categorie.jpg) no-repeat; 
	padding-top:20px;
	width:273px;
	height:216px;
	margin-bottom:10px;
}
#categories h2{
	margin-left:50px;
	color:#000000;
	width:100px;
	float:left;
	font-size:18px;}


#btMarque{
	margin-top:12px;
	width:273px;
	margin-top:20px
}
#btMarqueTop{background:url(gx/btMarqueTop.gif) no-repeat top left; width:273px; height:59px;}
#btMarqueTop h2{
	margin:20px 0 0 60px;
	color:#000000;
	width:100px;
	float:left;
	font-size:18px;}
	
#btMarqueCentre{background:url(gx/btMarqueCentre.gif) no-repeat bottom left; width:271px; border-left:1px solid #b6b6b6;border-right:1px solid #b6b6b6;}
#btMarqueBas{background:url(gx/btMarqueBas.gif) no-repeat bottom left; width:273px; height:22px;}
#text{
	padding:20px 10px 0 10px;
	background:url(Gx/page_middle.gif) repeat-y;
	position:relative;
	right:5px;

}
#autrepage{	
	padding:20px 10px 10px 10px;
	background:url(Gx/page_middle.gif) repeat-y;
	position:relative;
	right:5px;
	min-height:400px;
}
#contenu #autrepage p{width:auto;}
#text img{
	float: right; 
	margin:0 0 0 10px ; 
}
#listefournisseur a{
	text-decoration:none;
	color:#000000;
	display:block;
}
#listefournisseur a:hover h3{
	text-decoration:underline;
}
#listefournisseur h3{
	font-size:15px;
	position:relative;
	margin-left:15px;
}
#listefournisseur  img{
	float:none;
	border:none;
	display:inline;
	width:auto;
}
#listefournisseur .blocFournisseur{width:675px;float:left; border-bottom:1px solid #e4e4e4; padding-top:15px;}
.btNomFournisseur{float:left;width:300px; margin:40px 15px 0 0;}
.btLienFournisseur{float:left; margin:40px 0 0 0;}
.btLogoFournisseur{float:right; text-align:center; width:150px; margin-top:20px;}
.btLogoFournisseur img{}

#listefournisseur #autrepage{min-height:400px;}



/* 09_200 STAFF
-----------------------------------------------------------------------------------------*/
.blocMembreStaff{width:675px;float:left; border-bottom:1px solid #e4e4e4; padding:15px 0;}
.blocMembreStaff h3{font-size:15px;	position:relative; margin-left:15px;}
.btNomMembreStaff{float:left;width:300px; margin:0 15px 0 0;}
.btInfoMembreStaff{float:left;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu{height:30px; margin:0; padding:0;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0px; display:block;float:left; list-style-type:none;height:30px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
}
#menuSec{float:right;
	/float:none;
	position:relative;
	top:40px;
	right:20px;
	/left:720px;
	/top:-60px;
}
#menuSec a{
	padding:0 5px;
	height:15px;
	text-decoration:none;
	color:#464672;
}
#menuSec a:hover, #menuSec a.actif{color:#fa161e;}
#menuSec img{vertical-align:middle;}

#menu li ul { display:none; z-index:9999;margin-top:7px; }
#menu li:hover ul { display:block; position:absolute; background-color:#464672; }
#menu li ul li { clear:both; margin:0; text-align:left; width:110px;z-index:9999;}
#menu li ul li a{ text-transform:none; display:block; text-align:center; padding-top:8px; font-size:10px; font-weight:normal;}
#menu li ul li:hover { background:#d01a1e;}
#menu span{text-align:center;display:block;margin-top:10px;color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#menu li#promotion ul a{margin-top:-7px;width:auto;display:block; padding-top:10px; text-align:center;  font-size:11px; font-weight:normal;}
#menu li#promotion ul li{width:140px; }
#menu li#menucontact ul a{margin-top:-7px;width:auto;display:block; padding-top:10px; text-align:center;  font-size:11px; font-weight:normal;}
#menu li#menucontact ul li{width:120px; }
#menu li#about ul a { font-size:10px; font-weight:normal;}


#menu li#about{background:url(gx/menu1.gif) no-repeat; width:110px;margin-right:1px;}
#menu li#service{background:url(gx/menu2.gif) no-repeat;width:130px;margin-right:1px;}
#menu li#produit{background:url(gx/menu3.gif) no-repeat;width:100px;margin-right:1px;}
#menu li#supplier{background:url(gx/menu4.gif) no-repeat;width:163px;margin-right:1px;}
#menu li#events{background:url(gx/menu5.gif) no-repeat;width:110px;margin-right:1px;}
#menu li#promotion{background:url(gx/menu6.gif) no-repeat;width:140px;margin-right:1px;}
#menu li#recipe{background:url(gx/menu7.gif) no-repeat;width:120px;margin-right:1px;}
#menu li#menucontact{background:url(gx/menu8.gif) no-repeat;width:120px;}

#menu ul a{display:block;}
#menu li#about:hover, #menu li#about.actif{background:url(gx/menu1_over.gif) no-repeat; }
#menu li#service:hover, #menu li#service.actif{background:url(gx/menu2_over.gif) no-repeat;}
#menu li#produit:hover, #menu li#produit.actif{background:url(gx/menu3_over.gif) no-repeat;}
#menu li#supplier:hover, #menu li#supplier.actif{background:url(gx/menu4_over.gif) no-repeat;}
#menu li#events:hover, #menu li#events.actif{background:url(gx/menu5_over.gif) no-repeat;}
#menu li#promotion:hover, #menu li#promotion.actif{background:url(gx/menu6_over.gif) no-repeat;}
#menu li#recipe:hover, #menu li#recipe.actif{background:url(gx/menu7_over.gif) no-repeat;}
#menu li#menucontact:hover, #menu li#menucontact.actif{background:url(gx/menu8_over.gif) no-repeat;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#listeNouvelle{
	float:left;
	width:410px;
	height:286px;
	background:url(Gx/01/news.jpg) no-repeat;
	margin:0px 16px 25px 0;
	padding: 20px 0 0 10px;
	position:relative;
 }
 
#listeNouvelle .h1{
	margin:0 0 30px 40px;
	color:#000000;
	width:200px;
}
 
#listeNouvelle p{width:215px;}
#listeNouvelle a{text-decoration:none; }
#listeNouvelle a:hover{text-decoration:underline;  color:#000000;}
#listeNouvelle a p:hover{text-decoration:underline;}
#newsFlyer{position:absolute; bottom:0; right:0; width:213px; height:242px;}

#contenu #pdfnews{
	width:202px;
	min-height:31px;
	float:left;
	background:url(Gx/send.gif) no-repeat;
	width:111px;
	color: #FFF;
	height:31px;
	border:none;
	padding:8px  0 0 5px;
	font-weight:bold;
	font-size:11px;

}
#contenu #pdfnews:hover{
	background:url(Gx/send_over.gif) no-repeat;
}
#allnews{
	position:relative;
	bottom:50px;
	right:20px;
	float:right;
}
#allnews a{
	color:#000;
	text-decoration:none;
}
#allnews a:hover{
	color:#f71519;
	text-decoration:underline;
}
#listeEvenement{
	float:left;
	width:265px;
	height:286px;
	background:url(Gx/01/evenement.jpg) no-repeat;
	margin:0px 16px 25px 0;
	padding: 20px 0 0 10px;
}
#listeEvenement .h1{
	margin:0 0 20px 40px;
	color:#000000;
}
.btEvenement{width:250px;}
 
#contenu #listeEvenement a{ text-decoration:none;}
#contenu #listeEvenement a:hover{ color:#000000; text-decoration:underline;}
#listeEvenement img{
	display:block;
	margin:auto;
	border: #dbd8db 5px solid;
}
#seemore{
	background:url(Gx/01/seemore.gif) no-repeat;
	height:31px;
	width:112px;
	float:right;
	margin-right:10px;
}
#seemore:hover{background:url(Gx/01/seemore_over.gif) no-repeat;}
#voirplus{
	background:url(Gx/01/voir.gif) no-repeat;
	height:31px;
	width:112px;
	float:right;
	margin-right:10px;
}
#voirplus:hover{background:url(Gx/01/voir_over.gif) no-repeat;}
#blocContact{
	float:left;
	width:273px;
	height:246px;
	margin:0px 0 25px 0;
}
#coordonne{
	background:url(Gx/01/contact.jpg) no-repeat;
	height:212px;
	padding:7px 0 0 20px;
}
#coordonne .h1{
	margin:0 0 20px 0px;
	color:#FFF;
	font-weight:normal;}
#contenu #coordonne p{width:240px; font-size:11px;}
#coordonne a{color:#000000; text-decoration:none;}
#coordonne a:hover{color:#cf0f0e;}
#coordonne span{margin-left:60px;}
#coordonne span a{color:#3735f3; text-decoration:underline;}

/* Nouvelle
--------------------------------------------------------------------------------------- */
#btListeNouvelle{position:absolute; z-index:30;}
.btNouvelle{float:left; width:330px; margin:0 0 40px 0; }
.btNouvelleTexte{float:left; width:210px;}
.btNouvelleTexte a{cursor:pointer; }

#nouvelledetail{
	float:left;
	margin-right:7px;
	text-align:justify;
}
#nouvelledetail img{
	margin:10px 0 0 10px ;
	float:right;
}


/* PAGE PRODUIT
---------------------------------------------------------------------------------------*/

.blocProduit{
	float:left;
	width:215px;
	height:300px;
	margin:0 6px 15px;
	height:315px;
}
#bordureProduit{
	border: 1px solid #5D5D8F;
	height:290px;
	padding-left:5px;
}
.titreProduit{
	background:url(Gx/04/titre.gif) left no-repeat;
	
	display:block;
	color:#FFF;
	padding-left:10px;
}
#contenu #contentproduit .blocProduit p{width:auto;padding:0 5px;}

.blocProduit img{
	display:block;
	margin:10px auto 10px;
	position:relative;
}

.imageVide{height:150px;}
.prix{color:#FF0000;}

.page{
	height:20px;
	float:left;
	margin-right:10px;
	padding-top:5px;
	width:240px;
	
}
#recherche{
	float:left;
	width:280px;
	height:50px;
	
}
#contenu .imprimer{color:#65b601}

/*produit detail
--------------------------------------------------------------------------------------*/
#produitdetail h1{
	color:#000000;
	margin-left:40px;
}
#produitdetail h3{
	color:#000000;	
}
#produitdetail p{
	float:left;
}
#produitdetail img{
	float:left;
	margin:10px 15px 20px 15px;
	min-height:150px;
	width:auto;
}
#produitdetail p{
	width:250px;
}
.print{
	clear:both;
	float:right;
	margin-right:200px;
	bottom:35px;
	position:relative;
}
#contenu .print a{
	color:#65b601;
}
#produitdetail .introProd{display:block;}
#produitdetail .description{width:700px; margin-bottom:10px; font-size:13px;}
#btnlistpromo{
	width:190px;
	background:#5d5d8f;
	color:#FFF;
	margin-top:20px;
	float:left;
	text-align:center;
	font-size:11px;
	padding:5px;
}
#btnlistproduit{
	clear:both;
	padding:5px;
	width:240px;
	background:#5d5d8f;
	color:#FFF;
	float:right;
	text-align:center;
	font-size:12px;
	margin-right:40px
}
#btnlistpromo:hover{
	background:#d01a1e;
	color:#FFF;
}
#btnlistproduit:hover{
	background:#d01a1e;
	color:#FFF;
}
#produitdetail div{min-height:0;}
#produitdetail #autrepage{min-height:450px;}

/* PAGE CIRCUALIRE
---------------------------------------------------------------------------------------*/

#flyer{
	width:710px;
	float:left;
	margin-right:7px; 
	position:relative;
}
hr{width:690px;}
#flyer img{
	float:right;
	position:relative;
	right:20px;
}
#contenu #flyer p{width:400px;}


/* 06_100 ÉVENEMENTS
----------------------------------------------------------------------------------------*/

#btFormAnneeEvenement{position:absolute; top:20px; right:15px;}

 .liste{
	background:url(gx/liste.gif) no-repeat;
	width:113px;
	height:23px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
}
.liste:hover{background:url(gx/liste_over.gif) no-repeat;}

#pageevent{
	position:relative;
	bottom:70px;
	left:550px;
	min-height:0px;
}
.evenementdetail h1{
	font-size:20px;
	color:#000000;
}

.evenementdetail p{
	text-align:justify;
	padding-right:10px;
}
.eventPic{
	float:right;
	margin:10px 10px 5px;
	width:auto;
}

#listeEvent a div {min-height:0; float:left; text-decoration:none;}
#listeEvent p {text-align:justify;}


.btEvenements img{margin:0 15px 0 0;}

#photoMini{float:left; padding-right:5px;}


/* 07_200 Promotions
--------------------------------------------------------------------------------------- */
.btPromotion{padding:10px 0; margin:10px 0 0 0; border-bottom:2px solid #BBBBBB;}
.btPromotion a{text-decoration:none;}
#RetourListePromo{position:absolute; top:25px; right:20px; display:block;}


/* 07_210 Promotions - Detail
--------------------------------------------------------------------------------------- */
.btPromotion{padding:10px 0; margin:10px 0 0 0;}




/* PAGE PLAN DU SITE
--------------------------------------------------------------------------------------- */
.plansite li{
font-size:13px;
list-style:disc;
}
.plansite li li{
list-style:circle;
}
.plansite ul{
margin-left:20px;
}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
#formQuestion fieldset label{float:left;width:150px;text-align:right;}
#formQuestion .champTexte{float:left;width:300px; margin:0 0 0 15px;}
#formQuestion .listeDeroulante{float:left;width:300px;}
#formQuestion .boiteTexte{float:left;height:70px;width:315px;margin:0 0 0 15px;}

#logoPageContact{float:left; margin: 0 10px 10px 15px; border:none; position:absolute; top: 85px;  left:30px; z-index:20;}

#pageContact{width:500px;margin:auto;}
#bt_print{position:absolute; top:25px; right:20px;}

iframe{border: #dbd8db 5px solid;}
#map{border:#000000 solid 1px; height:300px;float:left}

#textContactUs {width:250px;margin-left:15px; position:absolute; left: 250px; z-index:20;}
#pagecontact #text p{font-size:12px;}
#formQuestion{margin-top:20px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#666; font-size:10px; height:20px; padding:0; width:740px; font-size:12px; }
#piedPage a{text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;font-size:11px;}
#piedPage #copyrights a{font-weight:bold;color:#666;text-decoration:none;}
#piedPage #copyrights a:hover{text-decoration:underline;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none;color:#666}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline;}
#piedPage #menuBas{float:right;text-align:right;}


/* Partager cette page (bookmarker) */
#socialBookmarker {}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}


.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background:url(Gx/send.gif) no-repeat;
	width:111px;
	color: #FFF;
	height:31px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	border:none;
	position:relative;
	left:150px;
}
.bouton:hover{background:url(Gx/send_over.gif) no-repeat}

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

#pagecontact p.erreur{color:#FF0000;float:none;}
.erreur{color:#FF0000}



/* MODULE_banniere
--------------------------------------------------------------------------------------- */
#btBanniere{
	width:1000px; 
	height:299px;
	position:relative;
}
#banniereImageOverlay{
	position:absolute;
	top:10px;
	left:10px;
	z-index:10;
}
#btNextPhoto{
	position:absolute;
	bottom:20px;
	right:10px;
	z-index:10;
	background-color:#fff;
	padding:10px;
}
#btNextPhoto span{margin:0 10px 0 0;}
#banniereImage div{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#banniereImage div.imageActif{
	display:block;
	z-index:1;
}