body {
  margin-top: 0em;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  background-color: #ffffff;
  font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
//  font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
  font-size: 1em;
  }
  
.centre {
  text-align:center;
  }

.droit {
  text-align:right;
  float:right;
  padding-right: 1em;
  }
  
.droite {
  float: right;
  margin-left: 1em;
  }
  
.droite_photo{
  float: right;
  margin-left: 1em;
  height: 220px;
  display: block;
  text-align: center;
  fonet-size: 0.83em;
  }

#entete {
  font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
//  font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  list-style: none;
  }

#grand {
  font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
//  font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
  margin: 0;
  padding: 0;
  font-size: 3em;
  list-style: none;
  }
#grand1 {
  font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
//  font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  list-style: none;
  }
  
.gauche {
  float: left;
  margin-right: 2em;
  list-style: none;
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
// font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
  margin: 0;
  padding: 0;
  font-size: .8em;
  }
 
.gauche_1 {
  display: inline-block;
  float: left;
  margin-right: 0.2em;
  text-align: center;
  height:160pt;
  }
  
.gauche_1_f {
  display: inline-block;
  float: none;
  text-align: center;
  height:160pt;
  }

.gauche_1 img{
  line-height:200px;
  text-align:center; /* centrage horizontal d'un élément en-ligne */}
  }

h1 {
  font-size:1.5em;
  }
  
h2{
  font-size:1.2em;
  }
h3{
  font-size:1.1em;
  }

#header {
  position:fixed;
  background: white;
  height:6.8em;
  top:0;
  left:0;
  right:0;
  }

input {
/* Pour aligner correctement les champs multilignes et leurs étiquettes */
  vertical-align: top;

/* Pour donner assez d'espace pour entrer du texte */
  height: 2em;
  width: 200px;
  }

label {
  display: inline-block;
  width: 90px;
  text-align: right;
  }
  
#lidec{
  list-style-type: circle;
  list-style-position: inside;
  }

.ligne {
  line-height=1em;
  }

#linone {
  list-style-type: none;
  }

#marge_basse
{
  margin-bottom: 1em;
  }
  
.photo {
  vertical-align:middle;
  }

#pied_de_page {
  position:fixed;
  background: white;
  height:3em;
  bottom:0;
  left:0;
  right:0;
  }

.p_photo{
  height:200px;
  line-height:200px;
  text-align:center; /* centrage horizontal d'un élément en-ligne */
  }


  






.img_cent {
   vertical-align:middle;
}
/* menu */
/* Pour chaque menu parent */
#menu li {
  height:2.2em;
  float: left;
 }
 
#menu li ul li:first-child{
  padding-left: 0em;
  }
 
#menu li a {
  float: left;
  display: block;
  padding: 4px 4px 4px 4px;
  text-decoration: none;
  color: black;
  background: #9EB0F3;
 // background: #00ff99;
  margin: 0px;
  border-style: solid;
  border-width: 1px;
  width: 7.3em;
  text-align: center;
}

#menu li div {
  float: left;
  display: block;
  padding: 4px 4px 4px 4px;
  text-decoration: none;
  color: black;
  background: #9EB0F3;
 // background: #00ff99;
  margin: 0px;
  border-style: solid;
  border-width: 1px;
  width: 7.3em;
  text-align: center;
 }

#menu li:hover a,
#menu li div:hover,
#menu li a:hover {
  background: #9EB0F;
  color: #fff;
  }
/* Les groupes des enfants doivent être invisible par défaut */

#menu ul {display: none;}
#menu ul li ul {display: none;}

/* Les groupes enfants doivent être visibles si la souris est dessus */

#menu li:hover ul {display: block;}
#menu li:hover li ul {display: none;}
#menu li:hover li:hover ul {display: block;}

#menu ul {
  list-style: none;
  float: none;
  margin-top: 2.4em;
  z-index:10;
  position: absolute;
  font-size: 0.8em;
}
  
#menu ul li {
  float: none;
  clear: none;
  margin: 0;
  width: 8em;
  height: 1.9em;
  border-width:0px;
}
#menu ul li ul {
  list-style: none;
  float: none;
  margin: 0;
  margin-left:1em;
 // margin-top: 2.4em;
  z-index:20;
  position: absolute;
  font-size: 0.8em;
}
#menu li:hover ul li a,
#menu ul li a {
  display: block;
  float: none;
  color: black;
  border-style: none;
  background: #9FC0F0;
  width: 16em;
  border-style: solid;
  text-align: left;
  border-width: 1px;
 }
#menu1{
  list-style: none;
  font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
//  font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
  padding: 0;
  display: block;
  float: none;
  border-style: none;
  background: #9FC0F0;
  width: 15.9em;
  border-style: solid;
  text-align: left;
  border-width: 1px;
  margin-left:9.4em;
  height: 1.6em;
 }

#menu1 a
 {
  text-decoration: none;
  color: black;
  font-size: 1em;
 }
#ul_cole
{
margin:0;
}
  
#menu li:hover ul li a:hover,
#menu ul li a:hover
{
  background: #9EC0F0;
  color:white;
 }  
.encadre {
  border: 1px solid black;
padding-left:5px;
padding-right:5px;
}
.encadre_gauche {
   border: 1px solid black;
  padding-left:5px;
  padding-right:5px;
}
.encadre_haut {
  border: 1px solid black;
  vertical-align: top;
  padding-left:5px;
  padding-right:5px;
}
.encadre_centre {
  border: 1px solid black;
  vertical-align: center;
  text-align: center;
  padding-left:5px;
  padding-right:5px;
}
.paire{
  background: #F2F2F2;
}
.encadre_centre {
  border: 1px solid black;
  vertical-align: top;
  text-align: center;
padding-left:5px;
padding-right:5px;
}
.notice {
  list-style: none;
  font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
//  font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
  margin: 0;
  padding: 0;
  font-size: .8em;
  }

.encadre_haut_droit {
  border: 1px solid black;
  vertical-align: top;
  text-align: right;
  margin: 0;
 padding-left:5px;
padding-right:5px;
}

.haut_droit {
  vertical-align: top;
  text-align: right;
  margin: 0;
  padding-left:5px;
  padding-right:5px;
}
.centre_droit {
  vertical-align: middle;
  text-align: right;
  margin: 0;
  padding-left:5px;
  padding-right:5px;
}
.centre_tab {
  vertical-align: middle;
  margin: 0;
  padding-left:5px;
  padding-right:5px;
}
fieldset {
  border:none;
  margin-bottom:1em;
  width:24em;
  padding-top:1.5em;
}
button {
width : 50 px;
//  margin-left: .5em;
}
input {
//  font    : .9em/1.5em "handwriting", sans-serif;

 // border  : none;
  padding : 0 10px;
  margin  : 0;
  width   : 120px;

  background: none;
}

#important {
  font-size:1.5em;
  font-weight: bold;
  }
  
table {
// border-width:1px; 
// border-style:solid; 
// border-color:black;
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;

border-collapse:collapse
 }
 td {
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:1em;
 }
#espace
{
padding-left:5px;
padding-right:5px;
}
#retrait
{
padding-left:50px;
}
.tout_espace
{
  padding:50px;
}
.espace_haut
{
  padding-left:1em;
  padding-right:1em;
  padding-top:1em;
  text-align: center;
}

.espace_bas
{
  padding-bottom :1em;
  padding-left:1em;
  padding-right:1em;
  text-align: center;
}