/* Réinitialisation des éléments */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;border:0px;}

body#main{
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #000;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited{
	text-decoration: underline;
	font-weight: normal;
	color: #000;
	outline:none;}
a:hover{
	text-decoration: none;
}

a.link2, a.link2:link, a.link2:visited{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
a.link2:hover{
	text-decoration: underline;
}

a.link3, a.link3:link, a.link3:visited{
	text-decoration: underline;
	font-weight: bold;
	color: #000;
	outline:none;}
a.link3:hover{
	text-decoration: none;
}

a.link4, a.link4:link, a.link4:visited{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
a.link4:hover{
	text-decoration: none;
}

a.link5, a.link5:link, a.link5:visited{
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	background: #000;
	padding: 0 10px; 
	border: 1px solid #000;
	line-height: 20px;
	
}
a.link5:hover{
	text-decoration: none;
	background: #FFED00;
	border: 1px solid #FFED00;
	color: #000;
}



h1{
	font-size: 18px;
	/*height: 24px;*/
	color: #FFF;
	/*height: 23px;*/
	line-height: 25px;
	padding: 0px 10px 0px 13px;
	margin: 0px;
	background: #000;
	display: block;
}
h1 div{
	float: left;
	height: 25px;
	line-height: 25px;
}

h1 span{
	font-size: 15px;	
	line-height: 25px;
	display: block;
	float: left;
}

h3{
	font-size: 28px;
	color: #000;
	line-height: 28px;
	font-weight: bold;
	display: block;
	padding: 0 0 10px 0;
}
h4{
	font-size: 20px;
	color: #000;
	line-height: 28px;
	font-weight: bold;
	display: block;
	padding: 0;
	border-bottom: 1px solid #000;
}
h4.dateTitre{ font-size: 18px; margin-top: 5px; }
h6{
	font-size: 18px;
	color: #FFF;
	height: 25px;
	line-height: 25px;
	text-indent: 13px;
	background: #000;
	display: block;
}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#outerconteneur1{
	background: none;
	width: 998px;
	margin: 0px auto 0 auto;
	border: 1px solid #000;
	padding: 0 0 9px 0;
}


#conteneur{
	margin: 0 auto 0 auto;
	padding: 24px 0 0 0;
	text-align:left;
	width:950px;
}
	
#bannertop{
	background: #000;
	height: 106px;
}
#bannerbottom{
	background: #000;
	height: 106px;
}

.containerPub{ width: 728px; height: 90px; margin: 0 auto; position: relative; top: 8px; }

#header{
	background: #000;
	color: #FFF;
	height: 101px;
	position: relative;
}

#nadatodo{
	position: absolute;
	top: 12px;
	left: 16px;
}

#bookmark{
	position: absolute;
	top: 12px;
	right: 16px;
	width: 300px;
	height: 25px;
	line-height: 25px;
	text-align: right;
}

#textsize{
	position: absolute;
	top: 42px;
	right: 16px;
	width: 150px;
	height: 20px;
	line-height: 20px;
	background: none;
	text-align: right;
}
#textsize a, #textsize a:link, #textsize a:visited{

	color: #FFF;
	font-weight: normal;
	text-decoration: none;	
}
#textsize a:hover, #textsize a.actif, #textsize a.actif:link, #textsize a.actif:visited{
	text-decoration: underline;	
}

#formnewsletter{
	position: absolute;
	top: 72px;
	right: 16px;
	width: 450px;
	background: none;}	
#formnewsletter label{
	float: right;
	padding: 2px 5px 0 0;	}	
#formnewsletter #outernewslettercourriel{
	width: 150px;
	height: 20px;
	float: right;
	background: #FFF;
	display: block;
	margin: 0;
	position: relative;
}		
	
	
#formnewsletter .champTexte{
	position: absolute;
	top: 2px;
	left: 3px;
	background: none;
	color: #989898;
	font-size: 12px;
	width: 144px;
	height: 16px;
	border: none;	
	padding: 0px;}
#formnewsletter .bouton{
	background: #5e5d5e;
	border: none;
	color: #FFF;
	width: 44px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	float: right;
	font-weight: bold;}
#formnewsletter .bouton:hover{background:#FFED00; color:#000;}		



