/*ceci est mon fichier css appelé josepheIND.css il gère les fichiers juste l'index les images plus grosse*/
body
{
   width: 760px;
   margin: auto;
   background-color : #faffff;
   background-image : url("fleurindex.jpg");
   background-attachment : fixed;
   background-attachment : no-repeat;
}

/* L'en-tête */

#en_tete

{
width: 630px;
     background-image : url("http://aquarelle-josephe-aquarelliste.com/aigrette460.jpg");
    height: 75px;
   margin-left : 130px;  /*marge de gauche */
   margin-right : 30px;
  margin-top : 20px; /*marge du haut*/
    background-repeat: no-repeat;
   background-color : #ecffff;
      
}
#en_tete h1
{
text-align : center;
color : black;
font-family: Arial,"Arial Black",  Verdana, serif;
font-size : 30px;
text-decoration : blink;
text-align : center;
margin-top : 20px;

}

/* Le menu */

#menu
{
   float: left;
   width: 100px;
   margin-left : 3px;
   margin-top: 70px;
}

.element_menu
{
   background-color: #ECffff;


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

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px; /*mage text menu*/
   margin: 0px;
 
}

.element_menu a
{
   color: blue;
}

.element_menu a:hover
{
   background-color: blue;
   color: white;
   text-decoration : underline;
}


/* Le corps de la page */

#corps
{
   margin-left: 130px; /*marge du corps coté gauche*/
   margin-right : 0px; /*marge de droite du corps*/
   margin-bottom: 20px;
   padding: 5px;
  background-color: #ECffff;
   
}
p
{
color : black;
font-size : 13px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
margin-top : 1px;
margin-bottom : 5px;
}
img
{
width : 175px;   /*largeur des image horizontale*/
height : 145px;  /*hauteur des  images horizontales*/
margin : 5px; /*marge entre les images*/
padding : 5px; /*cadre intérieur des images*/
border-width : 3px; /*bordure autour des image*/
border-color :orange; /*couleur tour des photos*/
  border-style : outset; /*cadre corps relief*/
    background-color : white;
}


   a
{
   text-decoration: underline; /* Les liens ne seront plus soulignés avec none */
   color: blue; /* Les liens seront en bleu  au lieu de bleu */
    font-size : 15px;
   }



#corps h1
{
  
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
      font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
  
   font-size : 15px;
   padding-left: 10px;
   color: red;
   text-align: center;
}
#corps h3
{
color : green;
font-size : 16px;
 margin-bottom : 1px;
margin-top : 1px;
display : inline;
}
#corps h4
{
      font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font-size : 18px;
   padding-left: 1px;
   color: red;
   text-align: left;
   margin-bottom : 1px;
margin-top : 15px;
}
#corps h5
{
color : black;
font-size : 15px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
margin-bottom : 5px;
margin-top : 15px;
 display : inline;
}
#corps h6
{
color : blue;
font-size : 15px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 display : inline;
 
}


#italic
{
font-size : 13px;

color : black;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-style : italic;

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

#pied_de_page
{
 width: 580px;
  height : 105px;
  margin-left : 130px;  
   }
#pied_de_page p
{
     text-align: center;
font-size : 18px;
   color: red;
   background-color: #ccffff;
   border: 1px solid black;

text-decoration : blink;
   }