html{
	font-family: , Arial, Verdana, Tahoma, Helvetica, "MS Sans Serif";
	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: #e2f1fb url(Gx/bg_main.gif) repeat-x top center;
	text-align:center;}

h1{
	color: #323232;
	display: block;
	font-weight: normal;
	font-size: 18px;
	padding: 0 0 3px 0;}	

h2{
	color: #585858;
	font-size: 12px;
	font-weight: bold;
	display: inline;}
	
a, a:link, a:visited{
	color: #37a7d5;
	font-weight: bold;
	text-decoration: none;
	outline: none;  }
a:hover{
	text-decoration: underline	}	

a.link2, a.link2:link, a.link2:visited{
	color: #8c8c8c;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;}
a.link2:hover{
	color: #37a7d5;
	text-decoration: underline;}	
	
a.link3, a.link3:link, a.link3:visited{
	color: #37a7d5;
	font-weight: normal;
	text-decoration: underline;}
a.link3:hover{
	color: #37a7d5;
	text-decoration: none;}	
	
a.actif, a.actif:link, a.actif:visited, a.actif:hover{
	color: #37a7d5;
	text-decoration: underline;}

	
#container{
	background: transparent url(Gx/bg_container.gif) no-repeat 0px 0px;
	margin: 0 auto 0 auto;
	text-align:left;
	width:968px;}
#contenu{
	background: transparent url(Gx/bg_contenu.gif) repeat-y 221px 0px;
	position: relative;
	width:968px;}
#contenusideleft{
	position: absolute;
	top: 0px;
	left: 221px;}
#contenusideright{
	position: absolute;
	top: 0px;
	left: 964px;}
#header{
	background: transparent url(Gx/bg_header.gif) no-repeat 221px 62px;
	height: 65px;
	width:968px;
	position: relative;}

#header a, #header a:link, #header a:visited{
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 35px;
	color: #bababa;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	position: absolute;
	top: 35px;
	z-index: 5;}
#header a:hover{
	color: #028bcb;}
a#menuheader1{
	background: transparent url(Gx/M/bg_menuheader1_off.gif) no-repeat top left;
	left: 700px;	
	width: 129px;
	text-indent: 12px;}
a#menuheader2{
	background: transparent url(Gx/M/bg_menuheader2_off.gif) no-repeat top left;
	left: 829px;	
	width: 122px;
	text-indent: 7px;}
/*a#menuheader3{
	background: transparent url(Gx/M/bg_menuheader3_off.gif) no-repeat top left;
	left: 829px;	
	width: 125px;
	text-indent: 10px;}*/
a#menuheader1.actif{
	background: transparent url(Gx/M/bg_menuheader1_on.gif) no-repeat top left;
	width: 129px;
	z-index: 10;
	color: #FFF;}
a#menuheader2.actif{
	background: transparent url(Gx/M/bg_menuheader2_on.gif) no-repeat top left;
	width: 124px;
	z-index: 10;
	color: #FFF;}
/*a#menuheader3.actif{
	background: transparent url(Gx/M/bg_menuheader3_on.gif) no-repeat top left;
	width: 125px;
	z-index: 10;
	color: #FFF;}*/


#left{
	width: 225px;
	float: left;
	position: relative;
	height: 490px;}
a#logo{
	position: absolute;
	width: 189px;
	height: 143px;
	top: -4px;
	left: 15px;	}

#menu{
	position: absolute;
	width: 222px;	
	top: 242px;
	left: 3px;}
#menu ul{
	list-style-type: none; }
#menu li{
	display: block;
	float: left;
	margin: 0 0 2px 0;}	
#menu span{
	padding: 0 21px 0 0;	}
#menu a, #menu a:link, #menu a:visited{
	color: #0ea0db;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	text-align: right;
	width: 222px;}
#menu a:hover{
	background: transparent url(Gx/M/bg_menuhover.gif) no-repeat top left;
	color: #FFF;}
#menu a.actif, #menu a.actif:link, #menu a.actif:visited, #menu a.actif:hover{
	background: transparent url(Gx/M/bg_menuon.gif) no-repeat top left;
	color: #FFF;}

#right{
	float: right;
	width: 743px;}
#include{/*  712px  */
	margin: 15px 18px 0 13px; 
	text-align: justify;
}	
.include1{
	background: transparent url(Gx/bg_include.gif) repeat-y 486px 0px;
	}

.textesmall{
	
	float: left;
	width: 487px;}
.textemedium{
	float: left;
	width: 518px;}
.innertexte{
	padding: 0 13px 0 0;}

.sidermedium{
	float: right;
	width: 172px;}

.siderlarge{
	float: right;
	width: 219px;
	height: 580px;
	/*overflow: hidden;*/
	position: relative;		}
	