#outermenu{
	position: relative;
	background: #000;
	height: 37px;
}
#menusearch{
	background: none;
	width: 455px;
	height: 17px;
	position: absolute;
	top: 9px;
	left: 12px;
	color: #FFF;
	font-size: 12px;
}



.whitespacer{ background: transparent; width: 950px; }
.blackspacer{ background: #000; width: 950px;}

#outercontent{
	background: transparent url(Gx/bg_outercontent.gif) repeat-y 0px 0px;
	height: 100%;

}

#colleft{
	float: left;
	width: 186px;
	background: none;
}

#content{
	float: left;
	/*width: 592px;*/
	width: 764px;
	background: none;
	overflow: hidden; 
}
#content #innercontent{
	padding: 0 0 0 14px
}


/*#colright{
	float: right;
	width: 160px;
	background: #000;
	background: Lime;
	min-height:600px;
   height:auto !important;
   height:600px;
}*/


#outerbottom{
	background: transparent url(Gx/bg_bottom.gif) repeat-y 0px 0px;
	height: 100%;
}

#colleftbottom{
	float: left;	
	width: 167px;
	background: none;
	overflow: hidden;
}
#middlebottom{
	float: left;	
	width: 459px;
	background: none;
	/* inner 395px  */
}

#innermiddlebottom{
	padding: 0 0px 0 40px; 	
}
#innerinnermiddlebottom{
	width: 381px;
	background: none;
	overflow: hidden;
}

#innerinnermiddlebottom div{
	padding: 5px 0 0 0;
}


#colrightbottom{
	float: left;	
	width: 324px;	
	background: none;
}

#colrightbottom strong.date{
	
}
#colrightbottom strong.event{
	display: block;
	text-transform: uppercase;
	padding: 4px 0 4px 0;	
}



.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{
	position: absolute;
	top: 0px;
	right: 1px;
	width: 480px;
	height: 37px;
	background: none;


}
#menu ul{list-style-type:none;}
#menu ul li{
	padding:0; 
	margin:0; 
	display:block;
	float: right;
	padding: 0 0 0 42px;
	background: none;
	list-style-type:none;}
#menu ul li.last{
	padding: 0px;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	float: left;
	display: block;
	background: #000;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 37px;
	padding: 0 15px;
	text-decoration: none;
	text-align: center;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	color: #FFED00;
}
#menu ul li a.actif, #menu ul li a.actif:link, #menu ul li a.actif:hover, #menu ul li a.actif:visited{
	color: #FFED00;
}

#categories ul{
	list-style-type: none;
}
#categories ul ul{
	margin: 0 0 8px 0;
}
#categories li{
	background: transparent url(Gx/M/on.gif) no-repeat top right;
	float: left;
	width: 176px;
	padding: 0 0 1px 0;
	position: relative;
}
#categories li strong{
	position: absolute;
	top: 0px;
	left: 158px;
	display: block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: none;	
}

#categories a.level1, #categories a.level1:link, #categories a.level1:visited{
	float: left;
	display: block;
	width: 156px;
	background: transparent url(Gx/M/bg_categories.gif) repeat 0px 0px;
	font-weight: bold;
	font-size: 11px;
	/*height: 14px;*/
	line-height: 18px;
	text-indent: 4px;
	color: #FFF;
	text-decoration: none;	
	overflow: hidden;
}
#categories a.level1:hover{
	color: #FFED00;	
}

#categories div.souscats{
	display: none;
	position: absolute;
	bottom: 18px;
	left: 10px;
	z-index: 5;
	
	width: 178px;
	color: #000;
	
}
/*#categories .souscats span{
	padding: 5px;
	display: block;
}*/

#categories .souscats span.top{
	background: transparent url(Gx/01/souscat_top.png) no-repeat top left;
	position: relative;	
	display: block;
	height: 19px;
}
#categories .souscats span.middle{
	background: transparent url(Gx/01/souscat_bg.png) no-repeat;
	display: block;
}
#categories .souscats span.middle .innermiddle{
	display: block;
	padding: 0 0 0 21px;
}
#categories .souscats span.bottom{
	background: transparent url(Gx/01/souscat_bottom.png) no-repeat top left;	
	display: block;
	height: 11px;
}


#categories div li{
	background: none;
	padding: 0px;
	width: 145px;
}

