body{

      width: 800px;
      height:600px;
      margin:auto;
      margin-top: 10px;
	  margin-bottom: 10px;    
      background-image: url("images/aam-im-fond.png");
     }

    #baccueil {
     position: absolute;
     top:200px;
     margin-left:150px;
     width:500px;
     height:188px;
     background-color: white;
     background-repeat:no-repeat;
     border:5px double #FFA500;
     padding:5px;
     }

    #entete{
      width: 800px;
      height: 680px;
      border:5px double #FFE4B5 ;
      padding:5px;
      background-color:white;
      background-repeat: no-repeat;
      margin-bottom: 0px;
      }

    .texte-titre {
      position:absolute;
      top:190px;
      margin-left:370px;
      color:#B22222;
      }
	.texte-titre h3 {
      font-family:arial;
      }

    .menu-sup {
      position:absolute;
	  top:245px;
	  margin-left:80px;
	  font-size:15px;
	  font-family: verdana;
	  color:#FFF5EE;
	  }
    .menu-sup a {
      text-decoration: none; /* Les liens ne seront plus soulignés */
	  color: #800000; /* Les liens seront en rouge au lieu de bleu */
      }
	.menu-sup a:hover {  
	  background-color: #FFE4B5; /* Le fond du paragraphe change de couleur */
	  text-indent: 20px;  /* Le lien sera écrit en vert quand on pointera dessus */
      }

    #menu-vertical {
	  position:absolute;
	  width:200px;
	  margin-left:15px;
	  top:310px;
	  }

	.fond {
      position:absolute;
	  top:220px;
	  margin-left:10px;
	  background-repeat:no-repeat;
	  }

	.image-clic {
	  position:absolute;
	  top:480px;
	  margin-left:11px;
	  background-repeat:no-repeat;
	  }

    .objectifs {
	  width:560px;
	  height:400px;
	  position:absolute;
	  margin-left:210px;
	  overflow:scroll;
	  top:240px;
	  padding:20px ;
	  text-align:justify;
	  }
    .objectifs h3 {
	  color:#800000;
	  }
    .objectifs p  {
	  font-size:13px;
	  font-family:arial;
	  color:#A0522D;
	  }

	.equipe {
	  width:560px;
	  height:400px;
	  position:absolute;
	  margin-left:210px;
	  top:250px;
	  padding:20px ;
	  text-align:justify;
	  }
	.equipe p {
	  font-size:13px;
	  font-family:arial;
	  color:#A0522D;
	  }

	.corps {
	  width:570px;
	  height:420px;
	  position:absolute;
	  margin-left:235px;
	  top:275px;
	  }

	  /*le pied de page */

	#pied {
	 position:absolute;
	 top:650px;
	 margin-left:10px;
	 background-repeat:no-repeat;
	 }

    .texte-pied {
	 position:absolute;
	 top:680px;
	 margin-left:340px;
	 font-size:13px;
	 font-family:arial;
	 }
    .texte-pied a {
	 text-decoration: none; /* Les liens ne seront plus soulignés */
	 color: #800000; /* Les liens seront en rouge au lieu de bleu */
	 }
    .texte-pied a:hover {  
	 text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
	 color: white; /* Le lien sera écrit en vert quand on pointera dessus */
	 }

	.logos {
	 position:absolute;
	 margin-left:35px;
	 top: 660px;
	 }

	.navigation {
	  margin: 0px;
	  padding: 0;
	  list-style: none;
	  background: #FFFFFF;
	  color: #fff;
	  width: 200px;
	  font-size: 15px;
	  font-family:Trebuchet MS;
	  }
    .navigation a, .navigation span {
      margin:0px;
	  display: block;
	  padding: 5px 50px;
	  color: #B22222;
	  text-decoration: none;
	  background: #FFFFFF url(images/enroule-menu.png) left bottom no-repeat;
	  }
    .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
	  margin:0px;
	  background-image: url(images/enroule-menu.png);
	  }
    .navigation .open a, .navigation .open span {
	  margin:0px;
	  background-image: url(images/deroule-menu.png);
	  }
    .navigation a:hover, .navigation a:focus, .navigation a:active {
	  margin:0px;
	  text-decoration: underline;
	  }
    .navigation .subMenu {
	  font-size: 15px;
	  background: #ffffff;
	  margin: 0px;
	  padding: 0px;
	  border-bottom: 1px solid #FFFFFF;
	  }
    .navigation ul.subMenu a {
	  margin:0px;
	  background: none;
	  padding: 3px 20px;
	  }

    .charte {
	  width:560px;
	  height:400px;
	  position:absolute;
	  margin-left:225px;
	  top:275px;
	  margin-bottom:20px;
	  overflow:scroll;
	  padding:10px;
	  }
    .charte p { 
	  font-size:13px;
	  font-family:arial;
	  color:green;
	  text-align:justify;
	  }
    .charte h3 {
	  color:#B22222;
	  }
    .charte h4 {
      color:#CD5C5C;
	  }

	.recours {
	  width:300px;
	  height:200px;
	  position:absolute;
	  top:340px;
	  text-align:justify;
	  background-repeat:no-repeat;
	  margin-left:370px;
	  }
    .recours h4{
      color:#8B4513;
	  font-family:arial;
	  }
    .recours p {
      color:#8B4513;
      font-size:13px;
      font-family:arial;
      }
    .decor { /* image de la page recours*/
	  position:absolute;
	  top:470px;
	  margin-left:320px;
	  background-repeat:no-repeat;
	  }

	 #travaux {
	  width:600px;
	  height:430px;
	  position:absolute;
	  top:270px;
	  overflow:scroll;
	  background-repeat:no-repeat;
	  margin-left:200px;
	  }

	.texte-travaux {
     width:120px;
	 height:50px;
	 position:absolute;
	 top:830px;
	 margin-left:145px;
	 font-size:13px;
	 font-family:arial;
	 text-align:justify;
	 }
    .texte-travaux a {
	 text-decoration: none; /* Les liens ne seront plus soulignés */
	 color: #8B0000; /* Les liens seront en rouge au lieu de bleu */
	 }
    .texte-travaux a:hover {  
	 text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
	 color: black; /* Le lien sera écrit en vert quand on pointera dessus */
	 } 

	#jardin{
	  width:600px;
	  height:430px;
	  position:absolute;
	  top:270px;
	  overflow:scroll;
	  background-repeat:no-repeat;
	  margin-left:200px;
	  }
    .texte-jardin {
	 width:200px;
	 height:30px;
	 position:absolute;
	 top:910px;
	 margin-left:180px;
	 font-size:13px;
	 font-family:arial;
	 text-align:justify;
	 }
	.texte-jardin a {$
	 text-decoration: none; /* Les liens ne seront plus soulignés */
	 color: green; /* Les liens seront en rouge au lieu de bleu */
	 }
    .texte-jardin a:hover {  
	 text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
	 color: black; /* Le lien sera écrit en vert quand on pointera dessus */
	 } 

	#administratif {
	  width:600px;
	  height:430px;
	  position:absolute;
	  top:270px;
	  overflow:scroll;
	  background-repeat:no-repeat;
	  margin-left:200px;
	  }

	#vehicules {
	  width:580px;
	  height:425px;
	  position:absolute;
	  top:270px;
	  margin-left:225px;
	  overflow:scroll;
	  background-repeat:no-repeat;
	  }

	#equipe {
      width:580px;
	  height:425px;
	  position:absolute;
	  top:270px;
	  margin-left:225px;
	  overflow:scroll;
	  background-repeat:no-repeat;
	  }

	#personnel {
	  width:580px;
	  height:410px;
	  position:absolute;
	  top:270px;
	  margin-left:225px;
	  border:1px solid black;
	  background-repeat:no-repeat;
	  }

    #references {
	  width:580px;
	  height:400px;
	  position:absolute;
	  top:275px;
	  margin-left:225px;
	  background-color:	#FFDAB9;
	  text-align:center;
	  font-size:13px;
	  font-family:arial;
	  }

	#partenaires {
	  width:580px;
	  height:400px;
	  position:absolute;
	  top:275px;
	  margin-left:225px;
	  background-color:	#FFDAB9;
	  text-align:center;
	  font-size:13px;
	  font-family:arial;
	  }

	#actualite {
	  width:580px;
	  height:400px;
	  position:absolute;
	  top:275px;
	  margin-left:225px;
	  background-color:	#FFDAB9;
	  text-align:center;
	  font-size:13px;
	  font-family:arial;
	  }

	.reglement {
	  width:560px;
	  height:380px;
	  position:absolute;
	  top:270px;
	  margin-left:210px;
	  overflow:scroll;
	  padding:20px;
	  text-align:justify;
	  }
	.reglement h4 {
	  color:#2F4F4F; 
	  font-family:arial;
	  }
    .reglement p {  
	  color: #2F4F4F; 
	  font-size: 13px;
	  font-family:arial;
	  } 

	.prix {
	  width:560px;
	  height:390px;
	  position:absolute;
	  top:270px;
	  margin-left:210px;
	  overflow:scroll;
	  padding:20px;
	  text-align:justify;
	  }
    .prix h4 {
	  color:#800000; 
	  }
	.prix p {  
	  color: #2F4F4F; 
	  font-size: 13px;
	  font-family:arial;
	  } 

	.mentions-legales {
	  width:560px;
	  height:380px;
	  position:absolute;
	  top:270px;
	  margin-left:210px;
	  overflow:scroll;
	  padding:20px;
	  text-align	  
	  }
	.mentions-legales h3 ,.mentions-legales h4 {
	  color:#800000; 
	  font-family:arial;
	  }
    .mentions-legales p {  
	  color: #A0522D; 
	  font-size: 13px;
	  font-family:arial;
	  } 
	.mentions-legales a {
	 text-decoration: none; /* Les liens ne seront plus soulignés */
	 color: green; /* Les liens seront en rouge au lieu de bleu */
	 }
    .mentions-legales a:hover {  
	 text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
	 color: black; /* Le lien sera écrit en vert quand on pointera dessus */
	 } 

	.adresse { 
	  width:560px;
	  height:380px;
	  position:absolute;
	  top:275px;
	  margin-left:210px;
	  padding:20px;
	  overflow:scroll;
	  text-align:justify;
	  }
    .adresse h3 , .adresse h4 {
	  color:#A0522D; 
	  font-family:arial;
	  }
    .adresse p {  
      color: #2F4F4F;
	  font-size: 14px;
	  font-family:arial;
	  }

    .plan {
	  width:460px;
	  height:390px;
	  position:absolute;
	  top:270px;
	  margin-left:310px;
	  padding:20px;
	  overflow:scroll;
	  text-align:justify;
	  }
    .plan h2 {
	  color:#B22222; 
	  font-family:arial;
	  }
    .plan a {
	 text-decoration: none; /* Les liens ne seront plus soulignés */
	 color: #8B4513; /* Les liens seront en rouge au lieu de bleu */
	 font-style: bold; /* Les liens seront en italique (pourquoi pas ?) */
	 font-size:16px;
	 font-family:arial;
	 }
    .plan a:hover {  
	 text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
	 color:#FF8C00; /* Le lien sera écrit en vert quand on pointera dessus */
	 } 
    .plan p {
	 font-size: 16px;
	 font-family:arial;
	 color:#B22222;
	 }

    .comment-faire {
	  width:560px;
	  height:385px;
	  position:absolute;
	  top:270px;
	  margin-left:210px;
	  padding:20px;
	  overflow:scroll;
	  }
    .text-comment-faire {
	  width:350px;
	  height:600px;
	  font-size:13px;
	  font-family:arial;
	  text-align:justify;
	  color:#A0522D;
	  }

	.gif {
	  width:130px;
	  height:450px;
	  position:absolute;
	  top:50px;
	  margin-left:380px;
	  border:1px solid 	#8B4513;
	  padding:10px;
	  text-align:center;
	  background-repeat:no-repeat;
	  }
    .gif p {
	  font-size:13px;
	  font-family:arial;
	  }

	.contact  {
	  width:580px;
	  height:400px;
	  position:absolute;
	  top:275px;
	  margin-left:225px;
	  background-color:	#FFDAB9;
	  text-align:center;
	  font-size:13px;
	  font-family:arial;
	  }