/*ceci est mon fichier css appelé index.css  il gère l'index de martinjean.fr*/
body
{
  width: 900px;
   height :auto; /*hauteur de la page */
   text-align : center; /*centre le corps dans la page  */
margin-left : auto ; /*centre le corps dans la page  pour explorer*/
margin-right : auto ; /*centre lecorps dans la page  pour explorer

   background-color : #faffff;

   background-attachment : fixed;
   background-attachment : no-repeat;*/
   border-style : outset; 
background-image : url("fond1.jpg");/**/
background-attachment:fixed;
border-width : 1px ;/* epaisseur cadre */	
padding-top : 0px;  /* marge dessus*/
border-color : green;
}

/* L'en-tête */

#en_tete

{
width: 900px;
     background-image : url("image/logo.jpg");
    height: 75px;
   margin-left : 50px;  /*marge de gauche */
   margin-right : 50px;
  margin-top : 0px; /*marge du haut*/
    background-repeat: no-repeat;
   background-color : #ecffff;
      
}
#en_tete h1
{
text-align : center;
color : blue;
font-family: Arial,"Arial Black",  Verdana, serif;
font-size : 25px;

text-align : center;
margin-top : 20px;

}

/* Le menu */

#menu
{
width: 900px;
height : auto;
text-align : center; /*centre le pavé dans la page a 990 pour explorer*/
margin-left : auto ; /*centre le pavé dans la page a 990 pour explorer*/
margin-right : auto ; /*centre le pavé dans la page a 990 pour explorer*/
/*position : fixed; le menu est fixe dans l'écran*/
  background-color : #ECffff;
  
padding-top : 10px;  /* marge dessus*/
padding-bottom : 10px;  /* marge dessous*/
   /* border-style : outset;cadre corps relief*/
}

.element_menu
{
  /* background-color: ;*/


}
/* Quelques effets sur les menus */
.element_menu h3
{  
margin-top : 5px; /*marge haut text menu 
margin-bottom : 5px;*/  
   color: blue;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}


.element_menu a
{
text-align : left;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 14px;
   color: black;
  
   border-style : outset;
   border-width : 1px;
    border-color : #cccccc;
 
    background-image : url("boutong.jpg");
}

.element_menu a:hover
{
  
   color: green;
  border-width : 1px;
  border-color : #cccccc;
    background-image : url("boutonv.jpg");
}




/* Le corps de la page */

#corps
{
width: 800px; /*largeur du texte interieur */
  height :auto; /*hauteur de la page */
   text-align : center; /*centre le corps dans la page  */
margin-left : auto ; /*centre le corps dans la page  pour explorer*/
margin-right : auto ; /*centre lecorps dans la page  pour explorer*/
 background-color : #ECffff;

 /*  background-attachment : fixed;
   background-attachment : no-repeat;
   border-style : outset;
background-image : url("fond1.jpg"); 
background-attachment:fixed;*/
 /* background-color :  blue; couleur de font de la page */
padding-right : 50px; /*  marge droite  dt texte dans la page */
padding-left : 50px; /*  marge gauche */


/* border: 0px solid black;  cadre du corps*/
 /*border-style : outset;  cadre apres padding corps relief
 
  border-left-width : 1px;
  border-right-width : 2px;
  border-bottom-width :0 px;/*bordure du bas du cadre */
   border-color : green;

/*outline-width: 120px;
  outline-color : red;  */

 
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 13px;
font-weight : normal;
color : black;
text-align: justify;
padding-top : 30px;

}

#corps p
{
padding-left: 90px; /*marge du texte */


text-align: justify;
}


ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 0px;
}

 a
{
   color: blue;
   margin-right : 20px;
   text-decoration : none;
   
}

 a:hover
{
   text-decoration : underline;

   color: red;

}




#corps h1
{
   color: blue;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font-size : 16px;
}
#corps h2
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size : 12px;
    color: black;
  font-style: italic;
}
#corps h3
{
color : black;
font-size : 12px;
 font-family:  Arial Black, "Times New Roman", Times, serif;
 text-align : left;
 font-weight : bold;
  display : inline;
}
#corps h4 /*texte  aà partire de 19 e */
{
color : red;
font-size : 18px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

 display : inline;
 background-color : yellow;
}

#corps h5
{
color : black;
font-size : 15px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style : italic;
 font-weight : lighter;


}
#corps img 
{
margin-left : 100px;
margin-right : auto;
text-align : center;
margin-bottom: 30px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
width: 800px;
height : 70px;
text-align : center; /*centre le pavé dans la page a 990 pour explorer*/
margin-left : auto ; /*centre le pavé dans la page a 990 pour explorer*/
margin-right : auto ; /*centre le pavé dans la page a 990 pour explorer*/

   background-color : #ECffff;

  }
	   
 #pied_de_page ul
{
padding-top: 20px; /*centrage verticale  menu */
}	   



 #pied_de_page a
{
text-align : center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 14px;
   color: black;
  
   border-style : outset;
   border-width : 1px;
    border-color : #cccccc;
 
    background-image : url("boutong.jpg");
}

 #pied_de_page a:hover
{
   background-image : boutonv.jpg;
   color: red;
  border-width : 1px;
  border-color : #cccccc;
    background-image : url("boutonj.jpg");
}

   
#banniere
{
width: 760px;
    height: 65px;
   margin-left : auto;  /*marge de gauche */
   margin-right : auto;
   text-align: center; 
  margin-top : 20px; /*marge du haut*/
    background-repeat: no-repeat;
  
      
}