body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     overflow: scroll;
  background-image:url(images/bg.jpg);
  background-repeat:repeat-x;
     }



/* ------- Définition des styles de titres ------- */

h1 {
font-size : 18pt;
font-family : helvetica,arial, sans-serif;
font-weight:normal;
font-style:italic;
color : 4b8044;
padding:0;
padding-bottom:10px;
margin:0;
}

h2 {
  margin-top:0;
  padding-top:0;
    margin-bottom:0;
  padding-bottom:0;
  font-size : 110%;
font-family : helvetica,arial, sans-serif;
font-weight: normal;
color:83BAD8;
}

h3 {
    margin-top:0;
  padding-top:0;
      margin-bottom:0;
  padding-bottom:0;
  font-size : 100%;
font-family : helvetica,arial, sans-serif;
font-weight: normal;
color:777779;
}

h4{
    margin-top:0;
  padding-top:0;
  font-size : 80%;
font-family : helvetica,arial, sans-serif;
font-weight: normal;
color:777779;
}

h5 {
  margin-top:0;
  padding-top:0;
    margin-bottom:0;
  padding-bottom:0;
  font-size : 110%;
font-family : helvetica,arial, sans-serif;
font-weight: normal;
color:777779;
}

h6{
  font-size : 100%;
font-family : helvetica,arial, sans-serif;
font-weight: normal;
color:black;
}


normal{
  font-size : 100%;
font-family : arial, sans-serif;
font-weight: normal;
color:4b8044;
}

p:first-letter {
padding-left : 2em;
}

li{
  margin-top:5px;
font-family : verdana, arial, sans-serif;
font-size:9pt;
}

ul{
margin-top:5px;
}

a:link{
color:4b8044;
font-weight:bold;
outline: none;
}
a:visited{
color:4b8044;
font-weight:bold;
outline: none;
}
a:hover{
color:fe8913;
font-weight:bold;
outline: none;
}





a.image{
color:white;
text-decoration:none;
}

a.image:hover{
color:white;
text-decoration:none;
}

a.image:visited{
color:white;
text-decoration:none;
}



a.bt_menu:link{
text-decoration:none;
    display:block;
    float:left;
font-weight:bold;
font-size : 90%;
font-family: "Trebuchet MS",  Helvetica, Arial, sans-serif;
color:white;
background-image:url(images/fond_menu_1.jpg);
--height:50px;
padding:7px;
border-left-width:1px;
border-left-style:solid;
border-left-color:FDD01C;
}

a.bt_menu:visited{
text-decoration:none;
    display:block;
    float:left;
font-weight:bold;
font-size : 90%;
font-family: "Trebuchet MS",  Helvetica, Arial, sans-serif;
color:white;
background-image:url(images/fond_menu_1.jpg);
--height:50px;
padding:7px;
border-left-width:1px;
border-left-style:solid;
border-left-color:FDD01C;
}

a.bt_menu:hover{
text-decoration:none;
    display:block;
    float:left;
font-weight:bold;
font-size : 90%;
font-family: "Trebuchet MS",  Helvetica, Arial, sans-serif;
color:4b8044;
background-color:FDD01C;
--height:50px;
padding:7px;
background-image:url(images/fond_menu_2.jpg);
}

a.bt_menu_g:link{
text-decoration:none;
    display:block;
    float:left;
font-weight:bold;
font-size : 90%;
font-family: "Trebuchet MS",  Helvetica, Arial, sans-serif;
color:white;
background-image:url(images/fond_menu_1.jpg);
--height:50px;
padding-right:5px;
padding-left:5px;
padding-top:7px;
padding-bottom:7px;
margin:0px;
}

a.bt_menu_g:visited{
text-decoration:none;
    display:block;
    float:left;
font-weight:bold;
font-size : 90%;
font-family: "Trebuchet MS",  Helvetica, Arial, sans-serif;
color:white;
background-image:url(images/fond_menu_1.jpg);
--height:50px;
padding-right:5px;
padding-left:5px;
padding-top:7px;
padding-bottom:7px;
}

a.bt_menu_g:hover{
text-decoration:none;
    display:block;
    float:left;
font-weight:bold;
font-size : 90%;
font-family: "Trebuchet MS",  Helvetica, Arial, sans-serif;
color:4b8044;
background-color:FDD01C;
--height:50px;
padding-right:5px;
padding-left:5px;
padding-top:7px;
padding-bottom:7px;
background-image:url(images/fond_menu_2.jpg);
}

a.bt_menu_d:link{
text-decoration:none;
    display:block;
    float:left;
font-weight:bold;
font-size : 90%;
font-family: "Trebuchet MS",  Helvetica, Arial, sans-serif;
color:white;
background-image:url(images/fond_menu_1.jpg);
--height:50px;
padding-right:5px;
padding-left:5px;
padding-top:7px;
padding-bottom:7px;
border-left-width:1px;
border-left-style:solid;
border-left-color:FDD01C;
}

a.bt_menu_d:visited{
text-decoration:none;
    display:block;
    float:left;
font-weight:bold;
font-size : 90%;
font-family: "Trebuchet MS",  Helvetica, Arial, sans-serif;
color:white;
background-image:url(images/fond_menu_1.jpg);
--height:50px;
padding-right:5px;
padding-left:5px;
padding-top:7px;
padding-bottom:7px;
border-left-width:1px;
border-left-style:solid;
border-left-color:FDD01C;
}

a.bt_menu_d:hover{
text-decoration:none;
    display:block;
    float:left;
font-weight:bold;
font-size : 90%;
font-family: "Trebuchet MS",  Helvetica, Arial, sans-serif;
color:4b8044;
background-color:FDD01C;
--height:50px;
padding-left:5px;
padding-right:5px;
padding-top:7px;
padding-bottom:7px;
background-image:url(images/fond_menu_2.jpg);
border-left-width:1px;
border-left-style:solid;
border-left-color:FDD01C;
}

