body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: rgb(66,66,66);
   border: 1px ;

}
#en_tete
{
   width: 760px;
   height: 145px;
   background-image: url("banieretitre.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}

#photoaccueil
{
   float: left; /* La photo flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   height: 600px;
   background-image: url("photoaccueil5.jpg");
   background-repeat: no-repeat;
   margin-top: 4px; /* Ca c'est pour éviter que le menu colle trop a la bannière */
   margin-right: 15px;
   }

#photoactivités
{
   float: left; /* La photo flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   height: 415px;
   background-image: url("photoaccueil4.jpg");
   background-repeat: no-repeat;
   margin-top: 4px; /* Ca c'est pour éviter que le menu colle trop a la bannière */
   margin-right: 15px;
   }
   
#photocontact
{
   float: left; /* La photo flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   height: 400px;
   background-image: url("photoaccueil4.jpg");
   background-repeat: no-repeat;
   margin-top: 4px; /* Ca c'est pour éviter que le menu colle trop a la bannière */
   margin-right: 15px;
   }

   
#baniere
{
   width: 760px;
   height: 145px;
   background-image: url("banieretitre.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
table /* Le tableau de menu */
{
      width: 760px;
	margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
      margin-bottom: 2px;
	  background-color: rgb(199,174,147);
}

table a /* Les liens du tableau de menu */
{
	color: black;
	font-family: Arial, Verdana, serif;
	font-variant: small-caps;
	text-decoration: none;
}
.espaces
{
   width: 750px;
   height: 400px;
  }

  .espaces_refs
{
   width: 750px;
   height: 400px;
  }
  
.espaces h2 /* Tous les titres h2 du tableau Espaces*/
{
   margin-top : 10px;
   color: black;
   text-align: center;
   border: 0px solid black; /* Une bordure pour bien marquer les limites du titre et pour faire joli */
   padding: 10px;			/* Une marge de 10px autour du titre pour détacher le cadre du titre */
   padding-bottom : 30px;			/* Une marge de 30px en bas du titre pour détacher le cadre du titre */
   background-color: rgb(180,149,116);
   font-variant: small-caps;
}

.espaces_refs h2 /* Tous les titres h3 du tableau Espaces_refs*/
{
   margin-top : 10px;
   color: black;
   text-align: left;
   border: 0px solid black; /* Une bordure pour bien marquer les limites du titre et pour faire joli */
   padding: 10px;			/* Une marge de 10px autour du titre pour détacher le cadre du titre */
   padding-bottom : 30px;			/* Une marge de 30px en bas du titre pour détacher le cadre du titre */
   background-color: rgb(180,149,116);
   font-variant: small-caps;
}

.etudes
{
   width: 750px;
   height: 300px;
  }

.etudes_refs
{
   width: 750px;
   height: 300px;
  }
  
.etudes a
{
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
  }
  
.etudes h2 /* Tous les titres h2 du tableau Espaces*/
{
   margin-top: 10px;
   color: black;
   text-align: center;
   border: 0px solid black; /* Une bordure pour bien marquer les limites du titre et pour faire joli */
   padding: 10px;			/* Une marge de 20px autour du titre pour détacher le cadre du titre */
   background-color: rgb(180,149,116);
   font-variant: small-caps;
}

.etudes_refs h2 /* Tous les titres h3 du tableau Espaces_refs*/
{
   margin-top : 10px;
   color: black;
   text-align: left;
   border: 0px solid black; /* Une bordure pour bien marquer les limites du titre et pour faire joli */
   padding: 10px;			/* Une marge de 10px autour du titre pour détacher le cadre du titre */
   padding-bottom : 30px;			/* Une marge de 30px en bas du titre pour détacher le cadre du titre */
   background-color: rgb(180,149,116);
   font-variant: small-caps;
}

.photo_espaces /* L'image du tableau Espaces */
{   margin: auto;
   margin-top : 100px;
}

.photo_etudes /* L'image du tableau Etudes */
{   margin: auto;
   margin-top : 45px;
}

.contacts /* L'image de la page Contacts */
{   margin-top : 100px;
}

#corps
{
   font-family: Arial, Verdana, serif;
   margin-bottom: 5px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-top: 5px; /* Ca c'est pour éviter que le corps colle trop a la bannière */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-top: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: black;
   background-color: rgb(199,174,147); /* Une couleur de fond pour le corps */
   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   font-size: 0.95em;
}

#corps_accueil
{
   font-family: Arial, Verdana, serif;
   margin-bottom: 5px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-top: 5px; /* Ca c'est pour éviter que le corps colle trop a la bannière */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-top: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: black;
   background-color: rgb(199,174,147); /* Une couleur de fond pour le corps */
   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   font-size: 0.95em;
}

#corps_refs
{
   font-family: Arial, Verdana, serif;
   margin-bottom: 5px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-top: 5px; /* Ca c'est pour éviter que le corps colle trop a la bannière */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-top: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: black;
   background-color: rgb(199,174,147); /* Une couleur de fond pour le corps */
   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   font-size: 0.95em;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: black;
   text-align: center;
   border: 2px solid black; /* Une bordure pour bien marquer les limites du titre et pour faire joli */
   padding: 20px;			/* Une marge de 20px autour du titre pour détacher le cadre du titre */
   background-color: rgb(180,149,116);
}


#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   color: black;
   margin-top: 10px;
   color: black;
   text-align: left;
   border: 0px solid black; /* Une bordure pour bien marquer les limites du titre et pour faire joli */
   padding: 10px;			/* Une marge de 20px autour du titre pour détacher le cadre du titre */
   padding-left: 20px;
   background-color: rgb(180,149,116);
   font-variant: small-caps;
}

#corps a /* Les liens du corps */
{
	color: black;
	font-family: Arial, Verdana, serif;
	font-variant: normal;
	text-decoration: underline;
   padding-left: 20px;
}

#corps_refs a /* Les liens du corps */
{
	color: black;
	font-family: Arial, Verdana, serif;
	font-variant: normal;
	text-decoration: underline;
}

#corps_accueil a /* Les liens du corps de la page accueil*/
{
	color: black;
	font-family: Arial, Verdana, serif;
	font-variant: normal;
	text-decoration: underline;
}

.accueil
{
   width: 760px;
  }
#pied_de_page
{
   width: 750px;
   height: 120px;
   background-image: url("Pied.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}