html{
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #afafbb;}
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{text-align:center;}

h1{
	font-size: 13px;}
	
h2{
	font-size: 12px;}

a, a:link, a:visited{
font-weight: bold;
color: #b4a28c;	
text-decoration: none;
outline: none;} 
	
#container{
	width: 672px;}

#header, #menu, #produitheader, #bottominfo, #socialBookmarker, #footer, #menutools{
	
	display:none;}

#contenu{
	
	width: 980px;
	position: relative;
	height: 100%;
	
	}
	
.contenu02_100, .contenu02_200{
	text-align: left;
}	
	
.contenu06_100, .contenu07_200, .contenu07_300, .contenu09_100, .contenu00_888{
	text-align: left;
}		
	
	
#left{
	float: left;
	text-align: left;}

.left01_100{
	width: 352px;	
}	
.left03_100{
	width: 406px;	
}	
.left03_200{
	width: 406px;	
}	
.left04_100{
	width: 396px;	
}	
.left07_100{
	width: 447px;	
}	


	
#right{
	
	float: right;
	text-align: justify;}	
.right01_100{
	padding: 65px 0 0 0;
	width: 628px;	
}	
.right03_100{
	padding: 78px 0 0 0;
	width: 566px;	
}	
.right03_200{
	padding: 78px 0 0 0;
	width: 566px;	
}	
.right04_100{
	padding: 65px 0 0 0;
	width: 584px;
}	
.right07_100{
	padding: 84px 0 0 0;
	width: 533px;
}	
	
	
#innerright{
	padding: 15px 73px 0 41px;
}




.produitlisttop{
	position: relative;
	width: 980px;
	height: 165px;
}


.produitlist{
	position: relative;
	width: 980px;
	height: 165px;
}

.produitlisttop .img, .produitlist .img{
	float: left;
	width: 175px;
}

.produitlisttop .img img, .produitlist .img img{
	margin: 12px 0 0 0;
}

.produitlisttop .txt, .produitlist .txt{
	float: left;
	width: 700px;
	height: 130px;
	
}

.produitlisttop .txt .innertxt, .produitlist .txt .innertxt{
	padding: 0 0 0 21px;
}

.produitlisttop span, .produitlist span{
	display: block;
	padding: 10px 0 0 0;
}

.viewcolorcontainer{
	position: absolute;
	top: 136px;
	left: 803px;
	height: 28px;
	width: 170px;
}

.couleurcontainer{
	padding: 0 0 0 104px;
}
.couleur{
	width: 130px;
	height: 100%;
	float: left;}
.couleur .inner{
	padding: 0 10px 0 0;
}
.couleur .img{
	border: 1px solid #888789;
	float: left;
}
.couleur .img img{
	border: 1px solid #000;
	display: block;
}
.couleur .txt{
	float: left;
	width: 120px;
	padding: 5px 0 0 0;
	text-align: center;
}
.couleur ul{
	list-style-type: none;
	margin: 10px 0 0 0; 
	font-size: 11px;
	text-align: left;
}
.couleur li{
	width: 112px;
	float: left;
	padding: 0 0 4px 0;
}

.couleur .champTexte{
	float: right;
}

.tools{
	background: transparent url(Gx/03/top_tools.gif) no-repeat top left;
	width: 980px;
	/*height: 197px;*/
	text-align: left;
}

.tools .img{
	float: left;
	width: 270px;
	padding: 28px 0 0 0;
}

.tools .img img{
	float: right;
	display: block;
	
	border-right: 2px solid #6f6f6f;
	border-left: 2px solid #6f6f6f;
	
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;}
.tools .txt{
	float: left;
	width: 640px;}
.tools .txt .inner{
	padding: 28px 0 0 30px;}
.tools .txt span{
	display: block;
	padding: 6px 0 6px 0;

}




.both{ clear: both;}
.erreur{color: #d6090e;}
.center{	text-align: center;}	

.thumbs{
	float: left;
	width: 110px;
	margin: 0 0 10px 0;
	cursor: pointer;
	background: none;}
.thumbs img{
	display: block;}

#nextback{
	font-size: 11px;
	background: none;
	width: 540px;
	text-align: center;}
#nextback a, #nextback a:link, #nextback a:visited{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #295787;}
#nextback a:hover{
	color: #3b2314;
	/*text-decoration: underline*/	}

.outergooglemap{
	float: right;
	width: 300px;
	text-align: center;	}