#categories div a.close, #categories div a.close:link, #categories div a.close:visited{
	background:  transparent url(Gx/01/btn_close.gif) no-repeat 114px 4px;
	
	color: #000;
	font-weight: normal;
	font-size: 11px;
	display: block;
	height: 19px;
	float: right;
	line-height: 19px;
	padding: 0 27px 0 0;
	text-decoration: none;	
	text-align: right;
	width: 110px;
}
#categories div a.close:hover{
	
}


#categories a.level2, #categories a.level2:link, #categories a.level2:visited{
	width: auto;
	background: none;
	

	
	font-weight: normal;
	color: #000;
	text-indent: 0px;	
	text-decoration: none;
}
#categories a.level2:hover{
	color: Red;	
}



/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right; background: none; padding: 3px 0 0 0;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}


optgroup{
	font-style: normal !important;
	font-weight: bold;	
	padding:0px;
	margin:0px;
	text-transform:capitalize;
}

#contact .timecontainer, .contact .timecontainer{
	width:400px;
	height:25px;
}


#contact .colleft, .contact .colleft{
	float: left;
	width: 115px;	
}
#contact .colright, .contact .colright{
	float: left;
		width: 463px;
	background: none;	
}


#contact label, .contact label{
	/*float: left;
	display: block;*/
}

#contact .champTexte, .contact .champTexte{
	background: #FFF;
	border: 1px solid #000;
	color: #000;
	font-size: 11px;
	margin: 0px;
	/*float: left;*/
	width: 150px;
}
#contact .listeDeroulante, .contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #000;
	color: #000;
	padding: 0px;
	margin: 0px;
	
}
#contact .boiteTexte, .contact .boiteTexte{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #FFF;
	border: 1px solid #000;
	color: #000;
	font-size: 11px;
}
#contact .bouton, .contactnoform .bouton, .contact .bouton, .bouton{
	background: #000;
	color: #FFF;
	font-family: Arial, Verdana, Tahoma, Helvetica;
	/*border: 1px solid #000;*/
	font-size: 12px;
	font-weight: bold;
	padding: 0 7px;
	height: 20px;
	line-height: 20px;
	
}
#contact .bouton:hover, .contactnoform .bouton:hover, .contact .bouton:hover, .bouton:hover{background:#FFED00; color:#000; /*border: 1px solid #FFED00;*/}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */


.btnJSdate{
	background: #000;
	color: #FFF;
	width: 45px;
	height: 16px;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica;
}

.erreur{color:#FF0000;}

#tabrecherche{
	border: 0px;
	border-collapse: collapse;
	color: #000;
	font-family: Arial, Verdana, Tahoma, Helvetica;
	margin: 6px 0 0 0;
	width: 500px;
}

#tabrecherche td{
	padding: 0 0 3px 0;
}

#tabrecherche .td1{
	width: 70px;
}

#imgjours{
		display: block;
		margin: 0 0 4px 0;
}

#tabcalendrier{
	border: 0px;
	border-collapse: collapse;
	/*width: 176px;*/
	color: #000;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	float: left;
	margin: 0 0 10px 0px;}
#tabcalendrier th{
	text-align: center;
	font-weight: bold;}
#tabcalendrier th.month{
	padding: 0 0 5px 0;}
	
#tabcalendrier th.jour{
	color: #FFF;
	font-weight: normal;
	height: 12px;
	line-height: 12px;
	font-size: 9px;
	border: 1px solid #000;	
	background: #000;  }
#tabcalendrier th.spacerTR{
	height:4px;
	line-height:4px;
	font-size:0px;
}	
#tabcalendrier .spacerTR, #tabcalendrier .spacerTR th{
	height:4px;
	line-height:4px;
	font-size:0px;
}		


	
/*#tabcalendrier th.jour{
	background: transparent url(Gx/tabcalendrier_top_bg.gif) no-repeat 0px 2px;
	background: none;
	vertical-align: top;
	height: 14px;	
	position: relative;}	
#tabcalendrier th.jour img{
	display:block;
}*/


#tabcalendrier a.arrows, #tabcalendrier a.arrows:link, #tabcalendrier a.arrows:visited{
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;	
}
#tabcalendrier a.arrows:hover{
	
}
	
