html{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	color: #b6b6ab;
	font-size: 12px;
	line-height: 18px;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, input{border:0; margin:0; padding:0;}
body{ behavior:url(inc/csshover.htc);}	
div{ behavior:url("inc/iepngfix.htc");}

body#main{
	background: #1e1e1e url(Gx/bg_main.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	text-align:center;}


a, a:link, a:visited{
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
/*	outline: none;*/
	}
a:hover{
	text-decoration: none	}
a.link2, a.link2:link, a.link2:visited{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;}
a.link2:hover{
	text-decoration: underline;}
a.link3, a.link3:link, a.link3:visited{
	color: #dc0000;
	font-weight: bold;
	text-decoration: none;}
a.link3:hover{
	text-decoration:  underline;}

h1{
	color: #b6b6ab;
	color: #FFF;
	font-size:16px;
	display: block;
	font-weight: bold;}
h2{
	color: #b6b6ab;
	/*color: #FFF;*/
	color: #d8d8d8;
	font-size:14px;
	display: block;
	padding: 0 0 4px 0;
	font-weight: bold;}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#container{
	margin: 0 auto 0 auto;
	text-align:left;
	width:940px;
	background: none;
	padding: 9px 0 0 0;}
#contenu{
	padding: 0 6px 6px 6px;
	/*background: transparent url(Gx/bg_contenu.png) repeat-y top left; 
	background: transparent url(Gx/bg_contenu.gif) repeat-y top left; */
	background: #121212 url(Gx/bottom_contenu.gif) no-repeat bottom left;
}
/*#bottom_img{
	display: block;
	margin: 0 0 2px 0;
}*/

#flashaccueil{}
.btnaccueil{
	margin: 0 7px 0 0;
	padding: 0px;
	float: left;}
.imgheader{
	display: block;}

#include{
	background: #2d2d2a url(Gx/bottom_include.gif) no-repeat bottom left;
	padding: 0 0px 0 18px;
}
#includecartier{
	background: #2d2d2a url(Gx/01/cartier_bg.jpg) no-repeat bottom left;
	/*background: #2d2d2a url(Gx/bottom_include.gif) no-repeat bottom left;*/
	padding: 0 0px 0 18px;	
	/*height: 421px;*/
	/*height: 100%;*/
}
#includeproduit{
	background: #2d2d2a url(Gx/bottom_include.gif) no-repeat bottom left;
	padding: 0 9px 0 8px;	
}



.both{
	clear: both;
}

.texte{
	background: none;
	float: left;
	width: 623px;
}
#texteCinema{
	background: none;
	float: left;
	width: 570px;
}
.textefull{
	padding: 0 80px 0 0;
	padding: 0 18px 0 0;}
strong.red{
	color: #dc0000;}
ul, ul{
	margin: 0 0 0 20px;
}
	

.imgtexte{
	background: none;
	float: right;
	width: 287px;
}
	
#animCinema{
	background: none;	
	border-bottom :1px solid #999;	
	float: right;
	width: 325px;
}

#animCinema a{
	font-size:10px;
	color:#999;
	text-decoration:none;
}

#centreAnim{
	text-align:center;
}

.imgtexte img{
	float: right;}
	
	
#conteneurFlash{
	width: 928px;
	background: url(Gx/01/produit_bg2.jpg) no-repeat left top;
	height:383px;
	/* height: 239px; */
	position: relative;
}

#conteneurFlash #produitlogo{
	position: absolute;
	top: 10px;
	right: 10px;
	/* left: 774px; */
}

#conteneurFlash #produitcontainer{
	height: 137px;
	/* width: 914px; */
	width: 650px;
	position: absolute;
	/* top: 96px; */
	top: 10px;
	left: 7px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	width:940px;
	height: 48px;
	position: relative;
	background: none;
}
#menu ul{
	position: absolute;
	top: 0px;
	left: -1px;
	margin: 0px;
	width: 942px;	
	width: 950px;
	height: 48px;
	background: none;
	list-style-type: none; }
#menu li{
	position: relative;
	display: block;
	float: left;
	height: 48px;
	background: none;}
#menu a, #menu a:link, #menu a:visited{
	height: 48px;
	display: block;
	float: left;
	outline: none;
	text-indent: -100000px;
	text-decoration: none;
	background: none;
	cursor: pointer;}
#menu a:focus{
	
}	
#menu a:hover{
	/*background: Fuchsia;*/
}

