html{
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
	font-size: 12px;
	line-height: 18px;
	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: #233F57;*/
	background: #233F57 url(Gx/bg_main.gif) repeat-x top center;
	text-align:left;}
	
body#popup{	
	text-align:center;
	position: relative;	
	height: 410px;
	/*height: 415px;*/
	}	

a, a:link, a:visited{
	color:#78A1C1;
	font-weight: normal;
	text-decoration: underline;}
a:hover{
	color: #2C5D82;
	text-decoration: none;	}
a.link2, a.link2:link, a.link2:visited{
	color:#B8B500;
	font-weight: normal;
	text-decoration: none;}
a.link2:hover{
	text-decoration: underline;	}	
a.link3, a.link3:link, a.link3:visited{
	color:#FFF;
	font-weight: normal;
	text-decoration: none;}
a.link3:hover{
	text-decoration: none;	}		
a.link4, a.link4:link, a.link4:visited{
	color:#FFF;
	font-weight: normal;
	text-decoration: none;}
a.link4:hover{
	text-decoration: underline;	}		
/* popup */	
a.link5, a.link5:link, a.link5:visited{
	background:#1c3447;
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	text-decoration: none;	}
a.link5:hover{
	background: #fff600;
	color: #000;
	text-decoration: none;	}	
	
	
h1{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
	display: block;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#container{
	background: #233F57/* url(Gx/bg_container.gif) repeat-x 0px 174px*/;
	margin: 0;
	float: left;
	width:993px;
}

#popvideo{
	margin: 0 auto 0 auto;
	width: 330px;
}

#header{
	background: transparent url(Gx/bg_header.gif) no-repeat top left;
	height: 174px; 
	width: 993px;
	position: relative;}
#logo{
	position: absolute;
	top: 32px;
	left: 8px;}
#side{
	float: right;
	width: 219px;
	background: none;}
#content{
	background: none;
	width: 737px;
	float: right;
	position: relative;
	/*padding: 351px 0 0 0;*/}
#slogan{
	position: absolute;
	top: 0px;
	left: 0px;}
#include{
	/* Total width : 691 */
	margin: 351px 0 0 0;
	padding: 0 10px 0 36px;
	text-align: justify;
	position: relative;
	color: #FFF;}	

#produitselect{
	position: absolute;
	top: 0px;
	background: #5D809D;
	border: 1px solid #0E2334;
	color: #FFF;
	right: 10px;
}
	

#menutop{
	background: none;
	position: absolute;
	top: 135px;
	right: 6px;
	height: 23px;
	width: 400px }
#menutop ul{}
#menutop ul li{
	float: right;
	display: block;
	height: 23px;
	background: #1C3447;}
#menutop ul li#first{
	background: #1C3447 url(Gx/M/menutop_first.gif) no-repeat top left;}
#menutop ul li#last{
	background: #1C3447 url(Gx/M/menutop_last.gif) no-repeat top right;}
#menutop a, #menutop a:link, #menutop a:visited{
	background: transparent url(Gx/M/menutop_anchorbg.gif) no-repeat 100% 50%;
	text-decoration: none;
	color: #8DB1CD;
	float: left;
	display: block;
	height: 23px;
	line-height: 23px;
	font-weight: bold;
	padding: 0 13px;} 
#menutop a.last, #menutop a.last:link, #menutop a.last:visited, #menutop a.last:hover{
	background: none;}
#menutop a:hover{
	color: #D4E1EC;}
#menutop a.actif, #menutop a.actif:link, #menutop a.actif:visited, #menutop a.actif:hover{
	color: #B5B100;}
	
#menu{
	background: #041929 url(Gx/M/menu_bottom.gif) no-repeat bottom left;
	float: left;
	width: 215px;
	margin: 0 0 5px 0;}
#menu img{
	display: block;}
#menu ul{
	margin: 5px 0 0 5px;}
#menu ul li{
	display: block;
	float: left;
	width: 202px;
	background: #000A12 url(Gx/M/menu_libg.gif) no-repeat bottom left;
	list-style-type:none;}
#menu li#menu1{margin: 0 0 4px 0; }	
#menu li#menu2{margin: 0 0 7px 0; }
#menu li#menu3{margin: 0 0 7px 0; }
#menu li#menu4{margin: 0 0 10px 0; }
#menu li#menu5{margin: 0 0 10px 0; }
#menu li#menu6{margin: 0 0 30px 0; }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	background: transparent url(Gx/M/menu_anchorbg.gif) no-repeat top left;
	color: #FFF;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	display: block;
	text-indent: 6px;
	float: left;
	width: 202px;
	padding: 18px 0 2px 0;
	text-decoration: none;}
#menu ul li a:hover, #menu ul li a:visited:hover{
	color: #2B6695;
	text-decoration: none;}
#menu ul li a.actif, #menu ul li a.actif:visited{
	background: transparent url(Gx/M/menu_anchorbg_over.gif) no-repeat top left;
	color:#FFF;}
#menu ul ul{
	margin: 0px;
	display: none;}
#menu ul ul.show{
	display: block;}	
#menu li li{
	padding: 0 0 0 11px;
	width: auto;	}
#menu li li.actif{
	background: transparent url(Gx/M/menu_anchor2bg.gif) no-repeat 4px 14px;}
#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited{
	background: none;
	color: #6887A1;
	font-size: 12px;
	line-height: 32px;
	font-weight: bold;
	display: block;
	text-indent: 1px;
	float: left;
	width: 185px;
	border-bottom: 1px solid #1E3A51;
	padding: 0px;
	text-decoration: none;}