#tabcalendrier td{
	border: 1px solid #000;
	text-align: center;
	width: 24px;
	height: 24px;
	/*padding: 3px 0;*/}
#tabcalendrier td.noday{
	background: #646668;}
#tabcalendrier td.actif{
	background: none;  }
#tabcalendrier td.actifday{
	/*background: #d3d3cb;*/}	
#tabcalendrier .trdays a, #tabcalendrier .trdays a:link, #tabcalendrier .trdays a:visited{
	color: #000;
	
	display: block;
	margin: 0 auto;
	width: 24px;
	
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;}
#tabcalendrier .trdays a:hover{
	background: #FFED00;
	text-decoration: none;	}
#tabcalendrier .trdays a.actif, #tabcalendrier .trdays a.actif:link, #tabcalendrier .trdays a.actif:visited{
	color: #000;
}
#tabcalendrier .trdays a.actif:hover{
	color: #FFF;
	background: #000;
}
#tabcalendrier .trdays a.actifday, #tabcalendrier .trdays a.actifday:link, #tabcalendrier .trdays a.actifday:visited, #tabcalendrier .trdays a.actifday:hover{
	background: #FFED00;
	font-weight: bold;}
	
	
.bigboxcontainer{
	float: right;
	width: 300px;
	height: 250px;
	background: none;
}	
	
	
	
	
.events{
	width: 578px;
	width: 750px;
	}
.eventsFirst{
	width: 435px;
	background: none;
	float: left;
}	
	
	
.events .img{
	float: left;
	width: 65px;
	}
.events .img img{
	border: 1px solid #000;
	display: block;
	margin: 0px;
}

.events .txt1{
	float: right;
	width: 513px;	
	width: 685px;
	background: none;
}

.eventsFirst .txt1{
	float: right;
	width: 370px;	
	
	background: none;
}


.events .txt1 strong.catsousCat{
	text-transform:capitalize;
}	
	
.events h2{
	line-height: 17px;
	color: #000;
	font-weight: bold;
	padding: 2px 0 0 0;
}	

.events h2 a, .events h2 a:link, .events h2 a:visited{
	text-decoration: none;	
	font-weight: bold;
	color: #000;
}
.events h2 a:hover{
	text-decoration: none;	
}

	
.events .txt2{
	padding: 8px 0 8px 0;	
}	
	
#minisociallinks{
	text-align: right;
	height: 14px;
	padding: 10px 0 0 0;
}	
	
.sociallinks{
	margin: 0 0 0 6px;
	display: block;
	float: right;
}	

a.lienMap, a.lienMap:link, a.lienMap:visited{
	background: #868889;
	display: block;
	float: left; 	
	padding: 0 10px;
	font-size: 11px;
	margin: 6px 0 0 0;
		height: 16px;
		line-height: 16px;
		font-weight: bold;
		text-align: center;
		border: 1px solid #c2c3c4;
		color: #FFF;
		text-decoration: none;
	
}
a.lienMap:hover{
	background: #000;	
}
	
#smallactions{
	float: right;
	width: 200px;
	background: none;
}	
	
#reportEvent{
	float: left;
	background: none;
	/*width: 350px;*/
	padding: 0px 0 0 0;
}	

#messageReport{
	padding: 6px 0 0 0;
	/*display: none;*/
}

#sharefriend{
	float: left;
	padding: 3px 0 0 0;
	background: none;
}
	
	
a.readmore, a.readmore:link, a.readmore:visited{
	background: transparent url(Gx/01/bg_readmore.gif) no-repeat top right;
	display: block;
	height: 18px;
	line-height: 18px;
	border-bottom: 1px solid #000;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
a.readmore:hover{
	/*background: #000 url(Gx/01/bg_readmore.gif) no-repeat top right;
	color: #FFF;	
	text-indent: 8px;*/
}

a.back, a.back:link, a.back:visited{
	background: transparent url(Gx/01/bg_back.gif) no-repeat top right;
	display: block;
	height: 18px;
	line-height: 18px;
	border-bottom: 1px solid #000;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
a.back:hover{
	/*background: #000 url(Gx/01/bg_back.gif) no-repeat top right;*/
	/*color: #FFF;	*/
	/*text-indent: 8px;*/
}

#photoscontainer{
	width:578px;
	/*background:transparent url(inc/loading.gif) no-repeat 100px 100px;height:200px;*/
}	
	
#eventsDetailAction{
	text-align:center;
}