#menu ul ul{
	margin: 0px;
	position:absolute;
	left:-60px;
	
	top:48px;
	
	/*padding: 0px;
	margin: 0px;*/
	color: #6d6d6d;
	background: #141412;
	/*background: transparent url(Gx/M/bg_langue.png) no-repeat top left;*/
	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Gx/M/bg_langue.png');*/
	
	height:20px;
	width: 200px;
	display:none;
	text-align: center;
	z-index: 10;}
#menu ul ul li{
	float: none;
	height: auto;
	display: inline;}
/*#menu li:hover ul ul{
	display:none;}*/
#menu li:hover ul, #menu li:hover li:hover ul{
	display:block;}
#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited{
	text-indent: 0px;
	color: #6d6d6d;
	font-weight: normal;
	height: auto;
	width: auto;
	display: inline;
	float: none;
	cursor: pointer;}
#menu ul ul a:hover{
	text-decoration: underline;}
#menu ul ul a.actif, #menu ul ul a.actif:link, #menu ul ul a.actif:visited{
	color: #FFF;
}

#sousmenu{
	/*background: #2d2d2a url(Gx/bg_sousmenu.gif) no-repeat top left;	*/
	background: #2e2d2a url(Gx/bg_sousmenu.gif) no-repeat 8px 0px;	
	width: 928px;
	height: 30px;
	position: relative;
}

#sousmenu ul{
	list-style-type: none;
	margin: 0 0 0 9px;
}
#sousmenu li{
	float: left;
	display: block;
	position: relative;
}
#sousmenu ul a, #sousmenu ul a:link, #sousmenu ul a:visited{
	position: relative;
	font-weight: bold;
	color: #a0a08f;
	text-decoration: none;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 14px;}
#sousmenu ul a:hover{
	color: #FFF;}
#sousmenu ul a.actif, #sousmenu ul a.actif:link, #sousmenu ul a.actif:visited, #sousmenu ul a.actif:hover{
	background: #dc0000 url(Gx/M/sousmenu_left.gif) no-repeat top left;
	color: #FFF;}
#sousmenu ul a img{
	position: absolute;
	top: 0px;
	right: 0px;}
	
a#cartier, a#cartier:link, a#cartier:visited{
	position: absolute;
	top: 0px;
	right: 9px;
	background: transparent url(Gx/01/cartier_off.gif) no-repeat center right;
	width: 131px;
	height: 37px;
}
a#cartier:hover{
	background: transparent url(Gx/01/cartier_over.gif) no-repeat center right;
}	
	
a#foward, a#foward:link, a#foward:visited{
	position: absolute;
	top: 4px;
	right: 15px;
	background: transparent url(Gx/04/btn_foward.gif) no-repeat center right;
	color: #a0a08f;
	text-decoration: none;
	padding: 0 15px 0 0;}
a#foward:hover{
	background: transparent url(Gx/04/btn_foward_over.gif) no-repeat center right;	
	color: #FFF;
	color: #dc0000;}	
a#foward.actif{
	background: transparent url(Gx/04/btn_foward_over.gif) no-repeat center right;		
	color: #dc0000;	
}
a#backward, a#backward:link, a#backward:visited{
	position: absolute;
	top: 4px;
	right: 15px;
	background: transparent url(Gx/01/btn_backward.gif) no-repeat center left;
	color: #a0a08f;
	text-decoration: none;
	padding: 0 0 0 12px;
}
a#backward:hover{
	background: transparent url(Gx/01/btn_backward_over.gif) no-repeat center left;	
	color: #FFF;
	color: #dc0000;
}	



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#footer{



	background: transparent url(Gx/bg_footer.png) no-repeat top left;
	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Gx/bg_footer.png');*/
	
	
	/*background: Fuchsia;*/
	
	height: 109px;
	width: 940px;
	/*position: relative;*/
	font-size: 11px;
	color: #474747;}
	
#innerfooter{

	height: 109px;
	width: 940px;
	position: relative;
}
	
#footermenu{
	position: absolute;
	top: 20px;
	left: 14px;
	height: 20px;
	width: 640px;
	background: none;
	}	
#footer a, #footer a:link, #footer a:visited{
	color: #676767;
	text-decoration: none;
	font-weight: normal;}
#footer a:hover{
	color: #FFF;}
#footer a.actif, #footer a.actif:link, #footer a.actif:visited, #footer a.actif:hover{
	text-decoration: underline	}
