/* 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{
	margin: 0;
	padding: 0;
	text-align:left;
}
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: #FFF;
	color: #000;
}

h1{
	font-size: 18px;
	color: #FFF;
	height: 25px;
	line-height: 25px;
	text-indent: 13px;
	background: #000;
	display: block;
}
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;
}
h6{
	font-size: 18px;
	color: #FFF;
	height: 25px;
	line-height: 25px;
	text-indent: 13px;
	background: #000;
	display: block;
}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:672px;
}

#bannertop, #bannerbottom, #header, #outermenu, .whitespacer, .blackspacer, #colleft, #colright, #outerbottom{
	display: none;
}

#outercontent{
	height: 100%;
}

#content{

}

.both{clear:both;}


#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{
	background: #000;
	color: #FFF;
	font-family: Arial, Verdana, Tahoma, Helvetica;
	border: 1px solid #000;
	font-size: 12px;
	font-weight: bold;
	padding: 0 6px;
}
#contact .bouton:hover, .contactnoform .bouton:hover, .contact .bouton:hover{background:#FFF; color:#000;}

.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;}


	
.events{
	width: 578px;
	}
.events .img{
	float: left;
	width: 65px;
	}
.events .img img{
	border: 1px solid #000;
	display: block;
	margin: 0px;
}

.events .txt1{
	float: right;
	width: 513px;	
	background: none;
}
.events .txt1 strong.catsousCat{
	text-transform:capitalize;
}	
.events .unfinished{
	background: Yellow;
	display: block;
	padding: 2px 4px;
}
	
.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 10px 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;	
}
	
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: 155px;
	height: 22px;
	background: none;
	float: left;	}	
#formville label{
	float: left;
	padding: 1px 5px 0 0;	}
#formville .listeDeroulante{
	background: #FFF;	
	float: left;
	border: 1px solid #C9D0D6;
	color: #000;
	margin: 0px;
	padding: 0px;
	width: 100px;}
	
#formsearch{
	float: left;
	width: 270px;
	background: none;
}	
#formsearch label{
	float: left;
	padding: 1px 5px 0 0;	}	
#formsearch .champTexte{
	background: #FFF;
	color: #000;
	font-size: 12px;
	width: 150px;
	margin: 0 6px 0 0;
	height: 16px;
	border: none;	
	padding: 0px;
	float: left;}
#formsearch .bouton{
	background: #5e5d5e;
	border: none;
	color: #FFF;
	width: 44px;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	float: left;
	font-weight: bold;}
#formsearch .bouton:hover{background-color:yellow; color:#000;}	
	

	
#nextback{
	font-size: 11px;
	width: 578px;
	text-align: center;}
#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	}	
	
.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;
}