body {
	background-color: #e3f7fb;
	font-family: arial,sans-serif;
	color: #3d107b;
	height: 88%;
	margin:0 auto;
}

a:link, a:visited {
	text-decoration: none;
	color: #8C0000;
}
.main {
	/*text-align: center;*/
	margin:0px  auto 0 auto;
	top:0px;
	padding:0px;
	
}


.banner	
{	
	background-color:#eb880e;
	font-size: 10px;
	margin: 0px  auto 0 auto ;
	width:770px;
	height:169px;
	text-align: center;
	color:#FFFFFF;
}

.bottom
{	
	background-color:#eb880e;
	font-size: 77%;
	margin: 0px  auto 0 auto ;
	width:756px;
	height:16px;
	text-align: center;
	padding:7px;
	color:#FFFFFF;
}

.left	
{	
	background-color:#00AA31;
	font-size: 100%;
	font-family:FunStuff;
	margin:  0 auto;
	padding:0p;
	width:154px;
	height:100%;
	color:#8cdba5;
	text-align:left;
}
		
.center	
{	
	background-color:#ffffff;
	font-size: 88%;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px auto;
	width:355px;
	height:100%;
	padding:0px 10px 0px 10px ;
	top:0px;
}
.center_title	
{	
	background-color:#ffffff;
	font-size: 117%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0px auto;
	width:330px;
	height:100%;
	padding:0px 10px 0px 10px ;
	top:0px;
}
.normal
{	
	background-color:#ffffff;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width:150px;
	height:100%;
	padding:0px 20px 0px 20px ;
	top:0px;
}
.right
{	
	background-color:#29415A;
	font-size: 100%;
	font-family:FunStuff;
	margin: 0px  auto;
	padding:0px;
	width:170px;
	height:100%;
	text-align:center;
}

.foot {
	position: relative;
	top: -25px;
	font-size: 10px;
	margin: 0 auto 0 auto;
}

.foot .left {
	padding-left: 10px;
	text-align: left;
	font-size:117%;
}

.foot .right {
	padding-right: 10px;
	text-align: right;
	font-size:117%;
}

.foot .spc {
	background: #3d107b;
	width: 1px;
	margin: 0 10px 0 10px;
}

.foot a {
	color: #3d107b;
	font-family: arial, sans-serif;

	text-decoration:none;
	font-weight: bold;
}

