html{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #FFF;}
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: #000;
	text-align:center;}
	
	
h1{
	color: #ffd74d;
	font-size: 22px;
	font-weight: bold;
	display: block;
}	
	
h2{
	font-size: 18px;
	color: #ffffcd;
	display: block;
	font-weight: bold;

}	
	
	
h2.coldroite{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 10px 0;
}
h2.coldroite span{
	color: #fee835;
	font-size: 17px;
}

a, a:link, a:visited{
	color: #ffd74d;
	text-decoration: underline;
	font-weight: normal;
	outline: none;
}
a:hover{
	text-decoration: none	
}

#container{
	width: 977px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#header{
	background: transparent url(Gx/bg_header.jpg) no-repeat top right;
	width: 977px;
	height: 331px;
	position: relative;
}
#controleflash{
	position: absolute;
	top: 7px;
	right: 0px;
	width: 400px;
	height: 18px;
	line-height: 18px;
	text-align: right;
	background: none;
	color: #a8a9ad;
	
}

#madmoizelegiraf{
	position: absolute;
	top: 0px;
	left: 0px;
}	

#menu{
	position: absolute;
	top: 263px;
	left: 310px;
	width: 667px;
	height: 36px; 
}
#menu ul{
	list-style-type: none; 
}
#menu li{
	float: left;
	list-style-type: none; 
}

#menu img{
	float: left;
	margin: 0px;
	display: block;
}

#left{
	float: left;
	width: 635px;
	padding: 6px 0 0 0;
}

.innerleft{
	width: 316px;
	float: left;
}
.innerright{
	float: right;
	width: 295px;
}

#right{
	float: right;
	width: 318px;
}

a#btn1, a#btn1:link, a#btn1:visited{
	background: transparent url(Gx/btn_gallerie_photos.jpg) no-repeat 0px 0px;
	display: block;
	width: 318px;
	height: 80px;	
	margin: 0 0 5px 0;		
}
a#btn1:hover{
	background: transparent url(Gx/btn_gallerie_photos.jpg) no-repeat 0px -80px;
} 

a#btn2, a#btn2:link, a#btn2:visited{
	background: transparent url(Gx/btn_infolettre.jpg) no-repeat 0px 0px;
	display: block;
	width: 318px;
	height: 80px;	
	margin: 0 0 5px 0;		
}
a#btn2:hover{
	background: transparent url(Gx/btn_infolettre.jpg) no-repeat 0px -80px;
} 

#links{
	list-style-type: none; 
}
#links li{
	list-style-type: none; 
	float: left;
	padding: 0 0 18px 0;
}

#links a, #links a:link, #links a:visited{
	background: transparent url(Gx/linkarrow_gris.gif) no-repeat left center; 	
	display: block;
	float: left;
	padding: 0 0 0 29px;
	
}
#links a:hover{
	background: transparent url(Gx/linkarrow_jaune.gif) no-repeat left center; 	
}
#links img{
	display: block;
	margin: 0px;
}

.spectacles{
	border: 1px solid #68622f;
	margin: 7px 0 0 0;
	position: relative;	}
.spectacles .inner{
	padding: 18px 21px;}
