body
{
   width: 975px;
   /*margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.*/
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: rgb(249,144,14); /* Une petite couleur de fond pour éviter d'avoir un vieux fond blanc*/
   font-family :"times new roman", "Arial", "comic sans ms";
   color: rgb(0,73,113);
   background-image: url("gradient.jpg");
   background-repeat: repeat-x;
   background-attachment: fixed;
}

#image_en-tête 
{
   /*width: 760px;
   height: 100px;*/
   
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#texte_en-tête
{
   text-align: center;
   font-size:20px;
   color: rgb(0,73,113);
   background-color: rgb(253,244,187);
   border: 1px solid black;
   margin-left: -5px;
   margin-bottom: 10px;
   margin-top: 50px;
   margin-right: 5px;
   padding-bottom:15px;
   padding-top:15px;
   background-image: url("image en tête.jpg");
   background-repeat: no-repeat;

}

#texte_en-tête img
{
	float: left;
	margin-bottom: 20px;
}


#menu
{
  /*margin-top: 20px;*/
  float: left;
  width: 160px;
  /*border: 1px dashed black;*/
  /*background-color: rgb(97,190,188);*/
}

#menu h4
{
  border-bottom: 1px dotted black;
  text-align: center;
  padding: 0px;
  margin-top: 0px;
  background-color: rgb(220,220,220);
  background-image: url("menu.jpg");
  
}

#menu h4 a
{
  color: rgb(0,73,113);
  text-decoration: none;
}

#menu h4 a:hover
{
  color: rgb(0,73,113);
  border: none;
}

.element_menu
{
  background-color: rgb(253,244,187);
  background-image: url("gradient-menu.jpg");
  background-repeat: repeat-y;
  border: 1px dashed black;
  margin-bottom: 5px;
  padding: 0px;
}


.element_menu ul
{
   list-style-image: url("puce_ul.gif"); /* nouvelles puces */
   padding: 0px;
   padding-left: 30px;               
   padding-right:10px;             /*marges interieures*/
   margin: 0px; 
   margin-bottom: 5px;               /*marges exterieures*/
   
}

.element_menu a 
{
   color: rgb(89,89,89);
}

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

#corps
{
   
   margin-bottom: 20px; /*une marge entre les "corps" */
   margin-right: 10px; /*pour séparer le corps du bord droit*/
   padding: 5px; 
   padding-bottom: 20px;
   color: rgb(60,60,60);
   margin-left: 170px;
   background-color: rgb(253,244,187);
   background-image: url("body.jpg");
   background-repeat: repeat-y;
   background-position: right;
   border: 1px groove black;
}


#corps h2 /* Tous les titres h2 des corps */
{
   height: 30px;
   background-image: url("puce.gif"); /* Une image pour les titres */
   background-repeat: no-repeat; /* L'image ne se répètera pas elle sera à gauche du titre */
   padding-left: 60px;
   color: rgb(0,73,113);
   text-align: left;
   border-bottom: 1px dashed black;
}

#corps h3
{
	color: black;
	margin-left: 20px;
	margin-top : 60px;
}

#corps h4
{
	text-decoration: underline;
	color: black;
	margin-left: 15px;
	font-size: 105%;
}

#corps h5
{
	font-size: 104%;
	margin-left: 15px;
	margin-bottom: -10px;
}

#corps p 
{
	margin-left: 10px;
	text-align: justify; 
	text-indent: 5px;
	padding-right: 10px;
}

#pied_de_page
{
   text-align: center;
   color: #626262;
   background-color: rgb(97,190,188);
   /*border: 2px solid black;*/
}

#pied_de_page p
{
margin: 0px;
padding: 10px;
border: 2px solid white;
font-size: 12px;
}

#ensemble
{
	margin-left: 140px;
	border: 1px solid rgb(100,100,100);
	background-color: grey;
}


#texte_index
{
position: absolute;
top: 100px;
text-align: center;
}

#texte_index h1
{
border-bottom: 1px dashed black;
padding-left: 100px;
padding-right: 100px;
}

.enter
{
font-size: 40px;
border: 1px dashed black;
margin-left: 400px;
margin-right: 400px;
margin-top: 70px;
margin-bottom: 0px;
}

#texte_index a
{
color: rgb(0,73,113);
}


.enter:hover
{
background-color: white;
background-image: url("gradient-menu.jpg");
background-repeat: repeat-y;
}

strong
{


}

a
{
color: rgb(60,60,60);
}

a:hover
{
   color: black;
   /*border: 1px dashed black;*/
}


#théorie
{
background-color: rgb(255,250,210);
border: 1px dashed black;
margin-left: 20px;
margin-right: 20px;
padding-left: 10px;
padding-right: 10px;

}
/*
img
{
margin-top: 10px;
margin-left: 20px;
border: 1px groove black;
padding: 5px;
}
*/

img
{
margin-top: 10px;
margin-left: 20px;
margin-bottom: 0px;
border: 1px groove black;
padding: 5px;

}




.legende
{
width: 200px;
margin-top: 0px;
padding-left: 20px;
font-style: italic;

}


#centré
{
text-align: center;
}

#imagetitre img
{
margin-top: 0px;
margin-left: 20px;
margin-bottom: 0px;
border: none;
padding: 0px;

}

#sous-titre
{
border-bottom: 1px dashed black;
}

table
{
border-collapse: collapse;
margin: auto;
}

caption
{
margin: auto;
font-weight: bold;
margin-bottom: 15px;
}

td
{
   border: 1px solid black;
}

#phototexte
{
background-color: rgb(255,250,210);
border: 1px dashed black;
float:center;
text-align:center;
margin-left:150px;
margin-right:150px;
margin-top:20px;
margin-bottom:20px;
padding-left: 10px;
padding-right: 10px;
font-style:italic;
}

#phototexte2
{
background-color: rgb(255,250,210);
border: 1px dashed black;
float:center;
text-align:center;
margin-left:100px;
margin-right:100px;
margin-top:20px;
margin-bottom:20px;
padding-left: 10px;
padding-right: 10px;
font-style:italic;
}

#retour
{

   background-color: rgb(253,244,187);
   border-top: 1px groove black;
   border-bottom: 1px dashed black;
   border-left: 1px dashed black;
   float: right;

 /*  margin-left:450px; */
   margin-right:15px;
   /*margin-top:10px;
   margin-bottom:10px; */
   padding-right:10px;
   padding-left:10px;  
   padding-bottom:3px;
   padding-top: 0px;
}