#audioplayer{
	background: transparent url(Gx/bg_audioplayer.png) no-repeat top left;	
	
	/*background: Aqua;*/
	display: block;
	padding-left:5px;
	position: absolute;
	top: 49px;
	left: 13px;
	width: 228px;
	height: 47px;}
#footernewsletter{
	position: absolute;
	top: 28px;
	left: 686px;
	width: 250px;
	height: 75px;
	overflow: hidden;
	color: #a3a3a3;}
#footernewsletter label{
	display: block;
	float: left;
	padding: 0 0 0 3px;
	font-size: 12px;
	width: 190px;
	height: 20px;}
#footernewsletter #courrielfooter{
	/*background: transparent url(Gx/bg_courrielfooter.gif) no-repeat top left;*/
	background: #2b2b29;
	color: #918361;
	display: block;
	font-size: 16px;
	float: left;
	width: 187px;
	width: 184px;
	margin: 0 3px 0 0;
	height: 26px;
	border: none;}
#footernewsletter #submitfooter{
	background: transparent url(Gx/bg_submitfooter_off.gif) no-repeat top left;
	width: 27px;
	height: 26px;
	float: left;
	cursor: pointer;}
	
#copyrights{
	padding: 5px 0 0 5px;
	color: #5e5440;	}
#copyrights a, #copyrights a:link, #copyrights a:visited{
	color: #5e5440;	
	font-weight: bold;
	text-decoration: none;}
#copyrights a:hover{
	text-decoration: underline;	}


.erreur{color: #FF0000;}


.left1{
	float: left;
	width: 220px;
	background: none;	}
.right1{
	float: right;
	width: 674px;
	background: none;	}
	
.left2{
	float: left;
	width: 424px;
}
.right2{
	float: right;
	width: 458px;
}
.left3{
	float: left;
	width: 600px;
	background: none;		}
.right3{
	float: right;
	width: 253px;
	background: none;	
}
.innerleft3{
	float: left;
	width: 280px;
}
.innerright3{
	float: right;
	width: 280px;	
}


#tabcalendrier{
	border: 0px;
	border-collapse: collapse;
	width: 210px;
	color: #696969;
	font-size: 11px;
	line-height: 18px;
	text-align: center;}
#tabcalendrier th{
	color: #9bcdaa;
	font-weight: bold;}
#tabcalendrier th.month{
	color: #b6b6ab;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 5px 0;}
#tabcalendrier th.jour{
	color: #FFF;
	height: 25px;
	background: #3b3b37;}
#tabcalendrier td{
text-align: center;
	padding: 3px 0;}
#tabcalendrier td.actif{
	background: #efefe6;}
#tabcalendrier td.actifday{
background: transparent url(Gx/04/a_bg.gif) no-repeat top left;
	/*background: #d3d3cb;*/}	
#tabcalendrier .trdays a, #tabcalendrier .trdays a:link, #tabcalendrier .trdays a:visited{
	color: #696969;
	display: block;
	margin: 0 auto;
	width: 27px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;}
#tabcalendrier .trdays a:hover{
	text-decoration: none;	}
#tabcalendrier .trdays a.actif, #tabcalendrier .trdays a.actif:link, #tabcalendrier .trdays a.actif:visited{
	background: transparent url(Gx/04/a_bg.gif) no-repeat top left;
	color: #FFF;}
#tabcalendrier .trdays a.actif:hover{
	background: transparent url(Gx/04/a_bg_over.gif) no-repeat top left;
	color: #FFF;
}
#tabcalendrier .trdays a.actifday, #tabcalendrier .trdays a.actifday:link, #tabcalendrier .trdays a.actifday:visited, #tabcalendrier .trdays a.actifday:hover{
	font-weight: bold;}
	
.evenement{
	background: #3b3b37;
	float: left;
	height: 100%;
	margin: 0 0 3px 0;
	width: 665px;
	cursor: pointer;}
.event{
	background: #292925;
	color: #7b7871;}
.evenement .date{
	font-style: italic;
	color: #dc0000;}
.evenement span{
	display: block;
	padding: 3px 0;}
.evenement .img{
	padding: 3px 0;
	float: left;
	width: 179px;}
.evenement .img img{
	display: block;
	margin: 0 0 0 4px;}	
.evenement .txt{
	padding: 6px 0 3px 0;
	float: left;
	width: 474px;}
.evenement .txtfull{
	padding: 6px 12px;}
#evenementDetail .date{
	font-style: italic;
	color: #dc0000;}	
#evenementDetail #img{
	float: left;
	width: 274px;}	
#evenementDetail #img img{
	border: 1px solid #000;	
}
#evenementDetail #txt{
	float: left;
	width: 627px;
	background: none;	}