.boite img {
  //width:100% ;
   height:100%
   }

   img.img_g {
     display:block;
     float:left;
  margin-right:-3px;
  padding:0px;
  border:0px;
 }

html>body img.img_g {
  margin:0px;
 }

    img.img_d {
     display:block;
     float:left;
  margin-left:-3px;
  padding:0px;
  border:0px;
 }

html>body img.img_d {
  margin:0px;
 }

div#global {
       position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;

     /* position: absolute; on positionne le conteneur
    left: 50%;
     top: 50%;                                        
     margin-left: -480px;
     margin-top: -360px;
     */
  background-color:white;  

  background-repeat:no-repeat;
  background-position: center;
     width: 960px;
     min-height:630px;
     height : auto;
     }

div#banniere{
position:relative;
width:960px;
height:109px;
border:0px;
margin:0px;
}

div#banniere_img{
position:absolute;
top:0px;
left:25px;
width:200px;
height:110px;
}

div#menu_img_g{
position:relative;
display:inline;
width:15px;
height:50px;
background-image:url(images/menu_g.jpg);
background-repeat:no-repeat;
}

div#menu{
position:absolute;
top:60px;
left:250px;
height:50px;
vertical-align: bottom;
margin-left:-1px;
padding:0px;
}

div#menu_img_d{
position:relative;
display:inline;
top:60px;
left:856px;
width:15px;
height:50px;
background-image:url(images/menu_d.jpg);
background-repeat:no-repeat;
}



div#contenu-bord-haut{
 position:relative;
width:960px;
height:2px;
background-color:FDD01C;
overflow:hidden;
}

div#contenu{
 position:relative;
width:960px;
height:490px;
 background-color:F2F7DF;
 text-align:center;
}

html>body div#contenu{
min-height:490px;
height:auto;
}


div.bt_menu{
  position:relative;
  float:left;
width:110px;
height:45px;
text-align:center;
vertical-align: middle;
}

div.bt_menu:hover{
background-color:FDD01C;
}





div#barre{
position:absolute;
top:100px;
left:0px;
width:950px;
height:3px;
text-align:center;
}


div#titre_celeos{
position:absolute;
top:20px;
left:0px;
width: 350px;
height : 20px;
font-family : arial, sans-serif;
font-weight: bold;
background-color:e0fd6d;
text-align:center;
border-top-width:1px;
border-top-style:solid;
border-top-color:4b8044;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:4b8044;
}
div#celeos{
position:absolute;
top:40px;
left:40px;
width: 300px;
height : 417px;
text-align:center;
overflow:hidden;
}

div#accueil{
position:absolute;
top:41px;
left:380px;
width: 540px;
height : 417px;
text-align:center;
overflow:hidden;
}

div#presse{
position:absolute;
top:2px;
right:-75px;
width: 150px;
height : 61px;
text-align:center;
overflow:hidden;
}

div#footer{
position:relative;
width:960px;
height:25px;
padding-top:5px;
text-align:center;
font-size : 60%;
font-family : arial, sans-serif;
font-weight: bold;
background-color:FDD01C;
vertical-align:middle;
border-top-width:1px;
border-top-style:solid;
border-top-color:4b8044;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:4b8044;
}


 img.image_droite {
  margin-left:20px;
 }


 img.image_gauche {
  margin-right:20px;
 }

 div#texte_droite {
  display:inline;
  font-family : arial, sans-serif;
  font-size : 80%;
  position:relative;
  top:40px;
  padding-top:40px;

  width:500px;
  text-align:justify;
  background-color:white;
  //padding:15px;
 }

  p.texte_droite {
  font-family : arial, sans-serif;
  font-size : 80%;
  position:absolute;
  top:40px;
  left:380px;
  width:500px;
  text-align:justify;
  background-color:white;
  padding:15px;
 }

  table{
    font-family : verdana, arial, sans-serif;
      text-align:justify;
font-size:9pt;
    border:0px;
    padding:0;
  }

  table.texte{
    margin-top:20px;
margin-right: auto;
margin-left: auto;
    margin-bottom:0px;
    font-family : verdana, arial, sans-serif;
      text-align:justify;
font-size:9pt;
    border:0px;
    padding:0;
  }

    table.texte td{
        padding:20px;
          border:0px;

          margin:0px;
          padding:0px;
          background-color:white;
    }
    table.texte tr{
          border:0px solid black;
          margin:0px;
          padding:0px;
    }
    td.texte{
     width:500px;
     vertical-align:top;
    }


    td.hg{
      width:15px;
      height:15px;
background-image:url(images/hg.jpg);
background-repeat:no-repeat;
    }
    td.bga{
      width:15px;
      height:15px;
background-image:url(images/bga.jpg);
background-repeat:no-repeat;
    }
    td.hd{
      width:15px;
      height:15px;
background-image:url(images/hd.jpg);
background-repeat:no-repeat;
    }
    td.bd{
      width:15px;
      height:15px;
background-image:url(images/bd.jpg);
background-repeat:no-repeat;
    }

    td.g{
      width:15px;
background-image:url(images/g.jpg);
background-repeat:y-repeat;
    }
    
    td.d{
      width:15px;
background-image:url(images/d.jpg);
background-repeat:y-repeat;
    }
    td.h{
      height:15px;
background-image:url(images/h.jpg);
background-repeat:x-repeat;
    }
    td.b{
      height:15px;
background-image:url(images/b.jpg);
background-repeat:x-repeat;
    }