/* Mis en page globale */

html, body {height: 100%;margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#wrapper{min-height: 100%;width: 796px;padding: 0 0px;margin: 0 auto;position: relative;padding: 0 0px;
			background: url("../background/transparent.png") center repeat;}

#header{background: url("../background/menu.jpg") no-repeat;color: #fff;height: 100px; }

#header_us{background: url("../background/menu_us.gif") no-repeat;color: #fff;height: 100px; }

#menu{}

#content{padding-bottom: 10px;overflow: auto;color:white;margin-left:25px;margin-right:25px;text-align:left;}

#foot{ position: absolute; width: 100%;bottom: 0;background:#99cccc;color: #fff;}

div#infos{text-align:left;float:left;padding-left:25px;}

#drapeaux{text-align:right;padding-right:25px;}


/************* Mis en page agenda ****************/

.moisparch{background: url("../background/red_triangle.gif") no-repeat;margin-right:30px;float:left;padding-left:24px; padding-right:0px; padding-top:0px; padding-bottom:0px}
.moisdown{background: url("../background/down_triangle.gif") no-repeat;left;padding-left:24px;}
.agenda_table{margin-top:30px;}
.agenda_td{text-align:center;}
.agenda_date{font-size:13px;font-weight:bold;margin-bottom:20px;margin-left:40px;}
.agenda_forfait{margin-left:20px;}
.agenda_normal{font-size:13px;}
.agenda_special{font-size:14px;font-weight:bold;}
.agenda_special img{text-decoration:none;border:none;}
.ete{color:red;font-size:14px;}
.zen{font-size:13px;font-weight:bold;display:inline;}
.forfaitbis{margin-left:15px;font-size:10px; color: #FFFFFF;}


/************* Mis en page les regles ****************/

#titre_regle{color:#ff0000;text-align:center;font-weight: bold;font-size:14px;margin-bottom:20px;}

.td_regles_centre{text-align:center;font-size:13px; font-weight:bold;}

.td_regles_decale{padding-left:50px;margin-bottom:30px;}

.td_regles_decale1{padding-left:50px;margin-bottom:0px;}

.tr_regles_space{padding-bottom:200px;}


/************* Mis en page la newsletter ****************/

#newsletter_intro{margin-bottom:20px;margin-left:15px;margin-right:15px;text-align: justify}

#newsletter_form{margin-top:30px;}

#newsletter_loi{margin-top:50px;margin-left:30px;margin-right:30px;text-align: justify ;font-size:9px;}

h5{text-align:center;}


/************* Mis en page de MST infosida ****************/


.sida_paraph{margin-bottom:20px;margin-left:15px;margin-right:15px;text-align: justify}


#titre{border: 0px; width: 675px; margin-top: 15px; padding-left: 25px; padding-right: 25px; padding-top: 1px;

	padding-bottom: 1px; border: 1px dashed #FFFFFF; color: #D99A15; text-align:left;margin-bottom:15px}

#titre1{border: 0px; width: 675px; margin-top: 15px; padding-left: 25px; padding-right: 25px; padding-top: 1px;

	padding-bottom: 1px; border: 1px dashed #FFFFFF; color: #D99A15; text-align:left;margin-bottom:15px}

#titre2{border: 0px; width: 675px; margin-top: 15px; padding-left: 25px; padding-right: 25px; padding-top: 1px;

	padding-bottom: 1px; border: 1px dashed #FFFFFF; color: #D99A15; text-align:left;margin-bottom:15px}



#titre_photos{border: 0px; width: 675px; margin-top: 15px;  padding-left: 25px; padding-right: 25px; padding-top: 1px;

	padding-bottom: 1px; border: 1px dashed #FFFFFF; color: #33cc00; text-align:left;margin-bottom:15px}

	

#titre_acces{border: 0px; width: 675px; margin-top: 15px;  padding-left: 25px; padding-right: 25px; padding-top: 1px;

	padding-bottom: 1px; border: 1px dashed #FFFFFF; color: #ff0000; text-align:left;margin-bottom:15px}



#titre_regles{border: 0px; width: 675px; margin-top: 15px;  padding-left: 25px; padding-right: 25px; padding-top: 1px;

	padding-bottom: 1px; border: 1px dashed #FFFFFF; color: #ff0099; text-align:left;margin-bottom:15px}

	

#titre_newsletter{border: 0px; width: 675px; margin-top: 15px;  padding-left: 25px; padding-right: 25px; padding-top: 1px;

	padding-bottom: 1px; border: 1px dashed #FFFFFF; color: #0099ff; text-align:left;margin-bottom:15px}

	









#titre_mst{border: 0px; width: 675px; margin-top: 15px;  padding-left: 25px; padding-right: 25px; padding-top: 1px;

	padding-bottom: 1px; border: 1px dashed #ffffff; color: #00ff00; text-align:left;margin-bottom:15px}





#titre_agenda{border: 0px; width: 675px; margin-top: 15px;  padding-left: 25px; padding-right: 25px; padding-top: 1px;

	padding-bottom: 1px; border: 1px dashed #ffffff; color: #6633ff; text-align:left;margin-bottom:15px}







/**************************************************************************************************************************************************/





#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../_img/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../_img/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../_img/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;
                    width: 100%	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}







/***************************************************************************************************************************************************/























table{

	border:0px;

}



.center{text-align:center;}



img{

	border: none; text-decoration:none;

}

/*

a{

	border: 0px solid black;

	color: #000000;

	text-decoration:none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

}



a.menu

{

 font-size:11px;

 text-decoration:none;

 color:white;

 font-family: Verdana, Arial, Helvetica, sans-serif;background-image:url('events.gif');

	background-repeat: no-repeat



}

a:link.content

{

 font-size:11px;

 text-decoration:none;

 color:white;

 

}

a img
{
	border:none;text-decoration:none;
}


a.menu:hover

{

 text-decoration:none;

}



a:hover

{

 text-decoration:underline;

}



a.lien

{

 font-size:10px;

}



.menu

{

 width:100px;

}



td.menu,td.menub

{

 text-align:center;

}*/



#agenda{clear:both;}