#evenementDetail #txtfull{
	margin: 0 18px 0 0;
	background: none;}
#evenementDetail p{
	display: block;
	padding: 6px 0;}	
#evenementDetail .pic, #conseilDetail .pic{
	float: left;
	width: 170px;
	/*border: 1px solid yellow;*/
	/*padding: 0 0 5px 0;*/
	cursor: pointer;
	background: none;}
#evenementDetail .pic img, #conseilDetail .pic img{
	display: block;}
#evenementDetail .pic a, #conseilDetail .pic a {
	border: 1px solid #dc0000;
	height: 150px;
	overflow: hidden;
	display: block;
	float: left;
	margin: 6px 0;
	}
#evenementDetail .pic a:hover, #conseilDetail .pic a:hover{border: 1px solid #FFF;}	

	

.succursalelist{
	background: #282824;
	padding: 0 0 0 25px;
	margin: 0 9px 0 0;
	
}

.succursalelist ul{
	margin: 0px;
	padding: 0px;	
	list-style-type: none; }
.succursalelist ul li{	
	display: block;
	float: left;
	padding: 0 0 4px 0;}
.succursalelist ul a, .succursalelist ul a:link, .succursalelist ul a:visited{
	color: #a0a08f;
	font-weight: normal;
	text-decoration: none;
	display: block;
	float: left;
	text-indent: 0px;
	width: 424px;}
.succursalelist ul a:hover{
	background: #3c3c34;}
	
#tabhoraire{
	border: none;
	border-collapse: collapse;
	font-size: 12px;
	width: 280px;
	/*border-bottom: 1px solid #151514;*/}
/*#tabhoraire th{
	background: #dc0000;
	color: #FFF;
	padding: 3px 5px;}*/
#tabhoraire td{
	padding: 3px 5px;	}
#tabhoraire .tr2 td{
	background: #151514;	}

#succursaleDetail .img{
	/*float: right;*/
	display: block;
}
#googlemap{
	background: #151514;
	width: 600px;
	padding: 2px 0;
}
	
	
	
.faq{
	background: #121212;
	border: 1px solid #121212;
	display: block;
	padding: 7px 10px 7px 10px;
	margin: 0 0 5px 0;
	cursor: pointer;
}	
.faq2{
	background: none;
	border: 1px solid #2d2d2a;
}
.faq h6{
	font-size: 12px;
}
	
.faq div{
	/*background: #282824;*/
	/*padding: 8px;*/
	margin: 5px 0 0 0;
	display: none;
}
	
	
.conseil{
	background: #3b3b37;
	float: left;
	height: 100%;
	margin: 0 0 3px 0;
	cursor: pointer;
	/* width: 890px; */}
.conseil2{
	background: #292925;
	color: #7b7871;}
.conseil span{
	display: block;
	padding: 5px 0;}
.conseil .img{
	padding: 8px 0;
	float: left;
	width: 250px;}
.conseil .img img{
	display: block;
	margin: 0 0 0 8px;}	
.conseil .txt{
	padding: 8px 0 3px 0;
	float: left;
	background: none;
	width: 649px;}
.conseil .txtfull{
	padding: 6px 12px 12px 12px;}	

#conseilDetail #video{
	float: left;
	width: 360px;	
}
#conseilDetail #img{
	float: left;
	width: 245px;
}

#conseilDetail #txtvideo{
	background: none;
	float: left;
	width: 541px;		
}

#conseilDetail #txtimg{
	background: none;
	float: left;
	width: 654px;	
}

#conseilDetail #txtfull{
	padding: 0 9px 0 0;	
}

#conseilDetail span{
	display: block;
	padding: 5px 0;}

	
	
	
	
#nextback{
	color: #dc0000;
	text-align: center;}
#nextback strong{
	color: #b6b6ab;
	color: #FFf;}
	
	
#newsletter	#courriel{
	background: #121212;
	color: #b6b6ab;
	width: 210px;
	height: 19px;
	border: 1px solid #737373;
}