#btn1, #btn2{
	display: block;
	margin: 0 0 2px 0;}	
	
#rope{
	position: absolute;
	top: 115px;
	left: 0px;}	
	
.imgtxt_r{
	float: right;
	margin: 0 0 10px 14px;}
	
.both{	clear: both;}
.erreur{	color: #F00;}
.smalltxt{
	font-size: 11px;
}

.sitemap{
	list-style-type: disc;
	margin: 3px 0 0 20px;}
.sitemap li{
	padding: 0 0 3px 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;}	
	
.temoignage{
	background: #f7f8f9;
	width: 712px;
	overflow: hidden;
	padding: 20px 0;
	color: #515151;}	
.temoignage span{
	padding: 0 26px;	
	display: block;
}	
.temoignage em{
	color: #1a98cd;}
	
.cols3{
	float: left;
	width: 237px;
	overflow: hidden;}	
	
.results{
	list-style-type: none;
	width: 701px; 
	color: #FFF;}	
.results li{
	background: transparent url(Gx/02/bg_results.gif) no-repeat 0px -30px;
	display: block;
	float: left;
	width: 701px;
	height: 26px;
	position: relative;}
.results li div{
	position: absolute;
	height: 38px;
	top: 3px;}
.results .longueur{
	left: 10px;
	width: 133px;
	background: none;}
.results .diametre{
	left: 163px;
	width: 385px;	
	background: none;}
.results .prix{
	left: 569px;
	width: 124px;	
	background: none;
	font-weight: bold;
	font-size: 14px;}

.pagetitle{
	background: transparent url(Gx/bg_pagetitle.gif) repeat-x bottom left;
}

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

#footer{
	background: transparent url(Gx/bg_footer.gif) no-repeat 224px 0px; 
	height: 28px;
	line-height: 28px;
	text-align: right;}
#footer a, #footer a:link, #footer a:visited{
	color: #696969;
	text-decoration: none;
	font-weight: normal;	}
#footer a:hover{
	text-decoration: underline;	}
#footer a.actif, #footer a.actif:link, #footer a.actif:visited, #footer a.actif:hover{
	text-decoration: underline;}

#copyrights{
	color: #696969;
	padding: 5px 0 0 230px;
	font-size: 11px;}	
	
#copyrights a, #copyrights a:link, #copyrights a:visited{
	color: #696969;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;}
#copyrights a:hover{
	color: #000;
	text-decoration: none;
}
	
#contact label{ font-weight: bold;}
#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: 18px;
	line-height: 14px;
	display: block;}
#contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #CCC;
	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 #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 460px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #1e9ed3;
	border: 1px solid #CCC;
	color: #fff;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 0;}
#contact .bouton:hover{
	background: #fff;
	color: #1e9ed3;
}

#formretail{
	background: transparent url(Gx/02/bg_form.gif) no-repeat top left;
	width: 701px;
	height: 78px;
	position: relative;}	
#formretail div{
	position: absolute;
	top: 13px;
	left: 8px;
	width: 360px;
	height: 63px;}	
#formretail label{
	float: left;
	display: block;
	width: 47px;}
#formretail .radio{
	float: left;
	display: block;
	width: 20px;
	margin: 0 95px 0 0;}
#formretail span#lbllongueur1{
	display: block;
	font-weight: bold;
	width: 179px;
	position: absolute;
	top: 13px;
	left: 260px;	}
/*#formretail #lbllongueur2{left: 370px;}*/
#formretail #longueur1, #formretail #longueur2{
	position: absolute;
	top: 46px;
	left: 260px;
	display: none;
	width: 179px;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;}
/*#formretail #diametre1, #formretail #diametre2{	position: absolute;	top: 46px;	left: 370px;	display: none;	width: 179px;	font: 11px Arial, Verdana, Tahoma, Helvetica;	font-size: 12px;}*/
#formretail #submit{
	background: transparent url(Gx/02/bg_submit.gif) no-repeat top left;
	width: 129px;
	height: 29px;
	position: absolute;
	top: 22px;
	left: 430px;
	cursor: pointer;}
	

	
#results{
		width: 701px;
		border-collapse: collapse;
		border: none;
		font-size: 12px;
		color: #000;
		margin: 3px 0 0 0;
}

#results th{
	background: #0780b1;
	color: #FFF;
	font-weight: bold;
	width: 232px;
	text-indent: 6px;
	padding: 4px 0;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#results td{
	text-indent: 6px;
	padding: 2px 0;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#results .tr1 td{
	background: #F7F7F7;
	
}
#results .cat td{
	background: #e2f1fb;
	padding: 4px 0 4px 0;
	font-weight: bold;
}