.page {
 font-size: 0.8em;
 font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
 margin: 0;
 margin-top: 0.4em;
 margin-left: 18em;
 padding: 0;
 padding-top: 14em;
 width: 50em;
 position: absolute;
 background-color: #ffffff;

 background-image: url('../images/bandeau.png');
 background-repeat: no-repeat;
 background-position: 0 0;
 

}

.page .menu-haut {
 margin:2em 0 0 50em;
 padding: 0;
}

img {
 border: 0;
}

body{
 margin: 0.2em;
 padding: 0.2em;
 background-color:#FFFFFF;
 color: black;
}

p {
 padding: 0;
 margin: 0;
 margin-top: 1em;
 text-align: justify;
}

.figure {
 font-size: 0.7em;
 padding: 0em;
 text-align: center;
}

ul {
 padding: 0;
 padding-left: 3em;
 margin: 0;
 margin-top: 1em;
 text-align: justify;
 list-style-type: circle;
}

.big {
 font-size: 1.3em;
 padding: 0;
 list-style-image: url(../images/puce-big.gif);
 list-style-position: inside;
}

ul li {
 padding: 0;
 margin: 0;
 margin-top: 1em;
}

.image-right {
 margin: 0;
 padding: 0;
 padding-left: 1em;
 float: right;
}

.image-left {
 margin: 0;
 padding: 0;
 padding-right: 1em;
 float: left;
}

code {
 font-family: "Courier New",Courier,monospace;
 font-size: 0.9em;
 color: #606060;
}

ol {
 padding: 0;
 padding-left: 3em;
 margin: 0;
 margin-top: 1em;
 text-align: justify;
}

ol li {
 padding: 0;
 margin: 0;
 margin-top: 1em;
}

small {
 padding: 0em;
 margin: 0em;
 font-size: 0.8em;
}

.home-header {
 padding: 0;
 margin: 0;
 margin-top: 1em; /*4em*/
}

.home-header p {
 font-size: 1.2em;
 margin-top: 0em;
 text-align: center;
 color: #000000;
}

.home-header .small {
 font-size: 0.8em;
}

.home-header td p {
 font-size: 0.8em;
}

.home-header table {
 margin: 0em;
 margin-top: 0.3em;
 padding: 0em;
}

.table-partners {
 font-size: 1em;
 text-align: center;
 background-color: #e0e0e0;
 border-collapse: collapse;
}

.table-partners tr td {
 padding: 0.5em;
 border: 1px solid black;
}

.table-partners tr th {
 padding: 0.5em;
 border: 1px solid black;
}

td em{
  font-style: normal;
  vertical-align: 5px;
  font-size: 75%
}



a.menu-haut  {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: #336699;
 text-decoration: none;
 text-align: right;
}

a.menu-haut:hover  {
 text-decoration: underline;
}

.page h1 {
 margin: 0;
 margin-bottom: 0.666em;
 padding: 0;
 color: #655F4B;
 text-align: center;
 font-size: 2.5em;
 font-weight: bold;
 font-variant: small-caps;
}

.page h2 {
 font-size: 1.5em;
 font-weight: bold;
 font-variant: small-caps;
 margin: 0;
 margin-top: 1.5em;
 margin-bottom: 0.666em;
 padding: 0;
 color: #655F4B;
 text-align: left;
}
.page h3 {
 font-size: 1.2em;
 font-weight: bold;
 font-variant: small-caps;
 margin: 0;
 margin-top: 1.5em;
 margin-bottom: 0.666em;
 padding: 0;
 color: #655F4B;
 text-align: center;
}


.page h4 {
  font-family: "Verdana",Geneva,Arial,Helvetica,sans-serif;
 font-size: 0.9em;
 font-weight: bold;
 font-variant: small-caps;
 margin: 0;
 margin-top: 1.2em;
 margin-bottom: 0.666em;
 padding: 0;
 color: #655F4B;
 text-align: center;
}

.page table {
 padding: 0em;
 margin: 0em;
 margin-top: 1em;
 border: 0px solid black;
}

.page td {
 padding: 0em;
 margin: 0em;
 text-align: center;
 border: 0px solid black;
}

.page a {
 text-decoration: none;
 color: #336699;
}

.page a:hover {
 text-decoration: underline;
 color: #6198CB;
}

.page .footer {
 margin: 0;
 padding: 0;
 margin-top: 4em;
 font-size: 0.7em;
}

.page .footer p{
 margin: 0;
 padding: 0;
 text-align: center;
}

.page .footer .copyright {
 font-size: 1.1em;
 margin: 0;
 margin-top: 0.8em;
 padding: 0;
}

.people .title{
  font-size: 1.2em;
 // text-decoration: underline;  //

}

.one{
  font-weight: bold;
}

.last{
  font-style: italic;
  font-weight: bold;
  list-style-type: none;
  margin-left:-1em;

}

.Peoplelist {
  font-size: 1em;
  line-height: 1em;
  margin-top: 0em;
}

.Peoplelist li {
  font-size: 1em;
  line-height: 1em;
  margin-top: 0.5em;
}


.news{
padding: 0;
 margin: 0;
 margin-top: -0.8em;
}
.news p {
 font-size: 1.2em;
 margin-top: 0em;
 text-align: center;
 color: #000000;
}
.news .small {
 font-size: 0.8em;
}

.news td p {
 font-size: 0.8em;
}

.news table{
width: 100%;
height:8em;
}

td.news{
color: #FF6633;
}

td.news p {
color: #FF6633;
font-size: 1em;
font-weight: bold;
}

td.news {
  text-align:left;
  height:5em;
  line-height: 0.5em;
  border: 0;
  margin-top: 0em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #FFFFCC;
  border: 1px black solid;
  /*background-image:url(../images/img-news.jpg);
background-repeat: no-repeat;
background-position: 0 0; */

}
.news ul{
text-align:left;
}

.news li {
  font-size: 0.8em;
  line-height: 1em;
  margin-top: 0.5em;
  list-style-type: square;
  margin-left:-1.5em;
  margin-right:0.6em;
  padding:0.5em;
}

.news a {
 text-decoration: none;
 /*color: #FFFF33;*/
}

.news a:hover {
 text-decoration: underline;
 /*color: #FFFF99;*/
}

.popup{
  margin:auto;
  padding:1em;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: #336699;
 text-align:center;
}

.popup p{
margin-top:4em;
}

.popup  h3.sous-titre{
color: #993366;
}

.popup  h3.first-l{
  font-size:1.3em;
font-style: italic;
}

.titre-left {
 text-align:center;
 margin: 0 0 0 3em;
 padding:0;
 float: left;
 width: 50%;
}

.popup  h3 em{
  font-style: normal;
  vertical-align: 5px;
  font-size: 75%
}

.souligne{
  text-decoration: underline;
}


a.menu-bas {
text-decoration:none ; /* supprime le soulignement des liens */
/*display:block ;  Crée un retour à la ligne à la fin de chaque bouton*/
margin:0 0 5px 0; /* Crée un marge de 5 pixels en haut des boutons */
text-align:center; /* centre le texte de chaque bouton */
width:150px; /* fixe la largeur de chaque bouton à 120 pixel */
border-style:ridge ; /* défini le style de l'encadrement des boutons */
border-width:3px ; /* largeur de l'encadrement des boutons à 3 px */
padding:2px; /* défini la marge intérieur des boutons à 2px */
}

a.menu-bas:hover {
color:#FFFF00 ; /* change la couleur de la police lors du survol par la souris */
background-color:#0000FF; /*bleu foncé - change la couleur du fonds lors du survol par la souris */
}