body#main{
	background: #FFF url(gx/bg.gif) repeat-x;
	/* voir le bg.gif pour comprendre le principle
		le bg fait la bordure du site et aussi le fond de la marge 
		permet d'avoir un site 100% en hauteur sans de trick html */
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}
html{
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
}

#haut{
	background: url(gx/m/bg_haut.jpg) no-repeat;
}

#moduleHaut{
	background: url(gx/m/bg_moduleHaut.gif) no-repeat;
}
#encadre{
	background: url(gx/m/bg_table.gif) no-repeat;
}


#encadre div.Forfait2{
	border: 2px solid #EB9E10;
	padding: 8px 8px 8px 8px;
	margin-bottom: 10px;
}
#encadre div.Forfait1{
	border: 1px solid #CADAE4;
	padding: 8px 8px 8px 8px;
	margin-bottom: 10px;
}
#encadre div.Forfait{
	border: 1px solid #CADAE4;
	padding: 8px 8px 8px 8px;
	margin-bottom: 10px;
}

h1{
	margin: 5px 0 5px 0;
	padding: 0 0 3px 0;
	font-size: 18px;
	color: #586872;
	font-family: "Trebuchet MS";
	border-bottom: solid 3px #E9EEF0;
}

h2{
	margin: 5px 0 5px 0;
	padding: 0 0 3px 0;
	font-size: 16px;
	color: #586872;
	font-family: "Trebuchet MS";
	border-bottom: solid 3px #E9EEF0;
}

#piedPage{
	color: #8B969C;
	height: 50px;
	font-size: 80%;
	font-family: tahoma;
	font-size: 10px;
	padding: 0 0 0 0;
}

#piedPage a{ color: #8B969C; border-bottom: none;}
#piedPage a:hover{ color: #000; }
#piedPage div.copyrights{ float: left; margin: 0 0 0 0; text-align: left;}
#piedPage div.copyrights a{ font-weight: bold; }

#img{
	background: #FFF url(gx/m/bg_img.gif) no-repeat top left;
	text-align: center;
	vertical-align: center;
	width: 195px;
	height: 195px;
}

td#img2{
	border: 1px solid gray;
	text-align: center;
	vertical-align: center;
	width: 195px;
	height: 195px;
}
td.img3{
	border: 1px solid gray;
	text-align: center;
	vertical-align: center;
	margin:10px;
}

/* TEXTE*/
.texte{
	margin: 0 0 0 0;
	font-size: 11px;
	line-height: 140%;
	color: #607786;
}
.texteBlanc{
	margin: 0 0 0 0;
	font-size: 11px;
	line-height: 140%;
	color: #FFF;
}

.texte a, .texte a:link, .texte a:visited{
	color: #607786;
	text-decoration: none;
	
}
.texte a:hover, .texte a:visited:hover{
	color: #000;
	text-decoration: underline;
}

.texte ul li{
	list-style: square;
}

.textePetit{
	color: #607786;
	font-size: 9px;
}

/* EVENEMENT */ 
ul.listeEvenement{
	color: #FFF;
	font-size: 11px;
	margin : 0 10px 0 10px;
	padding: 0 0 0 0;
	list-style: none;
}
ul.listeEvenement li{
	padding : 5px 0 5px 0;
	_padding: 0 0 0 0;
}
ul.listeEvenement a{
	color: #FFF;
	text-decoration: none;
}
ul.listeEvenement a:hover{
	color: #FFF;
	text-decoration: underline;
}
ul.listeEvenement a.tous, ul.listeEvenement a.tous:hover{ color: #5B8096; font-weight: bold; }
ul.listeEvenement a.tous2, ul.listeEvenement a.tous2:hover{ color: #5F6F4D; font-weight: bold; }

/* ÉTABLISSEMENT */
ul.listeEtablissement{
	color: #FFF;
	font-size: 11px;
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
ul.listeEtablissement a{
	color: #FFF;
	text-decoration: none;
}
ul.listeEtablissement a:hover{
	color: #FFF;
	text-decoration: underline;
}
ul.listeEtablissement a.tous, ul.listeEtablissement a.tous:hover{ color: #D62000; font-weight: bold; }


ul.listeEtablissement li{
	padding : 5px 0 2px 10px; _padding: 0 0 0 10px;
	background: #E89A09 url(gx/puce_etablissement.gif) no-repeat;
	
}
ul.listeEtablissement li ul{
	margin : 0 0 -5px -10px; _margin: 0 0 0 -10px;
	padding : 0 0 0 10px;
	background: #F9AB1A;
}
ul.listeEtablissement li ul li{
	list-style: none;
	padding : 5px 0 5px 0;
	_padding: 0 0 0 0;
	background: #F9AB1A;
}

ul.listeEtablissement2{
	color: #FFF;
	font-size: 11px;
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
ul.listeEtablissement2 a{
	color: #FFF;
	text-decoration: none;
}
ul.listeEtablissement2 a:hover{
	color: #FFF;
	text-decoration: underline;
}
ul.listeEtablissement2 a.tous, ul.listeEtablissement2 a.tous:hover{ color: #D62000; font-weight: bold; margin: 5px 0 0 0; }

ul.listeEtablissement2 li{
	padding : 5px 0 2px 10px; _padding: 0 0 0 10px;
}

/* calendrier */

#calendrier{
	font-size: 11px;
	color: #607786;
	line-height: 140%;
	text-align: center;
}

#calendrier .pale{ color: #E2E2E2; }
#calendrier .border{ background: #8CA6B5; }
#calendrier .actif{ background: #BDCBD6; }
#calendrier .actifp{ color: #CEDBE7; background: #BDCBD6; }

#calendrier a, #calendrier a:link, #calendrier a:visited{
	color: #999999;
	text-decoration: none;
	text-align: center;
}
#calendrier a:hover{ text-decoration: underline; background: #CEDBE7; }

#calendrier .mois{
	color: #8CA6B5;
	font-family: verdana;
	font-weight: bold;
	padding: 0 0 5px 0;
}

/* Page Recherche */
ul#recherche{ margin: 0 0 0 10px; }
ul#recherche li{ margin: 0 0 0 15px; }


/* formulaires */
form{
	margin: 0;
	line-height: 150%;
	/* bug avec Internet Explorer des font size relative au parent */
	font-size: 11px;
	<!-- font-size: 100%; -->
}
input, textarea, select{	
	color: #607786;
	border: 1px solid #BECBD4;
	background: #EFF5F9;
	margin: 2px 0 2px 0;
	padding: 1px;
	font-size: 11px;
	font-weight: regular;
	float: none;
}
input.radio{	
	color: #607786;
	margin: 2px 0 0 0;
	border: 0px;
	background: #FFFFFF;
}

form .inputBouton{
	background-color: #EFF5F9;
	color: #607786;
	margin: 0 5px 2px 0;
	font-size: 10px;
	border: 1px solid #BECBD4;
}