/* TABLE DES MATIÈRES:
	- GÉNÉRAL

	- LAYOUT
		- HEADER
			- LOGO
			- MINI MENU
			- MENU
				- MENU FR
		- SOUS HEADER
			- RECHERCHE
		- CONTENUE
		- FOOTER
			- PIED DE PAGE
			- MENU FOOTER

	- CONTENUE SPECIFIC
		- ACCUEIL
			- BOITE D'INFO
			- NOUVELLES

----------------------------------------------------------------------------------------*/
/* GÉNÉRAL
--------------------------------------------------------------------------------------- */

* { margin:0; padding:0; }
img, a { border: 0; }
body { margin:0; padding:0; background: #E0E1E4; }
#container, #conteneur { background-color: white; }
p { color: #1c1c1f; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; }
label, select, input { color: #1c1c1f; font: 12px Verdana, Arial, Helvetica, sans-serif; }
.bouton { background:#4291C9; color:#fff; border:none; padding:5px;}
h2 { color: #1c1c1f; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border-left: 4px #4097c7 solid; padding-left: 12px; margin-bottom: 15px; }
h2.green { border-left: 4px #a4be59 solid; }
h2.blue { border-left: 4px #4097c7 solid; }
a h2.blue { border-left: 4px #4097c7 solid; text-decoration:underline; }
a { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #4097c7; text-decoration: underline; }
a:hover h2.blue { color: #4097c7; }
a:hover { text-decoration: none; }
h1 { color: #1c1c1f; font: 20px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border-left: 4px #4097c7 solid; padding-left: 12px; margin-bottom: 20px; }
h1.green { border-left: 4px #a4be59 solid; }
h1.blue { border-left: 4px #4097c7 solid; }

/* -------------------------------------------------------------------------------------*/
/* LAYOUT
--------------------------------------------------------------------------------------- */

/* HEADER */
#bg_header { background: white url(images/background_header.jpg) repeat-x center top; height: 143px; }
#bg_header #header { height: 143px; width: 918px; margin: 0 auto; position: relative; /*border: 1px red solid;*/ }
#bg_header .bouton{padding:0; margin:0px;}

	/* LOGO */
	#logo { position: absolute; top: 26px; left: 0; }

	/* MINI MENU */
	#miniMenu { position: absolute; top: 18px; right: 8px; height: 12px; overflow: hidden; display: block; width: 700px; }
	#miniMenu ul { height: 11px; }
	#miniMenu ul li { list-style-type: none; float: right; height: 11px; border-right: 1px #c6c6c6 solid; padding: 0 5px; }
	#miniMenu ul li.last { padding-right: 0; border: none; }
	#miniMenu ul li a { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #747474; text-decoration: none; position: relative; top: -6px; }
	#miniMenu ul li a:hover { color: #4097c7; text-decoration: underline; }

	/* MENU */
 	#bg_header #menu_fr, #bg_header #menu_en{ width: 918px; height: 33px; position: absolute; top: 110px; }
	#bg_header #menu_fr ul, #bg_header #menu_en ul{ height: 33px; }
	#bg_header #menu_fr ul li, #bg_header #menu_en ul li{ height: 33px; list-style-type: none; float: left; }
	#bg_header #menu_fr ul li a, #bg_header #menu_en ul li a{ height: 33px; display: block; }
	#bg_header #menu_fr ul li a span, #bg_header #menu_en ul li a span{ display: none; }
	
		/* MENU FR */
		#bg_header #menu_fr { background: url(images/menu.jpg) no-repeat; }
		#bg_header #menu_fr ul li a { background: url(images/menu.jpg) no-repeat; }
		
		body.langue_fr #bg_header #menu_fr ul li.apropos a { width: 133px; background-position: 0px top; }
		body.langue_fr #bg_header #menu_fr ul li.objectifs a { width: 205px; background-position: -133px top; }
		body.langue_fr #bg_header #menu_fr ul li.services a { width: 78px; background-position: -338px top; }
		body.langue_fr #bg_header #menu_fr ul li.ecole a { width: 164px; background-position: -416px top; }
		body.langue_fr #bg_header #menu_fr ul li.liens a { width: 61px; background-position: -580px top; }
		body.langue_fr #bg_header #menu_fr ul li.sondage a { width: 163px; background-position: -641px top; }
		body.langue_fr #bg_header #menu_fr ul li.coordonnees a { width: 114px; background-position: -804px top; }
		
		body.langue_fr #bg_header #menu_fr ul li.apropos a:hover { background-position: 0px bottom; }
		body.langue_fr #bg_header #menu_fr ul li.objectifs a:hover { background-position: -133px bottom; }
		body.langue_fr #bg_header #menu_fr ul li.services a:hover { background-position: -338px bottom; }
		body.langue_fr #bg_header #menu_fr ul li.ecole a:hover { background-position: -416px bottom; }
		body.langue_fr #bg_header #menu_fr ul li.liens a:hover { background-position: -580px bottom; }
		body.langue_fr #bg_header #menu_fr ul li.sondage a:hover { background-position: -641px bottom; }
		body.langue_fr #bg_header #menu_fr ul li.coordonnees a:hover { background-position: -804px bottom; }
		
		/* MENU EN */
		#bg_header #menu_en { background: url(images/menu_en.jpg) no-repeat; }
		#bg_header #menu_en ul li a { background: url(images/menu_en.jpg) no-repeat; }
		
		body.langue_en #bg_header #menu_en ul li.apropos a { width: 85px; background-position: 0px top; }
		body.langue_en #bg_header #menu_en ul li.objectifs a { width: 184px; background-position: -85px top; }
		body.langue_en #bg_header #menu_en ul li.services a { width: 80px; background-position: -267px top; }
		body.langue_en #bg_header #menu_en ul li.ecole a { width: 135px; background-position: -346px top; }
		body.langue_en #bg_header #menu_en ul li.liens a { width: 123px; background-position: -480px top; }
		body.langue_en #bg_header #menu_en ul li.sondage a { width: 174px; background-position: -604px top; }
		body.langue_en #bg_header #menu_en ul li.coordonnees a { width: 130px; background-position: -777px top; }
		
		body.langue_en #bg_header #menu_en ul li.apropos a:hover { background-position: 0px bottom; }
		body.langue_en #bg_header #menu_en ul li.objectifs a:hover { background-position: -85px bottom; }
		body.langue_en #bg_header #menu_en ul li.services a:hover { background-position: -267px bottom; }
		body.langue_en #bg_header #menu_en ul li.ecole a:hover { background-position: -346px bottom; }
		body.langue_en #bg_header #menu_en ul li.liens a:hover { background-position: -480px bottom; }
		body.langue_en #bg_header #menu_en ul li.sondage a:hover { background-position: -604px bottom; }
		body.langue_en #bg_header #menu_en ul li.coordonnees a:hover { background-position: -777px bottom; }

/* SOUS HEADER */
#bg_sousHeader { height: 247px; background: #1c1c1f; border-top: 1px #2c2c2f solid; }
#bg_sousHeader #sousHeader { height: 237px; width: 918px; margin: 0 auto; margin-top: 5px; background: url(images/sous_header.jpg) no-repeat; position: relative; }

	/* RECHERCHE */
	#recherche { position: absolute; top: 187px; left: 7px; }
	#recherche p { color: #747474; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; }
	#recherche input { margin: 5px 0 0 0; padding: 0; }
	#recherche input#sRecherche { display: block; float: left; padding-left: 11px; width: 130px; height: 17px; border: 1px #c3c3c3 solid; color: #747474; }
	#recherche input#btn_recherche { margin-left: 7px; }

/* CONTENUE */
#contenu { width: 918px; margin: 15px auto; }
.lien_print { display: none; }

/* FOOTER */
#bg_piedPage { background: #e0e1e4; height: 200px; clear: both;}
#bg_piedPage #piedPage { height: 200px; width: 918px; margin: 0 auto; background: url(images/securite_routiere.gif) no-repeat 0 24px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #747474; }
#bg_piedPage #piedPage a { text-decoration: underline; color: #747474; font-size: 11px; }
#bg_piedPage #piedPage a:hover { text-decoration: none; }

	/* PIED DE PAGE */
	#bg_piedPage #piedPage #copyrights { float:left; padding: 43px 0 0 155px;  }
	#bg_piedPage #piedPage #copyrights a.lienCopyright, #copyrights a.lienCopyright:link, #copyrights a.lienCopyright:visited { text-decoration:none; }
	#bg_piedPage #piedPage #copyrights a.lienCopyright:hover, #copyrights a.lienCopyright:visited:hover { color:#000; text-decoration:underline; }
	#bg_piedPage #piedPage #bookmark{ float:right; padding:15px 10px 10px 0;}

	/* MENU FOOTER */
	#bg_piedPage #piedPage #menu_footer { clear:right;float:right;width:350px;}
	#bg_piedPage #piedPage #menu_footer ul li { list-style-type: none; }

	#bg_piedPage #piedPage #menu_footer ul { float: left; padding-top: 4px; }
	#bg_piedPage #piedPage #menu_footer ul.left { border-right: 1px #b6b8bd solid; padding-right: 30px;  }
	#bg_piedPage #piedPage #menu_footer ul.right { padding-left: 30px; }

/* -------------------------------------------------------------------------------------*/
/* CONTENUE SPECIFIC
--------------------------------------------------------------------------------------- */
/* ACCUEIL */

	/* BOITE D'INFO */
	#content_accueil .box_info { float: left; margin-top: 10px; }
	#content_accueil .box_info.left { margin-right: 20px; }
	#content_accueil .box_info img { padding: 2px; border: 1px #d8dadd solid; margin-bottom: 12px; }
	#content_accueil .box_info h2 { padding-left: 5px; margin-bottom: 7px; }
	#content_accueil .box_info #border_right { padding-right: 20px; border-right: 1px #b6b8bd solid; }
	#content_accueil .box_info .content { width: 311px; }
	#content_accueil .box_info a.suite { float: right; margin-top: -7px; }

	/* NOUVELLES */
	#content_accueil #box_nouvelle { width: 235px; float: right; }
	#content_accueil #box_nouvelle #header { background: #1c1c1f; width: 235px; height: 30px; }
	#content_accueil #box_nouvelle #header h1 { color: white; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 6px 0 0 20px; margin: 0; border: 0; }
	#content_accueil #box_nouvelle #content_nouvelle { padding: 18px; border: 1px #e1e2e5 solid; border-width: 0 1px 1px 1px; background: #ffffff url(images/bg_nouvelles.jpg) repeat-x center bottom;  }
	#content_accueil #box_nouvelle #content_nouvelle a.suite { color: #8da548; float: right; }

/* SERVICES */

	ul#liste_services { list-style-type: none; margin-left: 36px; position: relative; left: 10px; }
	ul#liste_services li { width: 100px; height: 150px; text-align: center; float: left; margin-right: 47px; }
	ul#liste_services li a { text-decoration: none; color: black; font: 10px Helvetica, sans-serif; text-transform: uppercase; display: block; width: 100px; height: 150px; outline: none; }
	
	ul#liste_services_thumbs { list-style-type: none;}
	ul#liste_services_thumbs li { width: 75px; height: 115px; text-align: center; float: left; padding: 0 1px; margin-left: 6px; }
	ul#liste_services_thumbs li a { text-decoration: none; color: black; font: 8px Helvetica, sans-serif; text-transform: uppercase; display: block; width: 75px; height: 115px; }
	
	ul.list_ecole { list-style-type: none; }
	ul.list_ecole li a h2{ text-decoration:underline; }
	ul.list_ecole li a:hover h2{ color:#4097c7; }

	#galerie_ecole ul { list-style-type: none; }
	#galerie_ecole ul li { float: left; margin-bottom: 7px; width: 88px; text-align: center; }
	#galerie_ecole ul li.right { margin-right: 0; position: relative; left: -1px; }
	#galerie_ecole ul li { margin-right: 14px; }
	
	.btn_inscription { border: 1px #DADBDE solid; padding: 10px; text-align: center; color: white; background: #4097C7; display: block; margin: 0 100px; }
	.btn_inscription { text-decoration: none; }
	.btn_inscription:hover { text-decoration: underline; }
	
	
	.description_service { background: white; color: black; height: 440px; padding: 30px; overflow: auto; }

	/* CALENDRIER */
	
	.calendrier { width: 238px; }
	.calendrier .header { width: 238px; background: black; color: white; height: 30px; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left; }
	.calendrier .header span { position: relative; top: 8px; position: relative; }
	.calendrier .header span a.titre { color: white; text-decoration: none; background: url(Gx/fleche_calendrier.gif) no-repeat right 5px; padding-right: 8px; text-decoration: underline; }
	.calendrier .header span.select_mois { margin-right: 5px; }
	.calendrier .header span.titre { font-weight: bold; margin-left: 11px; }

	.calendrier .header .dropdown { position: absolute; top: 22px; background: black; display: none; }
	.calendrier .header .dropdown ul { list-style-type: none; padding: 0 3px 3px 3px; }
	.calendrier .header .dropdown ul li { text-align: left; }
	.calendrier .header .dropdown ul li.hover { background: #4097C7; }
	.calendrier .header .dropdown ul li.current { background: #4097C7; }
	.calendrier .header .dropdown ul li a { color: white; text-decoration: none; display: block; padding: 2px 5px; }
	.calendrier .header .select_mois_dropdown { left: -7px; }
	.calendrier .header .select_mois_dropdown ul li a { width: 80px; }
	.calendrier .header .select_annee_dropdown { left: -8px; }
	.calendrier .header .select_annee_dropdown ul li a { width: 31px; }

	.calendrier .header_day { width: 238px; height: 17px;  background: #4097c7; color: white; text-align: center; }
	.calendrier .header_day p { margin: 0; padding:2px 0 0 0; font: 11px Tahoma, Arial, Helvetica, sans-serif; text-align: center; color: white; }
	.calendrier .header_day p span { margin: 0 1px 0 0; }
	
	.calendrier .boite_jour { width: 236px; height: 170px; background: url(Gx/bg_calendar.jpg) repeat-x center bottom; border: 1px #e0e1e4 solid; border-width: 0 1px 1px 1px; }
	
	.calendrier .boite_jour table#calendrier { margin: 15px auto 0 auto; font: 11px Tahoma, Arial, Helvetica, sans-serif; border-collapse: collapse; }
	.calendrier .boite_jour table#calendrier tr td { width: 25px; height: 20px; padding: 1px; }
	.calendrier .boite_jour table#calendrier tr td a { width: 25px; height: 17px; background: #4097C7; display: block; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: white; text-decoration: none; padding-top: 3px; }
	.calendrier .boite_jour table#calendrier tr td a:hover { text-decoration: underline; }	

	.box_evenements { background: white; color: black; height: 340px; padding: 30px; overflow: auto; }
	
	/* FAQ */
	.reponse { display: none; margin-left: 47px; }
	
/* Plan du site */
ul#plan_du_site{ list-style-type: none; margin-left: 40px; }
ul#plan_du_site li{ margin-bottom: 3px; }
ul#plan_du_site li a{ font-weight: bold; }
ul#plan_du_site li ul{ list-style-type: none; margin-left: 30px; }
ul#plan_du_site li ul li a{ font-weight: normal; }

.googlemap{
	width: 238px;
	height: 300px;	
	background: #CCC;
	float: right;}	
.googlemap .inner{
	margin: 0;}
.googlemap .inner .theMap{
	width:238px;
	height:296px;
	overflow:hidden;}