body{
	background: #FFFFFF url(Gx/bg.gif) repeat-y top center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body#print{ background: #FFFFFF; padding: 20px 0 20px 0; }

html{
	font-family: Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, form, div, form, ul, ol, li, a{ 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

/* MAIN */

.degrad_bleu{ background: #81A6E2 url(Gx/M/degrad.gif) repeat-x top left; }
.menu_vert{ background: #21982E; }
.fl_vert{ background: #9CD004; }

/* NAVIGATION */

#nav table{ background: #FFFFFF; filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }

/* MENU */

div#menu{ background: #F3F7FD; }

div#menu ul{ list-style: none; margin: 0 0 0 0; width: 188px; }
div#menu li{ width: 188px; border-bottom: #FFFFFF 1px solid; }

div#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #78A0E2;
	font-size: 11px; font-weight: bold;
	text-decoration: none;
	background: #E7EEF9;
	width: 178px; _width: 188px;
	padding: 5px 0 5px 10px;
	display: block;
}
div#menu ul li a:hover{ background: #ECF2FB; }

div#menu ul li a.actif, #menu ul li a.actif:link, #menu ul li a.actif:visited, #menu ul li a.actif:hover{
	color: #3D6AB4;
	background: #CFDBEC url(Gx/M/menu_on.gif) no-repeat center right;
}

div#sousmenu ul{ border-top: #FFFFFF 1px solid; margin-bottom: 3px; }
div#sousmenu ul li { border: 0px; }

div#sousmenu ul li a, div#sousmenu ul li a:link, div#sousmenu ul li a:visited{
	color: #5F8DD8;
	font-size: 10px; font-weight: normal;
	background: #F3F7FD url(Gx/M/menu_sm.gif) no-repeat top left;
	width: 161px; _width: 188px;
	padding: 2px 0 2px 27px;
	display: block;
}
div#sousmenu ul li a:hover{ background: #E7EEF9 url(Gx/M/menu_sm.gif) no-repeat top left; }

div#sousmenu ul li a.actif, div#sousmenu ul li a.actif:link, div#sousmenu ul li a.actif:visited, div#sousmenu ul li a.actif:hover{
	color: #5F8DD8;
	font-size: 11px; font-weight: bold;
	background: #F3F7FD url(Gx/M/menu_smo.gif) no-repeat top left;
}

#menu #icone{
	background: #EAF1FC;
	margin: 30px 0 30px 0; 
	padding: 10px 10px 5px 10px;
}
#menu #icone img{ margin-bottom: 5px; }

#lien_page{ background: #F3F7FD; padding: 3px; margin: 10px 11px 0 0; height: 20px; font-size: 0px; text-align: left; }
#lien_page a, #lien_page a:link, #lien_page a:visited{ 
	color: #5F8DD8; font-size: 10px; text-decoration: none;
	padding: 0 9px 0 9px; margin: 0 0 3px 0;
	border-left: #3D6AB4 1px solid;
	display: block; float: left;
}
#lien_page a:hover{ background: #E7EEF9; }

#lien_page a.clean, #lien_page a.clean:link, #lien_page a.clean:visited, #lien_page a.clean:hover{ border: 0px; }
#lien_page a.actif, #lien_page a.actif:link, #lien_page a.actif:visited, #lien_page a.actif:hover{ font-size: 11px; font-weight: bold; background: #EAF1FC; }

/* CONTENU */

#contenu{ color: #333333; font-size: 11px; text-align: justify; padding: 12px 11px 12px 12px; }
#contenu table{ color: #333333; font-size: 11px; text-align: justify;  }
#contenu div.accueil{ padding: 0 12px 0 11px; }

