/* hide from ie on mac \*/
		          html {height: 100%}     /*avant y avait: html {height: 100%;overflow: hidden;} mais pas d'assenceur*/
	#flashcontent {height: 100%;}
	/* end hide */
	

	
	
		
							/* menu */
		
		
dl, dt, dd, ul, li {margin: 2px 2px;list-style-type: none;}
#menu {top: 0}
dl#menu {width: 10em;}
dl#menu dt {cursor: pointer;margin: 2px 0;height: 20px;line-height: 20px;text-align: left;
font-weight: bold;border: 1px solid gray;background: #fff;}
dl#menu dd {border: 1px solid gray;}
dl#menu li {text-align: left;background: #000000;}
dl#menu li a, dl#menu dt a {color: #000; font-family: arial; text-decoration: none;display: block;border: 0px none;height: 100%}

dl#menu li a:hover, dl#menu dt a:hover {background: #eee;}

#mentions {font-family: arial ;position: absolute;bottom : 
200px;left : 10px;color: #000;background-color: #ddd;}
#mentions a {text-decoration: none;color: #222;}
#mentions a:hover{text-decoration: underline;}	


							
							/* conteneur */
							
div#conteneur {	width: 980px ;	margin: auto; text-align: center  }
		
									
								/* Boite entête */
		 
div#haut {height: 100px; width: 980px ; font-size: 45px; line-height: 90px; font-family: arial; color: #FFFFFF; background-color: #808080}


								/* Boite gauche */
		 
div#gauche {float: left; height: 450px; width: 150px ; background-color: #ffffff}
div#gauche1 {float: left; height: 550px; width: 150px ; background-color: #ffffff}
div#gauche2 {float: left; height: 450px; width: 150px ; background-color: #000000}

div#boite-menu {float: left; height: 250px; width: 150px}
div#boite-menu1 {float: left; height: 350px; width: 150px}
div#boite-info {float: left; height: 200px; width: 150px; font-size: 15px; font-family: arial}

                               /* Boite droite */
		 
div#droite {float: right; height: 450px; width: 330px ; font-family: arial; font-size: 20px; color: #B2A379; background-color: #ffffff}


								/* Boite centre */
								
div#centre {float: left; height: 450px; width: 500px ; background-color: #ffffff}
div#centre1 {float: left; height: 450px; width: 830px ; background-color: #ffffff}
		 
div#centre-image {float: left; height: 350px; width: 500px}

div#centre-contact {float: left; height: 450px; width: 500px; font-size: 15px; font-family: arial; background-color: #ffffff} 
div#centre-concours {float: left; height: 450px; width: 800px; background-color: #ffffff}
div#centre-agenda {float: left; height: 350px; width: 500px; text-align: left; font-size: 15px; font-family: arial} 
div#centre-manif {float: left; height: 450px; width: 385px; text-align: left; font-size: 15px; font-family: arial}
div#centre-texte {float: left; height: 50px; width: 500px; font-size: 20px; color: #B2A379; font-family: arial; background-color: #ffffff}
div#centre-plein {float: left; height: 450px; width: 800px;font-size:15 px; font-family: arial; background-color: #ffffff}
div#centre-bord {float: left; height: 450px; width: 30px; background-color: #ffffff}
div#centre-programme {float: left; height: 550px; width: 385px; text-align: left; font-size:13px; font-family: arial; background-color: #ffffff}
div#centre-bord1 {float: left; height: 550px; width: 30px; background-color: #ffffff}

div#centre-materiel-titre {float: left; height: 30px; width: 830px; text-align: center; font-size:18px; font-family: arial; background-color: #ffffff; line-height: 18px}
div#centre-materiel {float: left; height: 420px; width: 830px; background-color: #ffffff}

div#centre-materiel-bord {float: left; height: 180px; width: 30px; background-color: #ffffff}
div#centre-materiel-texte {float: left; height: 180px; width: 300px; text-align: left; font-size:13px; font-family: arial; background-color: #ffffff}
div#centre-materiel-image {float: left; height: 180px; width: 70px; text-align: left; background-color: #ffffff}

									/* Boite danse */
									
div#danse-g {float: left; height: 450px; width: 630px ; font-family: arial; font-size: 16px; background-color: #ffffff}
div#danse-d {float: left; height: 450px; width: 200px ; font-family: arial; font-size: 16px; background-color: #ffffff}

								/* Boite pop-up */
							
a.info span {display: none; /* on masque l'infobulle */}
a.info:hover {background: none; /* correction d'un bug IE */z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */}
a.info:hover span {display: inline; /* on affiche l'infobulle */ position: absolute;white-space: nowrap; /* 
on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 50px; /* on positionne notre infobulle */
   left: 100px; background: white;color: green;padding: 3px;border: 1px solid green;border-left: 4px solid green;}								



												/* Boite bas */
		 
div#bas {float: left; height: 20px; width: 980px ; background-color: #808080}