body
   {
   font-family: "Hoefler Text", "Bookman Antiqua", "Palatino", "Utopia", "Times New Roman", "Times", "New Century Schoolbook",  "Georgia", "New York", "serif";	
   font-size:14px;
   color: #663333;
   background-color: #d2b48c;
   }
.bloc-page
    {
   background-color: #fde8cf;
   font-family: "Hoefler Text", "Bookman Antiqua", "Palatino", "Utopia", "Times New Roman", "Times", "New Century Schoolbook",  "Georgia", "New York", "serif";
   font-size: medium;
   color: #663333;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   max-width: 1060px;
   border: solid;
   border-width: medium;
   border-color: #b89267;
   
}
header {
    margin-top: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}


.fond_tableau {
    background-color: #fde8cf;
   }

h1
  {
  font-family: "Hoefler Text", "Bookman Antiqua", "Palatino", "Utopia", "Times New Roman", "Times", "New Century Schoolbook",  "Georgia", "New York", "serif";	
  font-size: 1.8em;
  font-weight: 800;
  TEXT-DECORATION: none;
  line-height:24px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  vertical-align: middle
  }

h2
  {
  font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
  font-size: 1.5em;;
  font-weight: 800;
  text-decoration: none;
  text-align: center;
  line-height:20px;
    margin-top: 30px;
  margin-bottom: 30px;
  
  }
  
  h3
  {
  font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
  font-size: 1.3em;
  font-weight: 800;
  TEXT-DECORATION: none;
  line-height:18px;
  text-align: center;
  }
  h4
  {
    text-align: center;
  }
.adresse
 {
  font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
  font-size: 1.2em;
  font-weight: 600;
  TEXT-DECORATION: none;
  line-height:18px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 20px;
  margin-top: 50px;
  }
  .small
{
   font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: justify;
   margin-bottom: auto;
   margin-top:auto;
   }
.small-2
{
   font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: justify;
   margin-top: 20px;
   margin-bottom: 10px;
   }

.small-3
{
   font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: justify;
   margin-top: 10px;
   margin-bottom: 20px;
   }
.small-4
{
   font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   font-weight: bold;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: justify;
   margin-top: 10px;
   margin-bottom: 20px;
   }
   
.small-5
{
   font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: small;
   font-weight: bold;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: justify;
   margin-top: 10px;
   margin-bottom: 20px;
   }
.small-centre
{
   font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   margin-top:10px;
   text-align: center;
   }
.small-centre-2
{
  font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   margin-bottom: 70px;
   margin-top:70px;
   text-align: center;
   }
  .small-centre-petit
{
   font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: 70%;
   font-weight: normal;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   margin-top:10px;
   text-align: center;
   } 
   .small-droite {
    font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: right;
   margin-bottom: 70px;
   margin-top:70px;
   }
   .small-gauche {
    font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   margin-bottom: 70px;
   margin-top:70px;
   }
   .small-menu-xl {
    /* permet une meilleurs présentation sur moins de lignes sur le mobile */
    font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #b89267;
   max-width: 95%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   margin-top:10px;
   text-align: center;
   }
   .small-menu-large {
    /* permet une meilleurs présentation sur moins de lignes sur le mobile */
    font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 99%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   margin-top:10px;
   text-align: center;
   }
.small-menu-page-entiere {
    /* permet une meilleurs présentation sur moins de lignes sur le mobile */
    font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 95%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   margin-top:10px;
   text-align: center;
   }
   
.small-menu-moyen {
     /*sert pour la page accueil et la page 404 qui comprennent moins d'éléments de menu que les autres */
    font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;	
   font-size: medium;
   color: #663333;
   background-color: #fde8cf;
   max-width: 80%;;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   margin-top:10px;
   text-align: center;
   }
p.police-1 {
	font-family : Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size : 18px;
   }
  a{
  color: #990033;
  }
  a:link
  {
  color: #990033;
  }
  a:visited
  {
  color: #660066;
  }
  a:hover{
  color: #fe2e64;
  }
