/* armature pricipale*/


.noir {
font-family : verdana, Arial, Helvetica, serif;
font-size   : 9pt;
color       : #000000; }

.rouge {
font-family : verdana, Arial, Helvetica, serif;
font-size   : 9pt;
color       : red; }

.rouge_gros {
font-family : verdana, Arial, Helvetica, serif;
font-size   : 12pt;
color       : red; }


#fond {
z-index           : 11;
background-color : #ffffff;
text-decoration:none;
}

#cadre_principal {
z-index           : 12;
position          : absolute;
top               : 0px;
left              : 50%;
width             : 1000px;
height            : 680px;
margin-left       : -500px;
margin-top        : 0px;
border            : solid black 0px;
 }

#fond_cadre_principal {
z-index           : 15;
position          : absolute;
top               : 0px;
left              : 0px;
border            : solid green 3px;
 }

#baniere {
z-index           : 29;
position          : absolute;
top               : 0px;
left              : 0px;
width             : 1000px;
height            : 100px;
border            : solid black 0px;
 }

#baniere_texte {
z-index           : 29;
position          : absolute;
top               : 36px;
left              : 550px;
width             : 400px;
height            : 50px;
border            : solid black 0px;
 }

#jingoo {
z-index           : 29;
position          : absolute;
top               : 520px;
left              : 280px;
border            : solid black 0px;
 }

/* menus*/

#menu_gauche {
z-index           : 29;
position          : absolute;
top               : 150px;
left              : 0px;
width             : 200px;
height            : 350px;
border            : solid black 0px;
 }

#menu_fond {
z-index           : 29;
position          : absolute;
top               : 100px;
left              : 0px;
width             : 200px;
height            : 550px;
border            : solid white 0px;
 }

#menu_bas {
z-index           : 29;
position          : absolute;
top               : 650px;
left              : 0px;
width             : 1000px;
height            : 30px;
border            : solid red 0px;
 }

/* contenus pages */

#contenu_index {
z-index           : 35;
position          : absolute;
top               : 200px;
left              : 250px;
width             : 300px;
height            : 300px;
border            : solid black 0px;
 }

#contenu_galerie {
z-index           : 35;
position          : absolute;
top               : 100px;
left              : 200px;
width             : 800px;
height            : 650px;
border            : solid black 0px;
 }

#contenu_ecole_1 {
z-index           : 35;
position          : absolute;
top               : 100px;
left              : 200px;
width             : 400px;
height            : 230px;
border            : solid red 0px;
 }

#contenu_ecole_4 {
z-index           : 35;
position          : absolute;
top               : 450px;
left              : 250px;
width             : 700px;
height            : 200px;
overflow          : auto;
border            : solid black 0px;
 }

#contenu_ecole_3 {
z-index           : 35;
position          : absolute;
top               : 400px;
left              : 200px;
width             : 420px;
height            : 230px;
overflow          : auto;
border            : solid red 0px;
 }

#contenu_ecole_2 {
z-index           : 35;
position          : absolute;
top               : 100px;
left              : 650px;
width             : 300px;
height            : 530px;
overflow          : auto;
border            : solid yellow 0px;
 }

#contenu_horaires {
z-index           : 35;
position          : absolute;
top               : 100px;
left              : 200px;
width             : 800px;
height            : 400px;
border            : solid black 0px;
 }


 #contenu_profs {
z-index           : 35;
position          : absolute;
top               : 150px;
left              : 250px;
width             : 700px;
height            : 500px;
border            : solid black 0px;
 }

 #contenu_ecole {
z-index           : 35;
position          : absolute;
top               : 520px;
left              : 280px;
width             : 600px;
height            : 50px;
border            : solid black 1px;
 }

#contenu_photos {
z-index           : 35;
position          : absolute;
top               : 300px;
left              : 400px;
width             : 500px;
height            : 400px;
border            : solid black 1px;
 }

 #contenu_contact {
z-index           : 35;
position          : absolute;
top               : 300px;
left              : 300px;
width             : 400px;
height            : 400px;
border            : solid black 1px;
 }

/* contenus autres */

#contenu_plan {
z-index           : 35;
position          : absolute;
top               : 100px;
left              : 300px;
width             : 200px;
height            : 200px;
border            : solid black 1px;
 }

#contenu_mentions {
z-index           : 35;
position          : absolute;
top               : 300px;
left              : 450px;
width             : 200px;
height            : 200px;
border            : solid red 0px;
 }

#contenu_reglement {
z-index           : 35;
position          : absolute;
top               : 100px;
left              : 200px;
width             : 700px;
height            : 600px;
border            : solid red 0px;
 }


#contenu_liens {
z-index           : 35;
position          : absolute;
top               : 150px;
left              : 200px;
width             : 800px;
height            : 400px;
border            : solid black 1px;
overflow        : auto;
 }



  #contenu_form {
z-index           : 35;
position          : absolute;
top               : 200px;
left              : 300px;
width             : 500px;
height            : 400px;
border            : solid black 1px;
 }

/* galerie */

div#galerie
{
  width: 600px ;
  background: #A0CDD2 ;
  border: 1px solid #dcb ;
  padding: 15px ;
  margin: 15px 30px ;
  text-align: center ;
  font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
  margin: 0 ;
  padding: 0 ;
  list-style-type: none ;
}

ul#galerie_mini li
{
  float: left ;
}

ul#galerie_mini li a img
{
  margin: 2px 1px ;
  border: 1px solid #dcb ;
}

dl#photo
{
  clear: both ;
  margin: 0 auto ;
}

dl#photo dt
{
  font: italic 2.0em/1.5em verdana, serif ;
  color: #ffffff ;
}

dl#photo dd
{
  margin: 0 ;
}

dl#photo img
{
  border: 1px solid #dcb ;
}