#formville{
	width: 190px;
	height: 22px;
	background: none;
	float: left;	}	
#formville label{
	float: left;
	padding: 2px 5px 0 0;	}
#formville .listeDeroulante{
	background: #FFF;	
	float: left;
	border: none;
	height: 20px;
	color: #000;
	margin: 0px;
	padding: 0px;
	width: 140px;}
	
#formsearch{
	float: left;
	width: 260px;
	background: none;
}	
#formsearch label{
	float: left;
	padding: 2px 5px 0 0;
}	
#formsearch #outersearch{
	width: 150px;
	height: 20px;
	float: left;
	background: #FFF;
	margin: 0;
	position: relative;
}	
#formsearch .champTexte{
	position: absolute;
	top: 2px;
	left: 3px;
	background: none;
	color: #000;
	font-size: 12px;
	width: 144px;
	height: 16px;
	border: none;	
	padding: 0px;
	float: left;
}
#formsearch .bouton{
	background: #5e5d5e;
	border: none;
	color: #FFF;
	width: 44px;
	height: 20px;
	font-size: 13px;
	padding: 0 0 0 3px;
	line-height: 20px;
	float: left;
	font-weight: bold;
}
#formsearch .bouton:hover{background:#FFED00; color:#000;}	

#nextback{
	font-size: 11px;
	width: 578px;
	text-align: center;}
#nextback.nextback_large{
	width: 750px;
	background: none;
}
#nextback a, #nextback a:link, #nextback a:visited{
	font-weight: bold;
	font-size: 11px;
	/*border: 1px solid #000;
	padding: 0 4px;
	line-height: 20px;*/
	text-decoration: none;
	color: #000;}
#nextback a:hover{
	/*color: #1c5dad;*/
	text-decoration: underline;
}

/*.outergooglemap{
	text-align: center;
	position: absolute;
	top: 61px;
	left: 0px;
	width: 908px;
	height: 244px;
	overflow: hidden;	
	}*/
.googlemap{
	width: 578px;
	height: 244px;
	float: left;
	background: #CCC;}	
.googlemap .inner{
	text-align: left;
	margin: 2px 0 0 2px;}
.googlemap .inner .theMap{
	width:574px;
	height:240px;
	overflow:hidden;}		
.itineraire{
	text-align: center;
	height: 20px;
	padding: 4px 0 0 0;
}
	
#videoplayercontainer{
	background: none;
	width:578px;

	text-align:left;
	height: 0px;
	visibility: hidden;
}

#videoplayerheader{
	background:none;
	height:20px;
	text-align:left;
}

#videoplayer{
	height: 326px;
	background: #FFF !important; /* IE */
}

#videoinfos{
	padding: 4px 0 0 0;
	background: none;		 
}

#videoscommentscontainer{
	background: none;
	/*height: 50px;*/
	display: none;
}

/*#videosthumbscontainer{
	background: none;
	float:right;
	width:234px;
			display: none;
}

#innervideosthumbscontainer{
	width:234px;
	overflow:hidden;
	background:none;
	padding:34px 0 0 0;
		
}
#innervideosthumbscontainer img{
	cursor:pointer;
	border:1px solid #000;
	float:left;
}

#videosthumbscontainerpaging{
	width:234px;
	height:auto;
	overflow:visible;
	background:none;
	line-height:28px;
	text-align:center;
}
#videosthumbscontainerpaging strong.link{
	font-size:20px;
	cursor:pointer;
}
#videosthumbscontainerpaging strong.nolink{
	font-size:20px;
	color:#CCC;
}*/


	
/*#videospageclearer{
	display: none;	
}	*/
	

#copyrights{
	padding: 3px 0 3px 0;
	/*float: left;*/
	background: none;
	/*width: 500px;*/
	font-size: 11px;
}

#bottommenu{
	padding: 3px 0 0 0;
	text-align: right;
	float: right;
	background: none;
	width: 350px;
	
}

#bottommenu a, #bottommenu a:link, #bottommenu a:visited{
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;	
}
#bottommenu a:hover{
	text-decoration: underline;
}

#message, #ajouter{
	display: none;
}

#boitereglement{
	display: none;
}