#menu ul ul a.last, #menu ul ul a.last:link, #menu ul ul a.last:visited{
	border: none;}
#menu ul ul a:hover, #menu ul ul a:visited:hover{
	color: #FFF;
	text-decoration: none;}
#menu ul ul a.actif, #menu ul ul a.actif:visited{
	background: none;
	color:#D7D7D7;}

#sidelogos{
	background: #0C283D;
	float: left;
	width: 215px;	}
#sidelogos img{
	display: block;}
#sidelogos .logos{
	margin: 15px 0 20px 26px;}

.both{
	clear: both;
}

.evenementtxt{
	float: left;
	width: 459px;}
.noimg{
	width: 693px;}
.evenementimg{
	width: 219px;
	float: right;
	text-align: center;
	background: transparent url(Gx/04/evenement_bg.gif) repeat-y top left;}
.evenementimg img{
	display: block;}	
.evenementimg .pics{
	margin: 0 auto;}
	
table{
	border-collapse: collapse;
	border: none;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	width: 691px;}
table th{
	padding: 6px 10px 10px 10px;
	background: #527391;
	font-weight: bold;
	border-right: 2px solid #24323F;
	border-bottom: 2px solid #24323F;}
table th.numero{
	width: 90px;
}
table th.prix{
	width: 70px;
}
table tr{
	cursor: pointer;
	background: #527391;}
table .tr2{
	background: #5B7FA0;}
table td{
	vertical-align: top;
	padding: 6px 10px 10px 10px;
	/*background: #527391;*/
	border-right: 2px solid #24323F;
	border-bottom: 2px solid #24323F;}
table td.image{
	padding: 10px 0px 10px 0px;
	width: 96px;
	text-align: center;
}
table tr.over{
	background: #787878;
}

.contactleft{
	float: left;
	width: 197px;}
.contactright{
	float: right;
	width: 476px;
	position: relative;}

.googlemap{
	text-align: center;
	background: #1C3447;
	width: 476px;
	height: 382px;
	}
.googlemap img{
	display: block;
}
	
.sitemap{
	margin: 0 0 0 20px;}
.sitemap li{
	padding: 2px 0 4px 0;}	
	
.produitleft{
	float: left;
	width: 476px;
}
.produitright{
	float: right;
	width: 182px;
	text-align: right;
	background: none;
}
.produitright img{
	border: 3px solid #173045;
}
.note{
	color: #C2BE00;
}
.videothumbcontainer{
	float: left;
	background: none;
	width: 172px;}
.videothumb{
	background: #1C3447 url(Gx/06/videothumb_bottom.gif) no-repeat bottom left;
	width: 143px;
	float: left;
	text-align: center;
	cursor: pointer;
}
.videothumb img{
	display: block;
}
.videothumb .thumb{
	margin: 0 auto 0 auto;}
.videothumb a, .videothumb a:link, .videothumb a:visited{
	background: transparent url(Gx/06/btn_video.gif) no-repeat 103px 3px;
	color: #8DB1CD;
	display: block;
	width: 131px;
	margin: 0 auto 0 auto;
	padding: 3px 0 11px 0;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;}
.videothumb a:hover{
	background: transparent url(Gx/06/btn_video_over.gif) no-repeat 103px 3px;	
	text-decoration: none;}
.videothumb div{
	display: block;
	width: 100px;
	overflow: hidden;}
p{/* pour le marker google  */
	text-align: left;
	color: #000;}

	
	
#piedPage{
	background: transparent url(Gx/bg_piedPage.gif) no-repeat top left;
	position: relative;
	float: right;
	display: block;
	color:#91B4D0; 
	font-size:11px; 
	height:67px; 	
	width: 956px;}
#piedPage #copyrights{
	position: absolute;
	top: 20px;
	left: 19px;}
#copyrights a, #copyrights a:link, #copyrights a:visited{
	color:#CCCCCC; 
	font-weight: bold;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif}
#copyrights a:hover{
	text-decoration:none;
	color:#5986A8;}

#piedPage #menubottom{
	position: absolute;
	top: 25px;
	background: none;
	width: 500px;
	color: #FFF;
	text-align: right;
	right: 19px;}
#piedPage #menubottom a, #piedPage #menubottom a:link, #piedPage #menubottom a:visited{
	color: #FFF;
	text-decoration: none;
}
#piedPage #menubottom a:hover{
	text-decoration: underline;
	color: #FFF;
}
#piedPage #menubottom a.actif, #piedPage #menubottom a.actif:link, #piedPage #menubottom a.actif:visited, #piedPage #menubottom a.actif:hover{
	text-decoration: underline;
}

#formCommande label{
	float:left; display: block;
	width:85px;
}
#formCommande input.inputtext{
	float:left; 
	display: block;
	height: 13px;

}
label{
	color: #8DB1CD;
}

.inputtext{
	background: #78A1C1;
	color: #FFF;
	width: 194px;
}
.textarea{
	background: #78A1C1;
	color: #FFF;
	width: 194px;	
	font-size: 12px;
	border: none;
	font-family: Arial, Verdana, Tahoma, Helvetica;
}

.inputbutton{
	background: transparent url(Gx/07/bg_inputbutton.gif) no-repeat top left;
	width: 141px;
	height: 32px;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;}
	
.btnacheter, .btnenvoyer{
	width: 141px;
	height: 32px;
	cursor: pointer;}

.erreur{color: #FF0000;}