a, a:link, a:visited, a:hover{ color: #3F3B2F; }
a.bleu, a.bleu:link, a.bleu:visited, a.bleu:hover{ color: #1C3E75; }
a.fl_v, a.fl_v:link, a.fl_v:visited, a.fl_v:hover{ background: transparent url(Gx/M/fleche_v.gif) no-repeat top left; padding-left: 8px; }
a.pl_v, a.pl_v:link, a.pl_v:visited, a.pl_v:hover{ background: transparent url(Gx/M/plus_v.gif) no-repeat bottom left; padding-left: 8px; }
a.fl_b, a.fl_b:link, a.fl_b:visited, a.fl_b:hover{ background: transparent url(Gx/M/fleche_b.gif) no-repeat top left; padding-left: 8px; }
a.pl_b, a.pl_b:link, a.pl_b:visited, a.pl_b:hover{ background: transparent url(Gx/M/plus_b.gif) no-repeat bottom left; padding-left: 8px; }

h2{ font-size: 12px; }
h3{ color: #21982E; font-size: 11px; margin-bottom: 3px; }
h4{ color: #1C3E75; font-size: 11px; display: inline; }
h5{ color: #c63800; font-size: 11px; display: inline;  }
.bleu{ color: #1C3E75; }
.vert{ color: #21982E; font-weight: bold;}

.h1{ display: block; margin-bottom: 20px; }
.h2{ display: block; margin-bottom: 10px; }

h3 a, h3 a:link, h3 a:visited, h3 a:hover{ color: #21982E; text-decoration: underline; }

ol{ margin-left: 22px; }
ol li{ color: #21982E; font-weight: bold; margin-bottom: 10px; }
ol li div{ color: #3F3B2F; font-weight: normal; }
#contenu ol{ list-style: decimal; margin: 0 0 0 0; padding: 0 0 0 0; }
#contenu ol li{list-style: decimal; color: #3F3B2F; margin-bottom: 5px; font-weight: normal; padding-left: 8px; margin-left: 30px;}
#contenu ul{ list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#contenu ul li{ color: #333333; background: #FFFFFF url(Gx/M/fleche_v.gif) no-repeat top left; padding-left: 8px; margin-bottom: 5px; }
#contenu ul li ul{ margin-top: 5px; }
#contenu ul li ul li{ margin: 0 0 0 0; background: #FFFFFF url(Gx/M/sm_v.gif) no-repeat top left; padding-left: 8px; margin-bottom: 2px; }
/*#bloc ul li{ color: #565245; background: #FFFFFF url(Gx/M/feuille.gif) no-repeat top left; height: 20px; padding-left: 55px; margin-bottom: 5px; }*/

#ligne{ background: #FFFFFF url(Gx/M/ligne.gif) no-repeat center center; height: 21px; margin: 10px 0 10px 0; }

div.lettre{ color: #21982E; width: 28px; _width: 20px; float: left; margin: 0 5px 10px 0; }
div.lettre a.actif, div.lettre a.actif:link, div.lettre a.actif:visited, div.lettre a.actif:hover{ color: #21982E; font-weight: bold; }

/* NOUVELLE */

#nouvelle, #nouvelle td{ color: #21982E; font-size: 10px; padding: 0 11px 0 12px; }
#nouvelle h2, #nouvelle td h2{ font-size: 11px; margin-bottom: 3px; }

/* COMMUNIQUÉS */

#communique, #communique td{ color: #1C3E75; font-size: 10px; }
#communique h2, #communique td h2{ font-size: 11px; margin-bottom: 3px; }
#communique a.pl_b, #communique a.pl_b:link, #communique a.pl_b:visited, #communique a.pl_b:hover{ color: #3D6AB4; }
#communique a.fl_b, #communique a.fl_b:link, #communique a.fl_b:visited, #communique a.fl_b:hover{ color: #3D6AB4; }

/* HORAIRE */

#horaire{ font-size: 10px; }
#horaire h2{ margin-bottom: 5px; }
#horaire .vert{ padding-bottom: 2px; }

/* BOITE */

#boite{
	text-align: left;
	color: #3D6AB4;
	font-size: 11px;
	padding-left: 10px;
	border-left: #E0E0E0 1px solid;
}

#boite table{ color: #3D6AB4; }
#boite h3{ color: #1C3E75; }
#boite div{ font-size: 10px; }
#boite a.pl_b, #boite a.pl_b:link, #boite a.pl_b:visited, #boite a.pl_b:hover{ color: #3D6AB4; }

#boite select, #boite input{
	color: #1C3E75; font-size: 11px;
	border: #CCCCCC 1px solid;
	margin-bottom: 15px;
	width: 160px;
}
#boite input.Bouton{
	color: #78A0E2; font-weight: bold;
	background: #E7EEF9;
	border: #CCCCCC 1px outset;
	width: 40px;
}

#gauche{ padding-right: 10px; }

/* BLOC */

#bloc{
	text-align: left;
	color: #3D6AB4;
	font-size: 11px;
	padding: 10px;
	border: #008000 1px solid;
	background: #F3F7FD;
}

#bloc ul{ list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#bloc ul li{ color: #565245; background: #F3F7FD url(Gx/M/fleche_v.gif) no-repeat top left; padding-left: 8px; margin-bottom: 5px; }


/* TABLEAU */

#tableau { border: #E0E0E0 1px solid; border-bottom: 0px;}
#tableau td { border-bottom: #E0E0E0 1px solid; }
#tableau th { background-color:#F3F7FD; border-bottom: #E0E0E0 1px solid; }

.tableau { border: #E0E0E0 1px solid; border-bottom: 0px; }
.tableau td { border-bottom: #E0E0E0 1px solid; }
.tableau th { background-color:#F3F7FD; border-bottom: #E0E0E0 1px solid; }

/* CALENDRIER */

#calendrier td{ color: #565245; font-size: 11px; }
#calendrier td.date{ color: #5F8DD8; font-size: 10px; text-align: center; background: #F3F7FD; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }

#calendrier td.type2{ font-size: 10px; text-align: center; background: #9CD004; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type3{ font-size: 10px; text-align: center; background: #1C3E75; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type4{ font-size: 10px; text-align: center; background: #21982E; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type5{ font-size: 10px; text-align: center; background: #5A8EDE; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type6{ font-size: 10px; text-align: center; background: #115C16; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type7{ font-size: 10px; text-align: center; background: #ACC3EC; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type8{ font-size: 10px; text-align: center; background: #C7E66E; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type9{ font-size: 10px; text-align: center; background: #8BAFDF; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type10{ font-size: 10px; text-align: center; background: #CFE3FF; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type11{ font-size: 10px; text-align: center; background: #DFCAA7; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type12{ font-size: 10px; text-align: center; background: #A7DFA9; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type13{ font-size: 10px; text-align: center; background: #BFBFBF; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type14{ font-size: 10px; text-align: center; background: #EEEFA4; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
#calendrier td.type15{ font-size: 10px; text-align: center; background: #EFA4BC; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }

#calendrier td.legende{ font-style: italic; padding-left: 10px; text-align: left; }

#calendrier a, #calendrier a:link, #calendrier a:visited{ color: #FFFFFF; text-decoration: none; width: 23px; }
#calendrier a:hover{ background: transparent url(Gx/3000/dd_ov.gif) no-repeat center left; }

#calendrier a.actif, #calendrier a.actif:link, #calendrier a.actif:visited, #calendrier a.actif:hover{ background: transparent url(Gx/3000/dd_ov.gif) no-repeat center left; }
#calendrier div{ background: url(Gx/3000/dd_on.gif) no-repeat center left; width: 23px; }

div.type2_txt{ font-style: italic; color: #9CD004; }
div.type3_txt{ font-style: italic; color: #1C3E75; }
div.type4_txt{ font-style: italic; color: #21982E; }

/* IMAGE CONSEIL */

#img_conseil{ padding-left: 20px; }
#img_conseil img{ border: #9D9886 1px solid;  }

/* IMAGE COMISSION ET COMITÉ */
#img_cc{ float: right; margin: 0 0 0 10px; }
#img_cc img{ display: block; border: #E7EEF9 3px solid; margin: 0 0 5px 0; }

/* FORM */

form input, form select{
	color: #9D9886; font-size: 11px;
	border: #CCCCCC 1px solid;
	width: 200px;
}
form input.Bouton{
	color: #21982E; font-weight: bold;
	border: #CCCCCC 1px outset;
	background: #F0F0F0;
	width: 100px;
}
form input.Check{
	border: 0px; width: 20px;
}
span.hilite{
	color: Navy;
	font-weight: bold;
}
form textarea{
	color: #9D9886; font-family: Arial;
	font-size: 11px;
	border: #CCCCCC 1px solid;
	width: 470px;
}

form table td{ padding-bottom: 10px; }
/* Galerie photo */

#photoWrapper{
	float:left;
	width:520px;
}
#photoWrapper img{
	float: left;
	margin: 0 20px 15px 0;
	border: 0;
	border: #E7EEF9 3px solid;
	width: 100px;
	height: 100px;
}
.dialogBoxWrapper {
	visibility: hidden;
	display: none;
	position: absolute;
	z-index: 220;
	top: 20px;
	left:20px;
}
.dialogBox {
	position: absolute;
	border: solid 1px #777;
	z-index: 120;
	background: #FFF;
}
.dialogBoxShadow {
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='6', MakeShadow='true', ShadowOpacity='0.60');
	top: 7px;
	left: 7px;
	background: #8F8F8F;
}
/* FOOTER */

#footer{
	color: #B7B7A2; font-size: 10px;
	background: #FFFFFF url(Gx/M/footer.gif) no-repeat bottom center;
	padding: 0 0 10px 0;
	height: 40px; _height: 70px;
}

#footer a, #footer a:link, #footer a:visited{
	color: #B7B7A2;
	font-size: 11px; font-weight: bold;
	text-decoration: none;
}
#footer a:hover{ text-decoration: underline; }