.inputbutton{
	background: #121212;
	color: #b6b6ab;
	width: 80px;
	font-size: 12px;
	padding: 2px 0;
	margin: 3px 0 0 0;
	border: 1px solid #737373;
}
	
	
#sitemap, #sitemap ul{
	margin: 5px 0 0 20px;
}	
#sitemap li{
	padding: 0 0 6px 0;
}
#sitemap .dummy{
	display: none;
}


#contact{}	

#contact label{
	display: block;
	float: left;
	width: 100px;
	background: nope;
}

#contact .inputtext{
	float: left;
	background: #121212;
	color: #b6b6ab;
	width: 210px;
	height: 19px;
	border: 1px solid #737373; 
}

#contact .inputselect{
	background: #121212;
	color: #b6b6ab;
	width: 210px;
	height: 19px;
	border: 1px solid #737373;
}

#contact .noedit{
	
}

#contact textarea{
	background: #121212;
	color: #b6b6ab;
	width: 310px;
	height: 75px;
	border: 1px solid #737373; 	
}

#contact #checkbox{
	padding: 5px 0 0 0;
}

#contact .inputcheck{
	/*background: #121212;*/
	color: #b6b6ab;
	/*border: 1px solid #737373; */
	
}

#forms{
	float: left;
	background: none;
	width: 400px;
}

#tabposte{
	border: none;
	border-collapse: collapse;
	font-size: 12px;
	width: 500px;	
	width: 99%;
	text-align: left;
	}
	
#tabposte th{
	background: #dc0000;
	color: #FFF;
	padding: 7px 5px;
	text-transform: uppercase;
}
#tabposte td{
	cursor: pointer;
	padding: 7px 5px;	}
#tabposte .tr2 /*td*/{
	background: #151514;	}
	
#posteDetail{
	float: left;
	width: 495px;
	background: none;}	
#posteDetail #inner{
	padding: 0 20px 0 0;
}
	
#produitcartier{
	background:	#FFF url(Gx/01/produit_cartier_bottom.gif) no-repeat bottom left;
	width: 890px;
}
#produitcartier img{
	display: block;
}
#produitcartier div{
	padding: 0 0 0 16px;
}
#produitcartier div img{
	float: left;
	margin: 0 42px 0 0;
}
#produitcartier div img.last{
	margin: 0px;
}
#produitcartier .verrescontact{
	float: none;
	margin: 0px;
}
	
	
#selectmarque{	
	font-family: Arial, Verdana, Tahoma, Helvetica;
	position: absolute;
	top: 4px;
	left: 0px;
	background: #4a4a45;
	background: #FFF;
	color: #a5a59c;
	color: #000;
	border: 1px solid #2c2c28;
	width: 210px;
	height: 19px;
	font-size: 12px;
	/*border: none;*/
	margin: 0 0 0 75px;
}	
	
#detailProduit{
	display: none; }
#mainImg{
	background: #FFF url(Gx/01/mainImg_top3.gif) no-repeat top left;
	/* background: #FFF url(Gx/01/mainImg_top2.gif) no-repeat top left; */
	width: 650px;
	height: 360px;
	float: left;
	text-align:;
	position:relative;}
#mainImg #titre{
	position:absolute;
	bottom:10px;
	left:10px;
	color: #000;
	font-weight: bold;
	}
#mainImg img{
	display: block;}
#theImg{
	margin: 0 auto;
}
#thumbs{
	/* background: #FFF url(Gx/01/mainImg_bg.gif) no-repeat bottom left; */
	position:absolute;
	height:53px;
	bottom:10px;
	right:10px;
	}
#thumbs img{
	float: left;
	cursor: pointer;}
#thumbs .off{
	border: 2px solid #FFF;}
#thumbs .hover{
	border: 2px solid #000;}
#thumbs .actif{
	border: 2px solid #F00;}
#specs{
	float: left;
	width: 177px;
	background: none;}
#specs #specsinner{
	float: left;
	display: block;
	background: none;
	margin: 0 10px 0 15px;
	padding:0 15px 0 0;
	border-right: 1px solid #fff;
	/* width: 130px; */
	}
#specs #specsinner span{
	display: block;
	float: left;
	width: 19px;
	line-height: 19px;
	margin: 3px 3px 0 0;}
#specs #specsinner em{
	font-style: normal;
	color: #f70505;}
#detailProduit  #texte{
	/* width: 340px; */
	width: 640px;
	background: none;
	float: left;
	text-align: justify;}
	
	


	
	
	
	
	