#en_tete
{
   height: 176px;
   width: 1200px;
   background-image: url("leriondetbaniere.png");
   background-repeat: no-repeat;
   background-position: center top;
   margin-bottom: 26px;
}

body
{
   width: 1200px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 10px;    /* Idem pour le bas du navigateur */
   background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

.logo
{
   border-style: none;
}

.imacceuil
{
   float: right;
   margin-left: 20px;
   margin-top: -10px;
}

.imaacces1
{
   float: right;
   margin-left: 20px;
   margin-top: 0px;
}

.imaacces2
{
   float: right;
   margin-left: 25px;
   margin-top: 0px;
}

.txacceuil
{
   text-align: justify;
   font-size: medium;
   margin-top: 0px;
}

.keywords
{
   text-align: justify;
   font-size: medium;
   margin-top: 10px;
   color: white;
}

.txcontact
{
   text-align: justify;
   font-size: medium;
   margin-top: 0px;
}

.txhivers
{
   text-align: justify;
   margin-top: 20px;
   margin-left: 170px;
}

.siteGDF
{
   color: #334aff;
   text-align: justify;
   margin-left: 170px;
   font-size: medium;
   margin-top: 0px;
}

.signature
{
   text-align: right;
   font-size: large;
}

.tarif
{
   text-align: left;
   margin-left: 170px;
   font-size: large;
}

.coord
{
   float: right;
   width: 270px;
   margin-left: 20px;
   margin-top: -10px;
}

.dispo
{
   float: right;
   width: 500px;
   margin-left: 20px;
   margin-top: -30px;
}

.dispodispo
{
   float: left;
   width: 500px;
   margin-left: 200px;
   margin-top: -30px;
}

.meteo
{
   float: left;
   width: 650px;
   margin-left: 80px;
   margin-top: -30px;
}

.imadispo
{
   margin-left: 20px;
   margin-top: 0px;
   margin-bottom: 0px;
   color: black;
}

.immappe
{
   float: right;
   margin-left: 20px;
   margin-top: 0px;
}

.imcadastre1963
{
   float: right;
   margin-left: 20px;
   margin-top: 50px;
}

.contactdispo
{
   text-align: justify;
   color: black;
   margin-left: 20px;
   margin-top: 0px;
   margin-bottom: 0px;
}

.contactdispo2
{
   text-align: justify;
   color: #334aff;
   margin-left: 20px;
   margin-top: 0px;
   margin-bottom: 20px;
}

.acces
{
   margin-left: 0px;
   margin-top: -30px;
   width: 1130px;
}

.acces2
{
   margin-top: 15px;
   text-align: justify;
}

.titrepresentation
{
   float: right;
}

.textepresentation2
{
   text-align: justify;
   margin-left: 170px;
   margin-right: 0px;
   margin-top: 0px;
}

.textepresentation
{
   width: 350px;
   text-align: right;
   margin-left: 270px;
   margin-top: -35px;
}

.textepresentation3
{
   
   text-align: center;
   margin-top: 30px;
}

.textepresentation4
{
   
   margin-left: 300px;
   margin-top: -15px;
}

.textehistoire
{
   text-align: justify;
   margin-left: 170px;
   margin-right: 0px;
   margin-top: 5px;
}

.textehistoire2
{
   text-align: justify;
   margin-left: 170px;
      margin-top: 0px;
}

.textetravaux
{
   text-align: justify;
   margin-left: 170px;
   margin-right: 0px;
   margin-top: 20px;
}

.textetravaux2
{
   text-align: justify;
   margin-left: 170px;
   margin-right: 0px;
   margin-top: 0px;
}

.imaapicole
{
   float: right;
   text-align: center;
   margin-left: 20px;
   margin-top: -10px;
}

.imapresentation
{
   float: right;
   text-align: center;
   margin-left: 20px;
   margin-top: -20px;
}

.lien1
{
   color: #009247;
   float: right;
   width: 300px;
   text-align: center;
   margin-right: 100px;
   margin-top: -10px;
}

.lien3
{
   float: right;
   width: 300px;
   text-align: center;
   margin-left: 0px;
   margin-top: -10px;
}

.lien2
{
   color: #009247;
   width: 300px;
   text-align: center;
   margin-left: 250px;
   margin-top: -10px;
}

.listestandard
{
   text-align: justify;
   margin-left: 170px;
   margin-right: 0px;
   margin-top: 5px;
}

.imagiteresume
{
   width: 1200px;
   margin-top: 0px;
   margin-left: 0px;
   text-align: center;
   border: none;
}

.imadispo
{
   width: 1030px;
   margin-top: 0px;
   margin-left: 0px;
   border: none;
}

.imalogo
{
   width: 150px;
   margin-top: -20px;
   margin-right: 0px;
   margin-bottom: -10px;
   border: none;
}

h2 /* Tous les titres du corps */
{    
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-top: 40px;
   color: #009247;
   text-decoration: underline;
}

h3
{    
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #009247;
   text-decoration: underline;
   margin-bottom: 10px;
}

#menu
{
   float: left;
   width: 150px;
   margin-right: 20px;
   margin-top: 0px;
}

.element_menu
{
   /* background-image: url("leriondetalveoles4.jpg"); */
   background-color: #fffd79;
   background-repeat: repeat-x 20px;
   background-repeat: repeat-y 12px;
   border: 3px solid green;
   margin-bottom: 4px;
}


/* Quelques effets sur les menus */

.element_menu h1 /* Tous les titres de menus */
{    
   color: #009247;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
   padding: -10px;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   font-weight: bold;
   font-size: 13px;
   text-align: left;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #009247;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #B3B3B3;
   color: black;
}

#pied_de_page
{
   clear: both;
   text-align: center;
   color: #009247;
   background-color: #eedeb3;
   
}

input, textarea
{
   background-color: #eedeb3;
}

input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
   background-color: #b0cd8f;
}

form
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;
   font-weight: bold;
}