.googlemap{
	width: 300px;
	float: right;
	height: 255px;	
	background: #CCC;}	
.googlemap .inner{
	margin: 2px 0 0 2px;}
.googlemap .inner .theMap{
	width:296px;
	height:251px;
	overflow:hidden;}	


	
.innerleft{
	float: left;
	background: none;
	
	width: 220px;}
	
	

.sitemap{
	list-style-type: disc;
	margin: 0 0 0 20px; }
.sitemap ul{
	margin: 4px 0 0 20px;
}
	

#contact label{ font-weight: bold; float: left; line-height: 14px;}
#contact .champTexte{	
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-top: 3px;
	padding-left: 3px;
	height: 16px;
	line-height: 14px;
	display: block;}
#contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #d9d8ca;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-left: 3px;
	height: 17px;
	line-height: 14px;
	display: block;}
#contact .boiteTexte{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 480px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .checkbox{	
	float: left;
	margin: 0 8px 6px 0;}
#contact .radio{	
	float: left;
	margin: 0 8px 6px 0;}
	
#contact .bouton{
	background: transparent url(Gx/04/bg_button_off.gif) no-repeat top left;
	border: none;
	color: #afafbb;
	cursor: pointer;
	width: 189px;
	height: 22px;
	font-size: 11px;
	font-weight: normal;}
#contact .bouton:hover{
	background: transparent url(Gx/04/bg_button_over.gif) no-repeat top left;}

.formcolor .champTexte{	
	background: #FFF;
	border: 1px solid #CCC;
	color: #adadb6;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	height: 16px;
	line-height: 14px;
	display: block;}
.formcolor  .bouton{
	background: transparent url(Gx/02/bg_btn_en.gif) no-repeat top left;
	border: none;
	color: #afafbb;
	cursor: pointer;
	width: 109px;
	height: 21px;
	margin: 6px 0 0 0;
	font-size: 11px;
	font-weight: normal;}
.formcolor  .bouton:hover{
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;
	opacity: 0.7;	}

.formtools strong{
	color: #FFF;
	
}
	
.formtools .champTexte{	
	background: #FFF;
	border: 1px solid #CCC;
	color: #adadb6;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	height: 16px;
	line-height: 14px;
	}
.formtools  .bouton{
	background: transparent url(Gx/02/bg_btn_en.gif) no-repeat top left;
	border: none;
	color: #afafbb;
	cursor: pointer;
	width: 109px;
	height: 21px;
	margin: 6px 0 0 0;
	font-size: 11px;
	font-weight: normal;}
.formtools  .bouton:hover{
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;
	opacity: 0.7;	}




.champCache{ display: none;}

	







#yourinfocontaier{
	padding: 42px 0 0 0;
}

#yourinfo{
	padding: 18px 93px 0 94px;
}

#yourinfohead{
	background: transparent url(Gx/07/top_yourinfo.gif) no-repeat top left;
	width: 793px;
	height: 38px;
	position: relative;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	text-transform: uppercase;
}

#txt1{
	position: absolute;
	top: 8px;
	left: 12px;
	width: 170px;
	height: 14px;}
#txt2{
	position: absolute;
	top: 8px;
	left: 412px;
	width: 170px;
	height: 14px;}



#yourinfocontent{
	background: transparent url(Gx/07/bg_yourinfo.gif) repeat-y 0px 0px; 
}

.inneryourinfoleft{
	float: left;
	width: 397px;
}

.inneryourinforight{
	float: left;
	width: 394px;
}

.subinner{
	padding: 10px 0 0 15px;
}

#tabyourinfo{
	border-collapse: collapse;
	border: none;
	width: 367px; 
}
#tabyourinfo th{
	color: #FFF;
	padding: 3px 8px 3px 0;
}

#tabpanier{
	border-collapse: collapse;
	border: none;
	width: 793px;
	/*overflow: hidden;*/
	text-align: left;}
#tabpanier th{
	background: #000;
	height: 30px;
	line-height: 30px;
	border: 1px solid #FFF;
	text-indent: 8px;	}
#tabpanier td{
	border: 1px solid #FFF;
	padding: 4px 0;
	text-indent: 8px;	}
#tabpanier td.title{
	text-indent: 0px;}
#tabpanier td.title span{
	padding: 0 8px;
	color: #FFF;
	display: block;}
#tabpanier .td_p td{
	border: 1px solid #FFF;
	border-top: 2px solid #FFF;	}
#tabpanier strong{
	color: #FFF;
}

.planSite ul {padding:20px 0px 50px 50px; list-style: square;}
	.planSite ul li ul {padding:5px 0px 5px 20px;}