.spectacles .inner .date{
	color: #fff8aa;}	
.spectacles .inner .nom{
	text-transform: uppercase;}
.spectacles a.tab, .spectacles a.tab:link, .spectacles a.tab:visited{
	position: absolute;
	top: -1px;
	right: -1px;
	background: #fee835;
	height: 19px;
	line-height: 19px;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	text-align: center;	
	width: 133px;		
	text-decoration: none; }
.spectacles a.tab:hover{
	background: #fff5a1;	}
.spectacles .inner a, .spectacles .inner a:link, .spectacles .inner a:visited{
	color: #fee835;
	font-weight: normal;
	text-decoration: none;
}
.spectacles .inner a:hover{
	text-decoration: underline;	
}
.spectacles .inner a.nolink, .spectacles .inner a.nolink:hover{
	text-decoration: none;
	cursor: text;
}
.listespectacles{
	list-style-type: none; }
.listespectacles li{
	list-style-type: none; 
	padding: 0 0 9px 0;
}

.nouvelles{
	border: 1px solid #494949;
	margin: 7px 0 0 0;
	position: relative;
	color: #FFF;}
.nouvelles .inner{
	padding: 18px 21px;}
.nouvelles .inner .date{
	color: #a3a2a2;}	
.nouvelles a.tab, .nouvelles a.tab:link, .nouvelles a.tab:visited{
	position: absolute;
	top: -1px;
	right: -1px;
	background: #4c4c4c;
	height: 19px;
	line-height: 19px;
	font-weight: normal;
	font-size: 11px;
	color: #FFF;
	text-align: center;	
	width: 133px;		
	text-decoration: none; }
.nouvelles a.tab:hover{
	background: #7f7f7f;	}
.nouvelles .inner a, .nouvelles .inner a:link, .nouvelles .inner a:visited{
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
.nouvelles .inner a:hover{
	text-decoration: underline	
}

.listenouvelles{
	padding: 0 5px;
	border-bottom: 1px solid #282828;
}
.noborder{
	border: none;
}
.listenouvelles h2{
	font-size: 16px;
	color: #ffd74d;
	display: block;
	padding: 0 0 8px 0;
}
.listenouvelles h2 a{
	color: #ffd74d;
	font-weight: bold;
	text-decoration: none;
}

.listenouvelles .date{
	float: right;
	color: #a3a2a2;
}


.both{
	clear: both;}
.erreur{
	color: #F00;
}


#footer{
	border-top: 3px solid #4c4c4c;
	padding: 14px 0 0 0;	
	color: #5b5b5b;
	font-size: 11px;
}

#copyrights{
	text-align: left;
	float: left;
	width: 320px;
}
#footer a, #footer a:link, #footer a:visited{
	color: #5b5b5b;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer #logos{
	width: 415px;
	float: right;
	text-align: right;
}
#footer #logos img{
	float: right;
	display: block;
	margin: 14px 0 0 12px;
}
#copyrights #signatureVortex a{color:#fff;}

#nextback{
	font-size: 11px;
	background: none;
	width: 634px;
	text-align: center;}
#nextback a, #nextback a:link, #nextback a:visited{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #a3a2a2;}
#nextback a:hover{
	/*color: #1c5dad;*/
	text-decoration: underline	}
	
	
.thumbs{
	float: left;
	width: 110px;
	margin: 0 0 10px 0;
	cursor: pointer;
	background: none;}
.thumbs img{
	border: 1px solid #000;
	display: block;}
.thumbs a {
	border: 2px solid #4f4f4f;
	height: 70px;
	overflow: hidden;
	display: block;
	float: left;
	/*margin: 1px 0;*/ }
.thumbs a:hover{border: 2px solid #ffd74d;}		


.thumbsvideo{
	float: left;
	width: 110px;
	margin: 0 0 10px 0;
	cursor: pointer;
	background: none;}
.thumbsvideo img{
	border: 1px solid #000;
	display: block;}
.thumbsvideo a {
	border: 2px solid #4f4f4f;
	height: 57px;
	overflow: hidden;
	display: block;
	float: left;
	/*margin: 1px 0;*/ }
.thumbsvideo a:hover{border: 2px solid #ffd74d;}		

.colleft{
	float: left;
	width: 300px;
}
.colright{
	float: right;
	width: 300px;
}

.sitemap{
	margin: 0 0 0 20px;
	list-style-type: disc; 
}
.sitemap li{
	padding: 0 0 5px 0;
}
	
#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: inline;}
#contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #CCC;
	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 .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #ffd74d;
	border: 1px solid #ffd74d;
	color: #000;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 0;}
#contact .bouton:hover{
	background: #000;
	color: #ffd74d;}

.champCache{ display: none;}