.cadre-lecteur-mp3 
{
border-left : 1px solid maroon;
padding-left : 10px;
margin-left : 0;
border-right : 1px solid maroon;
padding-right : 0px;
margin-right : 0;
border-top : 1px solid maroon;
padding-top : 5px;
margin-top : 0;
border-bottom : 1px solid maroon;
padding-bottom : 10px;
margin-bottom : 0;
text-align: center;
}
footer {
    margin-bottom: auto;
}
.marge-bas {
    margin-bottom: 50px;
}
@media (min-width: 700px) and (max-width: 1000px) {
    header {
    }
img.responsive {
      width: 65%;
      height:auto;
    }
    img.responsive-2 {
      width: 35%;
      height:auto;
    }
    img.responsive-3 {
      width: 20%;
      height:auto;
    }
  }
@media (min-width: 500px) and (max-width: 699px) {
    header {
    }
  img.responsive {
      width: 80%;
      height:auto;
    }
     img.responsive-2 {
      width: 50%;
      height:auto;
    }
     img.responsive-3 {
      width: 30%;
      height:auto;
    }
  }
  @media (min-width: 300px) and (max-width: 499px) {
    header {
    }
    img.responsive {
      width: 90%;
      height:auto;
    }
    img.responsive-2 {
      width: 60%;
      height:auto;
    }
     img.responsive-3 {
      width: 30%;
      height:auto;
    }   
.image-petite {
  width: 20%;
}
  }
.drapeau {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
  }
.image-milieu {
    vertical-align: middle;
  }
 nav {
    display: inline-block;
    width: auto;
    text-align: center;
    border: hidden;
    border-width: thin;
    border-color: #610bob;
    background-color: #b89267;
    vertical-align: middle;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 99%;
}

nav ul {
    list-style-type: none;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
    vertical-align:middle;
    display: inline-block;
    width: auto;
    padding-left: 10px;
}

nav li {
    display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    background-color: #fde8cf;
    font-size: medium;
    font-weight:normal;
    border: solid;
    border-color: maroon;
    border-width: thin;
    border-collapse: separate;
    margin-bottom: 5px;
    margin-top: 5px;
    vertical-align: middle;
    width: auto;
    height: 25px;
}

nav a {
    font-size: medium;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    margin-top: 5;
    vertical-align: middle;
    display:inline-block;
}

nav a:hover {
    color: #fe2z64;
    border-bottom: 3px solid #760001
}
nav2 {
     display: block;
    width: 200px;
}

#menu-deroulant, #menu-deroulant ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}
#menu-deroulant {
/* on centre le menu dans la page */
    text-align: center;
}
#menu-deroulant li {
/* on place les liens du menu horizontalement */
    display:inline-block;display:inline-block;
    max-width: inherit;
    height: 25px;
/* position:relative; tranforme les éléments en pavé au lieu d'occuper une seule ligne */    
}
#menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;
    background-color: #ffd9b3;
}
#menu-deroulant a {
    text-decoration: none;
    display: block;
	color:#000;
}
#menu-deroulant ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
    z-index: 1000;
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
}
#menu-deroulant a:hover {
    color: #8a084b;
}
hr {
    color: #663333;
background-color: #663333;
height: 1px;
max-width: 75%;
}
.menu-vertical {
/* on centre le menu dans la page */
/* le menu vertical le plus courant*/
    text-align: center;
}
.menu-vertical li {
/* on place les liens du menu horizontalement */
/* le menu vertical le plus courant*/
    display:block;
    max-width: inherit;
    height: 25px;
/* position:relative; tranforme les éléments en pavé au lieu d'occuper une seule ligne */    
}

/* position:relative; tranforme les éléments en pavé au lieu d'occuper une seule ligne */    
}
.menu-vertical-generique nav {
    width 70%;
}
.menu-vertical-generique {
/* pour les menus verticaux multiples, utiliser class="..." */
/* pour le cas où il aurait un 2e menu vertical dans la page */
    text-align: center;
    width: 55%;
}
.menu-vertical-generique ul {
/* on centre le menu dans la page */
/* pour le cas où il aurait un 2e menu vertical dans la page */
    text-align: center;
    width: 95%;
}
.menu-vertical-generique li {
/* on place les liens du menu horizontalement */
    display:block;display:block;
    max-width: inherit;
    width: 90%;
    height: 25px;
/* position:relative; tranforme les éléments en pavé au lieu d'occuper une seule ligne */    
}
.table2 {
    margin:auto;
    font-size:12px;
    border:1px solid #000;
    border-collapse:collapse; }
 .table2 td  {
    font-size: medium;
     vertical-align:middle; text-align:left;
    border:1px solid #000; }
    
    }