html{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #000;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, input, div, span{border:0; margin:0; padding:0;}

body#main{
	background: #e8ecef url(Gx/bg_main.gif) repeat-x top left;
	text-align:center;}
	
body{ behavior:url(inc/csshover.htc);}	
	
a, a:link, a:visited{
	color: #a0002f;
	font-weight: bold;
	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 a, h1 a:link, h1 a:visited{
	color: #797979;}
h1 a:hover{
	text-decoration: none;	}	
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	}	
	
	
h1{
	color: #797979;
	font-weight: bold;
	font-size: 18px;
	display: block;
	padding: 0 0 4px 0;}
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;}
#left h6{
	background: transparent url(Gx/bg_left.gif) no-repeat top left;
	width: 190px;
	height: 35px;
	line-height: 35px;
	text-indent: 36px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	display: block;
	overflow: hidden;}	
	
#container{
	margin: 0 auto 0 auto;
	text-align:left;
	width:934px;}
	
#innercontainer{
	background: #FFF;
	padding: 6px;	}

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

#logo{
	position: absolute;
	top: 33px;
	left: 33px; }

#contenu{
	background: transparent url(Gx/bg_contenu.gif) repeat-y top left;
	width: 922px;
	position: relative;}

#left{
	width: 214px;
	float: left;
	padding: 13px 0 0 0;}
#right{
	background: none;
	width: 696px;
	float: right;
	padding: 0 0 170px 0;}

#include{
	float: left;
	width: 683px;}	
	
#menutop{
	height: 28px;
	overflow: hidden;}
#menutop ul{
	list-style-type: none;
	height: 28px; }
#menutop li{
	display: block;
	float: right;
	padding: 0 24px 0 0;}
#menutop li.last{
	padding: 0 1px 0 0;}
#menutop a, #menutop a:link, #menutop a:visited{
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	color: #202122;
	padding: 0 0 0 26px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	background: none;
	overflow: hidden;}
#menutop a:hover, #menutop a.actif, #menutop a:link.actif, #menutop a:visited.actif{
	text-decoration: underline;}
#menutop a#menutop1{
	background: transparent url(Gx/M/bg_menutop1.gif) no-repeat 0px 5px;}
#menutop a#menutop2{
	background: transparent url(Gx/M/bg_menutop2.gif) no-repeat 0px 5px;}
#menutop a#menutop3{
	background: transparent url(Gx/M/bg_menutop3.gif) no-repeat 0px 5px;}	
	
#menu{
	background: transparent url(Gx/M/bg_menu.gif) repeat-x top left;
	width: 922px;
	height: 39px;
	overflow: hidden;}
#menu ul{
	list-style-type: none;
	height: 39px; }
#menu li{
	background: transparent url(Gx/M/bg_menu_li.gif) no-repeat top right;
	padding: 0 2px 0 0;
 	display: block;
	float: left;
	height: 39px;}
#menu li.last{
	background: none;}
#menu a, #menu a:link, #menu a:visited{
	display: block;
	float: left;
	height: 39px;
	line-height: 39px;
	padding: 0 24px;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;}
#menu a:hover{
	background: transparent url(Gx/M/bg_menu_over.gif) repeat-x top left;}
#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: #c9eeff;}

#menuleft{
	width: 190px;
	float: right;}	
#menuleft ul{
	width: 190px;
	list-style-type: none; 
	margin: 8px 0 0 0;}
#menuleft li{
	display: block;
	float: left;
	border-bottom: 1px solid #dfdfdf;}
#menuleft a, #menuleft a:link, #menuleft a:visited{
	display: block;
	float: left;
	width: 190px;
	color: #33373b;
	line-height: 21px;
	text-decoration: none;
	font-weight: normal;		}
#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 ul ul{
		margin: 0 0 0px 0;		}
#menuleft li li{
	border: none;	}
#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;}
	
.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	}	
	
#footer{
	font-size: 11px;
	color: #a1a1a1;
	padding: 14px 0 0 5px;}
#footer a, #footer a:link, #footer a:visited{
	color: #a1a1a1;
	font-weight: bold;
	text-decoration: none	}
#footer a:hover{
	color: #6b6b6b;}

#searchcontainer{
	background: transparent url(Gx/bg_search.gif) no-repeat top left; 
	width: 478px;
	height: 39px;
	float: right;
	position: relative;}
#search{
	width: 478px;
	height: 39px;}
#search #searchtxt{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: none;
	position: absolute;
	top: 11px;
	left: 100px;
	width: 180px;
	height: 24px;
	font-size: 12px;}
#search #submit{
	background: transparent url(Gx/loupe.gif) no-repeat 0px 0px;
	width: 30px;
	height: 29px;
	position: absolute;
	top: 3px;
	left: 289px;
	cursor: pointer;}
#search a, #search a:link, #search a:visited{
	background: transparent url(Gx/print.gif) no-repeat 58px 0px;
	display: block;
	position: absolute;
	top: 5px;
	left: 351px;
	width: 91px;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	color: #000;	}
#search a:hover{
	background: transparent url(Gx/print.gif) no-repeat 58px -29px;
	text-decoration: none;
	color: #7a7a7a;	}

#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;}
#formDirection .champTexte{
	float:left;
	height:23px;
	margin-left:3px;
}
#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;}

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

/*
Bookmarker
*/
#bookmarker {
	float: right;
}

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