/* 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,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%; }
q:before,q:after{content:''; }
a:active,object,embed{outline:none; }

/* BODY ET TEXTE
--------------------------------------------------------------------------------------- */
body#main { background:#e8ecef url(Gx/bg_main.gif) repeat-x top left; text-align:center; }
body { behavior:url(inc/csshover.htc); }	

html { font-family:Arial, Verdana, Tahoma, Helvetica; font-size:12px; line-height:18px; text-align:justify; color:#000; }

a, a:link, a:visited { color:#a0002f; outline:none; text-decoration:none; }
a:hover { text-decoration:underline; }
a.actif, a.actif:link, a.actif:visited, a.actif:hover { text-decoration:underline; }
a.link2, a.link2:link, a.link2:visited { color:#9f0000; font-weight:normal; outline:none; text-decoration:none; }
a.link2:hover { text-decoration:underline; }


h1 { color:#797979; font-weight:bold; font-size:18px; display:block; padding:0 0 4px; }
h2 { color:#000; font-size:12px; font-weight:bold; display:inline; }	
h3.produit { background:transparent url(Gx/00/bg_h3produit.gif) no-repeat top left; display:block; width:494px; height:35px; line-height:35px; color:#FFF; font-size:13px; font-weight:bold; text-indent:38px; }
h3.speciauxweb { background:transparent url(Gx/00/bg_h3speciauxweb.gif) no-repeat top left; display:block; width:180px; height:35px; line-height:35px; color:#000; font-size:13px; font-weight:bold; text-indent:38px; }

h1 a, h1 a:link, h1 a:visited { color:#797979; }
h1 a:hover { text-decoration:none; }	

.left{float:left;}
.right{float:right;}
.champCache{display:none;visibility:hidden;}

p.erreur { text-align:center; color:#da0909; background:url('Gx/Xion.gif') 4px center no-repeat ; border:1px #ddd solid; padding:10px 20px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:10px; }
p.succes { text-align:center; color:#2c9111; border:1px #ddd solid; padding:10px 20px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:10px;}

/* ETC
--------------------------------------------------------------------------------------- */

#left h6 { background:transparent url(Gx/bg_left.gif) no-repeat top left; text-transform:uppercase; height:42px; line-height:42px; text-indent:20px; -webkit-text-shadow:0 0 3px rgba(0,0,0,0.5); -moz-text-shadow:0 0 3px rgba(0,0,0,0.5); text-shadow:0 0 3px rgba(0,0,0,0.5); color:#FFF; font-size:15px; font-weight:normal; overflow:hidden; }
#container { margin:0 auto; text-align:left; width:974px; }
#innercontainer { background:#FFF; padding:6px; }

#header { background:transparent url(Gx/bg_header.jpg) no-repeat top left; position:relative; height:152px; overflow:hidden; }

#logo { position:absolute; top:43px; left:27px; }

#contenu {height: 100%; background:#fefefe url(Gx/bg-recherche.gif) top right no-repeat; padding:6px; position:relative; }

#left { width:218px; float:left; margin:10px 15px 0 0; }
#right { width:717px; float:left;}

#include { float:left; width:683px; }	

a#btn_contact, a#btn_contact:link, a#btn_contact:visited { background:transparent url(Gx/00/btn_contact_off.gif) no-repeat top left; display:block; width:348px; height:35px; line-height:35px; text-decoration:none; color:#FFF;  text-indent:38px; }
a#btn_contact:hover { text-decoration:underline; }
a#plus, a#plus:link, a#plus:visited { background:transparent url(Gx/00/bg_plus.gif) no-repeat 100% 50%; display:block; height:18; line-height:18px; float:left; padding:0 22px 0 0; color:#a0001a; text-decoration:none; font-weight:bold; }
a#plus:hover { text-decoration:underline	}
a#tousspeciaux, a#tousspeciaux:link, a#tousspeciaux:visited { background:transparent url(Gx/00/bg_tousspeciaux.gif) no-repeat 100% 50%; display:block; height:18; line-height:18px; float:left; padding:0 22px 0 0; color:#0a75cc; text-decoration:none; font-weight:bold; }
a#tousspeciaux:hover { text-decoration:underline	}	

/* MENU
--------------------------------------------------------------------------------------- */
#menutop { height:20px; padding-top: 18px; overflow:hidden;}
#menutop ul { list-style-type:none; height:28px;}
#menutop li { display:block; float:right; border-right: 1px solid #000; }
#menutop li.last {border-right: none;}
#menutop a, #menutop a:link, #menutop a:visited {line-height: 11px; display:block; float:left; padding: 0 6px; color:#202122; text-decoration:none; text-transform: uppercase; font-size:11px; font-weight:normal; background:none; overflow:hidden; }
#menutop a:hover, #menutop a.actif, #menutop a:link.actif, #menutop a:visited.actif { color: #8a9399; }

#menu { background:transparent url(Gx/M/bg_menu_full.gif) no-repeat top left; height:41px; overflow:hidden; }
#menu ul { list-style-type:none; height:39px; }
#menu li {  float:left; height:39px; }
#menu a { display:block; float:left; border-right:1px solid #000; border-left:1px solid #404040; height:37px; line-height:39px; margin:2px 0; padding:0 26px; text-decoration:none; color:#d7d5d5; font-size:12px; font-weight:bold; text-transform:uppercase; overflow:hidden; }
#menu li.premier a { border-left:0; }
#menu a:hover { background:transparent url(Gx/M/bg_menu_over.gif) repeat-x top left; color:#fff; }
#menu a.actif, #menu a:link.actif, #menu a:visited.actif { background:transparent url(Gx/M/bg_menu_over.gif) repeat-x top left; color:#fff; }
#menu li.last a{border-right: 0;}


#menuleft {/* width:190px; float:right;*/ }	
#menuleft ul {list-style-type:none; border-left:1px solid #b3b8be; border-right:1px solid #b3b8be; }
#menuleft ul ul{height: auto; border: 0;display: block;}
#menuleft li { border-left:2px solid #fff; border-right:2px solid #fff; }
#menuleft a, #menuleft a:link, #menuleft a:visited { display:block; color:#33373b; line-height:21px; padding:0 10px; text-decoration:none; font-weight:normal; }
#menuleft a.row { background:#f1f4f6; }
#menuleft a:hover { background:#e1effd; }
#menuleft div { padding:0 23px 0 3px; }
#menuleft a.actif, #menuleft a:link.actif, #menuleft a:visited.actif { background:#e1effd url(Gx/M/fleche.gif) no-repeat 178px 8px; }

#menuleft .bas { background:url(Gx/sm_bas.gif); height:8px; }

#menuleft ul ul { margin:0 0 0px 0; }
#menuleft li li { border:none; overflow: hidden;}
#menuleft ul ul div { padding:0 23px 0 15px; }	
#menuleft ul ul a, #menuleft ul ul a:link, #menuleft ul ul a:visited { background:#e1effd; display:block; float:left; width:190px; color:#33373b; font-size:11px; line-height:18px; padding:3px 0 2px 0; text-decoration:none; font-weight:normal; }
#menuleft ul ul a:hover { color:#2165aa; }
#menuleft ul ul a.actif, #menuleft ul ul a:link.actif, #menuleft ul ul a:visited.actif { background:#e1effd url(Gx/M/trait.gif) no-repeat 8px 11px; color:#33373b; font-weight:bold; }

#contenu_bottom { display:block; margin:0px; }
#outerproduit { background:transparent url(Gx/00/bg_outerproduit.gif) no-repeat 497px 0px; }
#grid { position:absolute; right:0px; bottom:0px; }

/* PAGE
--------------------------------------------------------------------------------------- */
.intro1 { float:left; width:188px; color:#a0001a; }
.intro2 { float:right; width:135px; color:#000; font-weight:bold; }

.texte1 { float:left; width:348px; color:#626262; text-align:left; }
.texte2 { float:right; width:307px; color:#626262; text-align:left; }

.sitemap { float:left; width:250px; }
.sitemap ul { list-style-type:disc; margin:0 0 0 20px; }
.sitemap li { padding:0 0 6px 0; }
.listeliens { float:left; width:320px; overflow:hidden; }	
.listeliens ul { margin:0 15px 0 20px; }
.listeliens li { padding:0 0 5px 0; }
.listefaq { list-style-type:disc; margin:0 0 0 20px; }
.listefaq li { padding:0 0 4px 0; }

.faq { list-style-type:none; }
.faq li { 	padding:4px 0 4px 0; }
.faq li.question { border-bottom:1px solid #CCC; height:100%; }
.faq .q_left { float:left; width:546px; }
.faq .q_right { float:right; width:94px; text-align:right; }	

#imgtxt { background:transparent url(Gx/imgtxt_bg.gif) repeat-y top left; width:683px; }
#imgtxt img { margin:0 auto 0 auto; display:block; }

.both { clear:both; }
.erreur { color:#F00; }

.innerleft { float:left; width:260px; }

#cat #img { float:left; width:240px; background:none; }	
#cat #txt { float:right; width:425px; }	

.souscatlist { float:left; width:225px; }	
.souscatlist .inner { padding:0 43px 0 0; }
.souscatlist .img { height:100px; overflow:hidden; background:none; text-align:center; }
.souscatlist img { display:block; margin:0 auto 0 auto; }
.souscatlist .txt { text-align:center; padding:5px 0 0 0; }

#souscat #img { float:left; width:180px; text-align:center; background:none; }	
#souscat #img img { display:block; margin:0 auto 0 auto; }
#souscat #txt { float:right; width:503px; }
#produitlist { float:left; width:494px; }	

.produit { float:left; width:164px; margin:0 0 30px 0; }	
.produit .inner { background:none; margin:0 48px 0 0; }
.produit .img { height:100px; text-align:center; overflow:hidden; }
.produit img { display:block; margin:0 auto 4px auto; }
.produit .txt { padding:5px 0 0 0; }

.imgproduit:hover { filter:alpha(opacity=70);   -moz-opacity:0.7; opacity:0.7; }
#produit #img { float:left; width:220px; }	
#produit #txt { float:right; width:463px; }
#produit #prix { font-size:14px; font-weight:bold; }
#speciauxweb { float:right; width:180px; }	
#innerspeciauxweb { padding:0 0 0 25px; }

.googlemap { clear:right; width:400px; height:300px; margin:30px 0 0 0; float:right; background:#eee; }	
.googlemap .inner { padding:2px 0 0 2px; background:#eee; }
.googlemap .inner .theMap { width:396px; height:296px; overflow:hidden; }

#nextback { font-size:11px; text-align:center; }
#nextback a, #nextback a:link, #nextback a:visited { font-weight:bold; font-size:11px; text-decoration:none; color:#000; }
#nextback a:hover { text-decoration:underline	}	

.listePhoto { float:left; display:block; width:130px; margin:8px; _margin:5px; }
.listePhotoGallerie { float:left; margin:8px; _margin:5px; }

#searchcontainer { width: 400px; height:45px; padding:10px 0; position:absolute; top:0; right:0; }
#searchcontainer a.loupeRechercher {position: absolute; left: 245px; text-indent:-9999px; display:block; width:22px; height:26px; }
#searchcontainer .inputConteneur {float:left; margin: 0 0 0 40px; }
	#searchcontainer .inputConteneur input{ padding: 0 2px; border: 0; width: 235px; height: 28px; background: #9b9b9b url(Gx/M/recherche-back.gif) no-repeat 0 0;}

#departementListe{float: left; width: 250px; margin: 8px 0 0 42px;}

#contact label { font-weight:bold; }
#contact .champTexte, #formDirection .champTexte { background:#FFF; border:1px solid #d0d4d8; color:#000; font:12px Arial, Verdana, Tahoma, Helvetica; width:200px; padding-top:3px; padding-left:3px; height:18px; line-height:14px; display:block; }
#contact .listeDeroulante { background:#FFF; border:1px solid #d0d4d8; color:#000; font:11px Arial, Verdana, Tahoma, Helvetica; width:200px; padding-left:3px; height:17px; _height:22px; line-height:14px; display:block; }
#contact .boiteTexte { background:#FFF; border:1px solid #d0d4d8; color:#000; font:11px Arial, Verdana, Tahoma, Helvetica; width:210px; height:100px; padding-top:3px; padding-left:3px; line-height:14px; display:block; }
#contact .bouton { font-family:Arial, Verdana, Tahoma, Helvetica; background:#FFF; border:1px solid #000; color:#000; cursor:pointer; width:75px; font-weight:bold; padding:1px 0; }
#contact .bouton:hover { color:#FFF; border:1px solid #FFF; background:#a0002f; }

.hiddenSubmit { height:0; overflow:hidden; position:absolute; left:-9999px; }

#formDirection .champTexte {float:left; height:23px; margin-left:3px; }
.slider{position: relative;}
	.slider #bannierePager{position: absolute; top: 260px; left: 8px; z-index: 1000;}
		.slider #bannierePager a{margin: 0 5px; width: 20px; height: 20px; display: block; float: left; background-color: #2d2d2d; border: 2px solid #6e6e6e; color: #a5a5a5; text-align: center; line-height: 20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
			.slider #bannierePager a:hover{text-decoration: none;}
			.slider #bannierePager a.activeSlide{border: 2px solid #c4102f; color: #fff;}
			
.pasPremier{display:none;}
select.changeMe{outline: none;}			

.followUs{position: relative; width: 700px; height: 69px; background: #fff url(Gx/suivez-nous.gif) no-repeat 0 0;margin-top:30px;}
	.followUs a{position: absolute; top: 14px; width: 150px; height: 44px; display: block;}
		.followUs a:hover{text-decoration: none; background-position: 0 -44px !important;}
		
#print{position: absolute; right: 0; float: right; width: 80px; height: 25px; display: block; background : #9b9b9b url(Gx/M/print-icon.gif) no-repeat 0 0; margin: 4px 10px 0 0}
a:hover#print{text-decoration: none;}
.rss{width: 211px; margin: 0 -30px 0 0; padding: 0; float: right;}
	.rss img{display: block;}
	.contenuRss{color: #000; padding: 10px 10px 0 10px; background: #fff url(Gx/m/rss-back.gif) repeat-y 0 0;}
	.titreRss{color:#000;font-weight:bold;}
	.dateRss{color:#8cabc0;font-weight:bold;}
	.lienRss{color:#8cabc0 !important;}
	.rssHr{color:#cfcfcf;background-color:#cfcfcf;height:1px;border:none;}
	.noir{color:#000;}
.produitVedette{width: 500px; float: left; min-height:400px;}

#titleSlider{
		position:absolute;
		z-index:1000;
		background-color:#000;
		color:#FFF;
		width:700px;
		padding:10px;
		bottom:1;
		display:none;
		text-align:center;
		font-weight:bold;
		filter:alpha(opacity=65);
		opacity: 0.65;
		-moz-opacity:0.65;
}

#document{
	margin-top:20px;
}

#document ul{list-style-type: square;list-style-position: inside;}

.btnMedium{ display:block; width:174px; height:20px;background:url('Gx/M/btn_medium.gif') no-repeat;color:#FFF !important;text-decoration:none !important; margin-top:5px;border:none;padding:2px 0 0 5px;}
.btnMedium:hover{background-position:0 -22px;}

.btnLarge{ display:block; width:245px; height:20px;background:url('Gx/M/btn_large.gif') no-repeat;color:#FFF !important;padding:2px 0 0 5px;text-decoration:none !important; margin-top:5px;border:none;}
.btnLarge:hover{background-position:0 -22px;}

.btnMediumForm{ display:block; width:179px; height:22px;background:url('Gx/M/btn_medium.gif') no-repeat;color:#FFF !important;text-decoration:none !important; margin-top:5px;border:none;}
.btnMediumForm:hover{background-position:0 -22px;}

.suivezNous{background: #fff url(Gx/reseausociaux.gif) no-repeat 0 0; left: 355px;}
#lienFacebook{background-position:-150px 0; left: 190px;}
#lienFacebook:hover{background-position: -150px -44px !important;}
#lienFoursquare{background-position:-295px 0; left: 520px;}
#lienFoursquare:hover{background-position:-295px -45px !important;}

.btnRss{background: url('Gx/M/btn_rss.gif') no-repeat; width:28px; height:27px;position:relative;display:block;float:right;top:-5px;}
.btnRss:hover{background-position:0 -27px;}

.btnRssProduit{top:auto;margin:4px 4px 0 0;}
.btnRssProduit:hover{background-position:0 0;}

.headerRSS{background: url('Gx/M/rss-header.gif') no-repeat; width:179px; height:30px;display: block; padding:14px 13px 0 19px;color:#FFF;font-weight:bold;font-size:15px;}

.introNouvelle{text-align:justify;}

.texteNouvelle{text-align:justify;}

#detailPager a{margin: 0 5px; width: 20px; height: 20px; display: block; float: left; background-color: #2d2d2d; border: 2px solid #6e6e6e; color: #a5a5a5; text-align: center; line-height: 20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#detailPager a:hover{text-decoration: none;}
#detailPager a.activeSlide{border: 2px solid #c4102f; color: #fff;}

/*Inscription*/
#frmInscription{margin: 15px 0 0 0;float:left;}
#frmInscription label{ font-weight:bold; float:left; width:150px; }
#frmInscription .champTexte{ float:left; width:255px; margin: 0 0 10px 0; }

/*Login*/
#frmLogin{margin: 15px 0 0 0;float:left;}
#frmLogin label{ font-weight:bold; float:left; width:100px; }
#frmLogin .champTexte{ float:left; width:150px; margin: 0 0 10px 0; }

/*Panier*/
#tblPanier{
	width: 100%;
	border-collapse: collapse;
	position:relative;
	margin-top: 15px;
}

#tblPanier td,#tblPanier th{
	padding: 10px;
}

#tblPanier thead{
	background-color:#a0002f;
	color:#FFF;
}

#tblPanier thead th{
	font-weight:bold;	
}

#tblPanier tbody{
	background-color:#d2d6da;
}

/*#tblPanier tbody tr.impair{
	background-color:#9AD8E2;
}*/

#tblPanier .col1{
	text-align:left;
}

#tblPanier .col2{
	text-align:left;
}

#tblPanier .col3{
	
}

#tblPanier .col4{
	text-align:right;
}

#tblPanier .colCentrer{
	text-align:center;
}

#tblPanier tbody td .qte{
	width:25px;
	height:25px;
	text-align:center;
}

.supprimerItem{
	background: url('Gx/supprimer-panier.png') no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	margin-top:2px;
}

.ajouterItem{
	background: url('Gx/ajouter-panier.png') no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	margin:5px 0 0 5px;
	border:none;
	cursor:pointer;
}

.qte{width:25px;
	height:25px;
	text-align:center;}

/*options paiement*/
#msg1, #msg2, #msg3{display:none;}

.messageErreur{
	margin-left: 10px;
	color:#CC0000;
}

.separateur{margin : 0 10px 0 10px;}

.inputExpDate{width: 25px;}
.inputExpAnnee{width: 40px;}
.inputCSC{width: 30px;}

#frmOptionPaiement fieldset label{width:210px;float:left;margin-bottom:10px;font-weight:bold;}

.radioTypePaiement{margin: 5px 5px 0 0; }

#typePaiement img{margin-right:15px;}

#typePaiement{margin: 5px 0;}

#explicationCSC{margin-left:5px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#footer {height: 119px; margin: 8px 0 0 0; font-size:11px; color:#fff; padding:10px 0 0 26px; background: #96a0a8 url(Gx/M/back-footer.gif) repeat-x 0 0; }
#footer a, #footer a:link, #footer a:visited { color:#fff; text-decoration:none	}
#footer a:hover { color:#6b6b6b;}
#footer p{line-height: 100%;}
#bookmarker{ float:right; }
#footer ul li{float: left; margin-right: 25px;}
	#footer ul li a{float: left; color: #e6eaed !important; text-transform: uppercase;}
		#footer ul li a:hover{color: #343e46 !important; }
#footer .copyright{float: left; margin-top: -20px;}
#footer .copyright a{color: #fff;}
a#lienPartager{float:right; width:77px; height:19px; background:url(gx/btn_partager.png) no-repeat; font-size: 11px; margin: 0 5px 0 0; padding:4px 80px 0 0; color:#666; text-align:right; text-decoration:none;}
#footer p.coorInfo{width: 140px; float: right; padding: 14px 28px 14px 28px; margin: 5px 10px 0 0; background-color: #7b868e; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#footer p.referencement{width: 658px;float: left; margin-top: 10px;}

/* CARTE
--------------------------------------------------------------------------------------- */
div#formDirection { margin:10px 0 0 0; }
div#formDirection input#fromAddress { color:#9B9B9B; font-size:12px; border:#CCCCCC 1px solid; background:#FFFFFF; width:145px; margin:0 10px 0 0; }
div#formDirection input.bouton { float:left; color:#000; text-align:left; width:168px; height:27px; padding:0 0 2px 18px; border:1px solid #000; }
div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited { font-size:11px; text-decoration:none; background:url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding:0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover { color:#999999; }
div#directions { border:1px solid #eee; color:#666666; font-size:11px; min-height:0px; margin:10px 0 0 0; display:none; }
div#directions a, div#cabinet div#carte div#directions a:link, div#cabinet div#carte div#directions a:visited, div#cabinet div#carte div#directions a:hover { color:#999999; font-weight:bold; text-decoration:none; }
#printMap { float:right; width:400px; }