body {margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
}

#global{ border: 0px solid orange; position: relative ; margin-left: auto; margin-right: auto; width: 984px; height: 900px; text-align: left;}
#haut{ border: 0px solid blue; position: relative; top: 0px; margin-left: auto; margin-right: auto; width: 980px; height: 150px;}
#haut_cours{ border-bottom: 3px solid white; position: relative; top: 0px; margin-left: auto; margin-right: auto; width: 980px; height: 150px;} 
 
#boutons{border: 0px solid blue ; position: relative; margin-left: auto; margin-right: auto; top: 1px; width: 980px; height: 55px; padding: 2px; overflow: visible; }

#boutons_cours{border: 0px solid green ; position: relative; margin-left: auto; margin-right: auto; top: 1px; width: 980px; height: 55px; padding: 2px; overflow: visible; }

  .button {cursor: pointer; width: 180px; height: 50px; border: none; background: url("images/bouton.png") no-repeat left top;}  
  .button:hover { background: url("images/bouton_over.png") no-repeat left bottom;}  

a.nav, a.nav:link, a.nav:visited {display: block; float: left; background: #ffffff; border: 1px solid green ; height: 45px;line-height: 15px; width: 120px; 
	text-align: center; padding-top: 10px; font-family: Verdana;font-size: 12px; font-weight: bold; color: #4D4D4D;}
a.nav:hover {background: #ccffcc;}
a.nav:active {border: 0px ;font-weight: bold;}
a.menu, a.menu:link, a.menu:visited {display: block; background: #ffffff; border: 1px solid green ; height: 45px;line-height: 15px; width: 120px; 
	text-align: center; padding-top: 10px; font-family: Verdana;font-size: 12px; font-weight: bold; color: #4D4D4D;}
a.menu:hover {background: #ccffff;}
a.menu:active {border: 0px ;font-weight: bold;}

.frame { border: 1px solid gray ; width: 100%; height: 460px; background: white; }

.table {text-align: center; width: 100%; height: 40px; border: 1px solid white; padding: 2px;}
.change { border: 1px solid gray ; background: gray ; width: 100px; height: 55px; text-align: center;}
.arial11 {text-align: center; font-family: arial; font-size: 11px; font-weight: bold; color: #4D4D4D; background-color: gray;}
.arial11y {text-align: center; font-family: arial; font-size: 11px; font-weight: bold; color: #4D4D4D; background-color: yellow;}
.arial12y {text-align: center; font-family: arial; font-size: 12px; font-weight: bold; color: #4D4D4D; background-color: yellow;}
.p {text-align: justify; font-family: Verdana;font-size: 12px; font-weight: bold; color: #4D4D4D;}
.p1 {text-align: center; font-family: Verdana;font-size: 14px; font-weight: bold; color: #4D4D4D; background-color: #99ccff;}
.p2 {text-align: left; font-family: Verdana;font-size: 12px; font-weight: bold; color: #4D4D4D;}
.q {text-align: center; padding-top: 30px;}

*{margin:0}
div#content {font-family:Arial, Helvetica, sans-serif; margin:.75em 5px; border-bottom:2px solid #777; padding: 5px 0;}
div#content h1 {font-size:1em;}
div#content p {font-size:.8em; margin:0;}
div#content h2 {font-size:.9em; font-weight:bold; margin:.75em 0 0 0;}
div#ref_links {margin:0 0 0 20px;}
div#ref_links h3 {font-size:.8em; font-weight:bold; margin:.5em 0 0 0;}
div#ref_links p {text-align:left; margin: 0;}
div#ref_links a {font-size:.75em; font-weight:bold; margin-bottom:.75em;}
div#ref_links:hover a {text-decoration:none;}

#milieu{border: 0px solid green ; width: 980px; height: 390px; position: absolute; left: 1px; top: 220px;}

#photos{border: 0px solid green ; width: 980px; height: 600px; position: absolute; left: 1px; top: 240px; text-align: center;}
#photos_act{border: 0px solid green ; width: 480px; height: 460px; position: absolute; left: 0px; top: 0px; text-align: center;}
#milieu_A{border: 0px solid green ; width: 980px; height: 360px; position: absolute; left: 0px; top: 220px; overflow: scroll;}

#milieuG{border: 0px solid red; width: 488px; height: 350px; position: absolute; left: 1px; top: 5px;}
#milieuGm{border: 0px solid red; width: 488px; height: 165px; position: absolute; left: 1px; top: 70px; padding-top: 1px;}

#milieuGT{border: 0px solid red;  width: 440px; height: 120px; position: absolute; left:25px; top: 45px; padding-top: 10px; overflow: visible;}
#milieuGTb{border: 0px solid blue; width: 488px; height: 200px; position: absolute; left: 1px; top: 190px; overflow: hidden;}

#milieuD{border: 0px solid red; width: 488px; height: 350px; position: absolute; left: 490px; top: 5px;}
#milieuDT{border: 0px solid red; width: 380px; height: 280px; position: absolute; left: 550px; top: 50px; padding-top: 1px; text-align: center;}

#milieuEqu{border: 0px solid red; width: 600px; height: 280px; position: absolute; left: 1px; top: 1px;}
#milieuEquD{border: 0px solid red; width: 350px; height: 400px; position: absolute; left: 605px; top: 1px; padding-top: 10px; margin-top: 0px;}
#milieuEquB{border: 0px solid red; width: 600px; height: 160px; position: absolute; left: 1px; top: 285px; padding: 5px;}

#milieuRal{border: 0px solid red; width: 600px; height: 90px; position: absolute; left: 1px; top: 1px;}
#milieuRalD{border: 0px solid red; width: 350px; height: 400px; position: absolute; left: 605px; top: 1px; padding-top: 15px;}
#milieuRalB{border: 2px solid green; width: 596px; height: 330px; position: absolute; left: 1px; top: 100px; padding: 5px;}

#milieuGch{border: 0px solid red; width: 122px; height: 355px; position: absolute; left: 0px; top: 1px;}
#milieuDch{border: 0px solid green; width: 842px; height: 350px; position: absolute; left: 127px; top: 1px; overflow: hidden;}

#iframe{border: 0px solid blue; width: 880px; height: 450px; position: relative ; left: 50px; top: 5px; z-index: 1;}


#activites{border: 0px solid green ; width: 480px; height: 460px; position: absolute; left:1px ; top: 1px;}
#images{border: 0px solid red; width: 400px; height: 460px; position: absolute; right: 1px; top: 1px; text-align: center;}

#cours{border: 0px solid green ; width: 980px; height: 500px; position: relative ; margin-left: auto ; margin-right: auto; top: 1px; }

#images_cours{border: 0px solid red; width: 280px; height: 400px; position: absolute; right: 1px; top: 1px; text-align: center; padding-top: 60px;}
#bas_activites{border: 0px solid blue; width: 980px; height: 140px; position: absolute; left:   0px; top: 680px;}

#equestre{border: 0px solid green ; width: 980px; height: 460px; position: absolute; left:10px ; top: 215px;}

#themes{border: 0px solid green; background-color: #FFFFFF; width: 980px; height: 460px; position: absolute; left: 0px; top: 220px; padding: 2px;}

img.special{border: 2px white; margin-left: auto; margin-top: auto;}
img.bspace{border: 0px double white; margin: 10px 10px 10px 10px;}

.center {text-align: center;}

#bas{border-top: 2px solid gray; width: 980px; height: 300px; position: absolute; left: 0px; top: 610px;}
#basG{border: 0px solid gray;  width: 300px; height: 290px; position: absolute; left: 1px; top: 5px; padding-top: 0px; overflow: visible;}
#basG2{border: 0px solid gray;  width: 300px; height: 200px; position: absolute; left: 1px; top: 90px; overflow: visible; z-index: 5;}
#basMA{border: 0px solid red;  width: 380px; height: 290px; position: absolute; left: 300px; top: 1px; text-align: center;}
#basM{border: 0px solid red;  width: 380px; height: 290px; position: absolute; left: 300px; top: 5px; text-align: center;}
#basD{border: 0px solid gray;  width: 300px; height: 290px; position: absolute; left: 680px; top: 5px; overflow: visible;}
#sponsor{border: 0px solid green; width: 980px; height: 140px; position: absolute; left: 0px; top: 145px; text-align: center;}
#media{border: 0px solid orange; width: 300px; height: 80px; position: absolute; left: 1px; top: 5px; text-align: center; z-index: 10;}

.page-footer {text-align: center; font-family: arial; font-size: 11px; font-weight: bold; color: #4D4D4D;}