/* ------------------------------------ *
 CSS
 vendredi 23 mars 2007 11:59:53
 HAPedit 3.1.11.111
 * ------------------------------------ */

#tout {
 font-weight: lighter;
 font-size: 0.6em;
 background-image: url('images/fond02.gif');
 background-repeat: repeat;
 font-family: Verdana, Trebuchet MS, Arial, Ms Sans Serif;
 border-style: none;
 border-width: 0;
 padding: 0;
 max-width: 1150px;
}

/* ENTETE DU SITE */
#entete {
 height: 95px;
 font-weight: bold;
 border-style: solid;
 border-width: 0;
 border-color: black;
 width: 100%;
}

/* Image entete */
#entete0 img{
  width: 100%;
  height: 95px;
  top: 0em;
  left: 0em;
}
#entete0 {
  position: absolute;
  width: 98%;
  max-width: 1150px;
  border-width: 0;
  border-style: none;
  margin: 0;
  padding: 0;
}

/* Boutons Entete */
#entete1 {
  position: absolute;  
  width: 98%;
  max-width: 1150px;
  border-width: 0;
  border-style: none;
  margin: 0;
  padding: 0;
}

#entete1_l1 {
 width: 100%;
 height: 47px;
}
#entete1_l2 {
 width: 100%;
 height: 47px;
}

ul.ul1{
 float: left;
 padding:2px;
 margin:2px;
 margin-top: 15px; 
 list-style-type:none;
}

ul.ul2{
 float: right;
 padding:2px;
 margin:2px;
 list-style-type:none;
}

li.ul1{
 margin-left:2px;
 float:left; /*pour IE*/
}

li.ul2{
 margin-left:2px;
 float:left; /*pour IE*/
}

ul.ul1 li.ul1 a{
 display:block;
 float:left;
 width:70px;
 background-image: url('images/bouton vert.jpg');
 background-repeat: repeat-x;
 background-position: left top;
 font-size: 1.1em;
 color:black;
 font-weight: bold;
 text-decoration:none;
 text-align:center;
 padding:4px;
 border-width:2px;
 border-style:solid;
/*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
}

ul.ul2 li.ul2 a{
 display:block;
 float:left;
 width:88px;
 background-image: url('images/bouton gris.jpg');
 background-repeat: repeat-x;
 background-position: left top;
 color:black;
 font-size: 1.1em;
 font-weight: bold;
 text-decoration:none;
 text-align:center;
 padding:4px;
 border-width:2px;
 border-style:solid;
/*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
}

ul.ul1 li.ul1 a:hover
{
 font-weight: lighter;
 border-color: #696969 #DCDCDC #DCDCDC #696969;
}

ul.ul2 li.ul2 a:hover
{
 font-weight: lighter;
 border-color: #696969 #DCDCDC #DCDCDC #696969;
}

#entete2 {
 border-width: 0;
 border-style: none;
 margin: 0;
 padding: 0;
 margin-bottom: 1px;
 width: 100%;
}

#entete2_l1 {
 background-image: url('images/entete2_gauche.jpg');
 background-repeat: repeat-x;
 background-position: left top;
 border-collapse: collapse ;
 width: 100%;

}
#entete2_l1_C1 {
 text-align: left;
 float: left;
 border: 0;
 vertical-align: bottom;
 height: 18px;
 font-size: 1.2em;
}
#entete2_l1_C2 {
 background-image: url('images/entete2_milieu.jpg');
 background-repeat: no-repeat;
 background-position: left top;
 float: left;
 border: 0;
 width: 55px;
}
#entete2_l1_C3 {
background-image: url('images/entete2_droite.jpg');
background-repeat: repeat-x;
background-position: left top;
}

#entete3 {
 border-style: double;
 border-width: 0;
 border-style: none;
 margin: 0;
 padding: 0;
 margin-bottom: 1px;
}
#entete3_l1 {
 background-image: url('images/entete3_milieu.jpg');
 background-repeat: repeat-x;
 background-position: left top;
 border-collapse: collapse ;
 width: 100%;
 height: 55px;
}
#entete3_l1_C1 {

 width: 30%;

}
#entete3_l1_C2 {

 width: 15%;
 text-align: left;
 vertical-align: top;
}
#entete3_l1_C3 {

 width: 50%;
 text-align: left;
 vertical-align: top;
}


/* CORPS DU SITE */

#corps {
 border-width: 0.2px;
 background-color: white;
 width: 100%;
 text-align: center;
 margin-bottom: 2px;
 margin-top: 2px;
}

iframe {
 width: 100%;
 height: 420px;
 min-height: 400px;
 max-height: 1150px;
}

/*  PIEDS DU SITE */
#pied {
  height: 15%;
  font-size: 1em;
  font-weight: bold;
  background-image: url('images/pied.jpg');
  background-repeat: repeat-x;
  text-align: center;
  vertical-align: bottom;
  border-style: solid;
  border-width: 0.1em;
  border-color: black;
}
#imagePied {
 height: 17px;
 border-width: 0;
 border-style: none;
 position: relative;
}

#entete_l1 {
  border-width: 0;
  border-style: none;
  margin: 0;
  padding: 0;
}
#entete_l1 {
 background-image: url('images/bandeau_vert_blanc.jpg');
 background-repeat: repeat-x;
 background-position: left top;
 border-collapse: collapse ;
 width: 100%;
}
#entete_l1_C1 {

 text-align: left;
 vertical-align: top;
 width: 47%;
 height: 48px;
 color: #31a42f;
 font-weight: bold;
 font-style: italic;
 font-size: 2em;
}
#entete_l1_C2 {
 background-image: url('images/bandeau_blanc_vert.jpg');
 background-position: left top;
 background-repeat: no-repeat;
 height: 48px;
 width: 33px;
}
#entete_l1_C3 {
 background-image: url('images/bandeau_vert.jpg');
 background-repeat: repeat-x;
 background-position: left top;
 text-align: left;
 vertical-align: top;
 width: 47.2%;
 height: 48px;
 color: white;
 font-weight: bold;
 font-style: normal;
 font-size: 1.8em;
}

#grande {
 border-color: #31a42f;
 border-style: solid;
 position: absolute;
 max-width: 700px;
 width: auto !important;
 width: 700px;
 max-height: 500px;
 height: auto !important;
 height: 500px;
 left: 20%;
 top: 2%;
 visibility: hidden;
}