.foot a:hover {
	text-decoration:underline;
}

	/*********** Menu **************/
		#menu{
			padding:0;
			margin:7px 0 0 0;
			
			color:#8cdba5;
		}
		#nav, #nav ul { /* all lists */
			width:147px;
			height:100%;
			padding:0;
			margin:0 auto;
			/*float:left;*/
			list-style:none;
			display:block;
			color:#8cdba5;
		}
		
		#nav li { /* all list items */
			position : relative;
			/*float : left;*/
			width: 100%;;
		}
		
		#nav li a{
			background-color:#00AA31;
			
			color:#8cdba5;
			text-decoration:none;
			display:block;
			width:100%;
			height:34px;
			
		}
		#nav_fr_accueil{background-image:url(../images/nav/fr/nav_accueil.gif);}
		#nav_fr_accueil:hover{background-image:url(../images/nav/fr/nav_accueil_hover.gif);}
		#nav_fr_parc{background-image:url(../images/nav/fr/nav_parc.gif);}
		#nav_fr_parc:hover{background-image:url(../images/nav/fr/nav_parc_hover.gif);}
		#nav_fr_parc{background-image:url(../images/nav/fr/nav_parc.gif);}
		#nav_fr_parc:hover{background-image:url(../images/nav/fr/nav_parc_hover.gif);}
		
		#nav_fr_gymnase{background-image:url(../images/nav/fr/nav_gymnase.gif);}
		#nav_fr_gymnase:hover{background-image:url(../images/nav/fr/nav_gymnase_hover.gif);}
		#nav_fr_aide{background-image:url(../images/nav/fr/nav_aide.gif);}
		#nav_fr_aide:hover{background-image:url(../images/nav/fr/nav_aide_hover.gif);}
		
		
		#nav_fr_carrieres{background-image:url(../images/nav/fr/nav_carrieres.gif);}
		#nav_fr_carrieres:hover{background-image:url(../images/nav/fr/nav_carrieres_hover.gif);}
		#nav_fr_english{background-image:url(../images/nav/fr/nav_ENGLISH.gif);}
		#nav_fr_english:hover{background-image:url(../images/nav/fr/nav_ENGLISH_hover.gif);}
		#nav_fr_equipe{background-image:url(../images/nav/fr/nav_equipe.gif);}
		#nav_fr_equipe:hover{background-image:url(../images/nav/fr/nav_equipe_hover.gif);}
		#nav_fr_faq{background-image:url(../images/nav/fr/nav_faq.gif);}
		#nav_fr_faq:hover{background-image:url(../images/nav/fr/nav_faq_hover.gif);}
		#nav_fr_groupes{background-image:url(../images/nav/fr/nav_groupes.gif);}
		#nav_fr_groupes:hover{background-image:url(../images/nav/fr/nav_groupes_hover.gif);}
		#nav_fr_guestbook{background-image:url(../images/nav/fr/nav_guestbook.gif);}
		#nav_fr_guestbook:hover{background-image:url(../images/nav/fr/nav_guestbook_hover.gif);}
		#nav_fr_horaire{background-image:url(../images/nav/fr/nav_horaire.gif);}
		#nav_fr_horaire:hover{background-image:url(../images/nav/fr/nav_horaire_hover.gif);}
		#nav_fr_menu{background-image:url(../images/nav/fr/nav_menu.gif);}
		#nav_fr_menu:hover{background-image:url(../images/nav/fr/nav_menu_hover.gif);}
		#nav_fr_contact{background-image:url(../images/nav/fr/nav_nous_joindre.gif);}
		#nav_fr_contact:hover{background-image:url(../images/nav/fr/nav_nous_joindre_hover.gif);}
		#nav_fr_themes{background-image:url(../images/nav/fr/nav_themes.gif);}
		#nav_fr_themes:hover{background-image:url(../images/nav/fr/nav_themes_hover.gif);}
		
		#nav_en_accueil{background-image:url(../images/nav/en/nav_accueil.gif);}
		#nav_en_accueil:hover{background-image:url(../images/nav/en/nav_accueil_hover.gif);}
		
		#nav_en_parc{background-image:url(../images/nav/en/nav_parc.gif);}
		#nav_en_parc:hover{background-image:url(../images/nav/en/nav_parc_hover.gif);}
		
		#nav_en_gymnase{background-image:url(../images/nav/en/nav_gymnase.gif);}
		#nav_en_gymnase:hover{background-image:url(../images/nav/en/nav_gymnase_hover.gif);}
		#nav_en_aide{background-image:url(../images/nav/en/nav_aide.gif);}
		#nav_en_aide:hover{background-image:url(../images/nav/en/nav_aide_hover.gif);}
		
		#nav_en_carrieres{background-image:url(../images/nav/en/nav_carrieres.gif);}
		#nav_en_carrieres:hover{background-image:url(../images/nav/en/nav_carrieres_hover.gif);}
		#nav_en_english{background-image:url(../images/nav/en/nav_francais.gif);}
		#nav_en_english:hover{background-image:url(../images/nav/en/nav_francais_hover.gif);}
		#nav_en_equipe{background-image:url(../images/nav/en/nav_equipe.gif);}
		#nav_en_equipe:hover{background-image:url(../images/nav/en/nav_equipe_hover.gif);}
		#nav_en_faq{background-image:url(../images/nav/en/nav_faq.gif);}
		#nav_en_faq:hover{background-image:url(../images/nav/en/nav_faq_hover.gif);}
		#nav_en_groupes{background-image:url(../images/nav/en/nav_groupes.gif);}
		#nav_en_groupes:hover{background-image:url(../images/nav/en/nav_groupes_hover.gif);}
		#nav_en_guestbook{background-image:url(../images/nav/en/nav_guestbook.gif);}
		#nav_en_guestbook:hover{background-image:url(../images/nav/en/nav_guestbook_hover.gif);}
		#nav_en_horaire{background-image:url(../images/nav/en/nav_horaire.gif);}
		#nav_en_horaire:hover{background-image:url(../images/nav/en/nav_horaire_hover.gif);}
		#nav_en_menu{background-image:url(../images/nav/en/nav_menu.gif);}
		#nav_en_menu:hover{background-image:url(../images/nav/en/nav_menu_hover.gif);}
		#nav_en_contact{background-image:url(../images/nav/en/nav_contact.gif);}
		#nav_en_contact:hover{background-image:url(../images/nav/en/nav_contact_hover.gif);}
		#nav_en_themes{background-image:url(../images/nav/en/nav_themes.gif);}
		#nav_en_themes:hover{background-image:url(../images/nav/en/nav_themes_hover.gif);}
		
		#nav li a:hover {
		}
		
		#nav li ul { /* second-level lists */
			position : absolute;
			left: -999em;
			margin-left : 137px;
			margin-top : -1.45em;
			background-image:none;
			background-color:#8CDBA5;
			height:auto;
			padding:5px 0 8px 0;
			width:175px;
		}
		
		#nav li ul li{
			width:100%;
			padding:0;
		}
		
		#nav li ul li a{
			background-color:#8CDBA5;
			color:#ffffff;
			text-decoration:none;
			display:block;
			width:auto;
			margin:5px 0 0 0;
			padding:5px 10px 5px 15px;
			text-align:left;
			font-size:12px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			background-image:none;
		}
		#nav li ul a:hover{
			background-color:#00AA31;
		}
		
		#nav li ul ul { /* third-and-above-level lists */
			left: -999em;
		}

		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
			left: -999em;
		}
		
		#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
		
		/******************** calander *************************/
		#calendrier{
			background-color:#2b425a;
			background-repeat:no-repeat;
			width:177px;
			height:134px;
			padding:0; margin:0; border:0;
		}
		#calendrier_header, #calendrier_header a{
			padding:0 0 0 0;
			font-size:100%;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#ffffff;
			text-align:center;
		}
		#calendrier_header a{text-decoration:none;}
		#calendrier_header a:hover{color:#80d1ec;}
		
		#cal {
			font-family: Arial, Helvetica, sans-serif;
			width: 156px;;
			background-color: #2b425a;
			margin:4px 0 0 4px;
			font-size: 11px;
		}
		
		#cal td{
			vertical-align:middle;
			text-align:center;
			background-color:#2b425a;
			color:#ffffff;
			border: 0;
		}
		#cal td.first_date{
			background-color: #2b425a;
		}
		
		#cal td.today {
			color: #ffffff;
			background-color:#eb880e;
			font-weight:bold;
		}
		
		#cal td.event {
			color: #ffffff;
			background-color: #04aa34;
		}
		
		#cal th {
			color: #ffffff;
			
			background-color:#2b425a;
			text-align:center;
			font-weight:bold;
		}
		
		#cal .d a{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 10px;
			text-decoration:none;
			color: #80d1ec;
		}
		
		#cal .d a:hover{
			color:#2b425a;
			font-weight: bold;
			font-size: 10px;
			text-decoration:none;
			background-color:#80d1ec;
		}
		
		#cal a{
			display:block;
			height:100%;
			width:100%;
			color: #2b425a;
			background-color:#80d1ec;
			text-decoration:none;
		}
		#cal a:hover{
			text-decoration:none;	
			color: #ffffff;
			background-color:#80d1ec;
		}
		.hidden {
			margin:0;
			padding:0;
			font-size: 0;
			display:none;
		}
	/*******************************************************/