/*ceci est mon fichier css appelé detail.css */



body
{
   width: 760px;
   margin: auto;
   background-color : #faffff;
   background-image : url("fond.png");
   background-attachment : fixed;
   background-attachment : no-repeat;
}



/* Le menu */

#menu
{
      float: left;
   width: 100px;
   margin-left : 10px;
   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: blue;
   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: 140px; /*marge du corps coté gauche*/

   margin-bottom: 10px;
   padding: 10px;
   text-align : justify;
}
p
{
text-decoration: blink;
margin-top : 15px; /*centrage du pied de page*/
color : red; /*texte du pied!*/
}
img
{
width : 570px;   /*largeur des image horizontale*/
height : 420px;  /*hauteur des  images horizontales*/
padding : 0px; /*cadre intérieur des images*/
border-width : 0px; /*bordure autour des image*/
border-color : orange; /*couleur tour des photos*/
  border-style : outset; /*cadre corps relief*/
  background-color : white;
}


.imagehaute  /*image verticale*/
{
width : 400px;   /*largeur des image verticale*/
height : 500px;  /*hauteur des  images verticale*/
margin-top : 10px;

padding : 0px; /*cadre intérieur des images*/
border-width : 0px; /*bordure autour des image*/
border-color : orange; /*couleur tour des photos*/
  border-style : outset; /*cadre corps relief*/
   background-color : white;
   
   
}

#corps h1
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
color : black;
font-size : 15px;
margin-bottom : 0px;
margin-top : 0px;

display : inline;

}
#corps h3
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
color : black;
font-size : 16px;
margin-bottom : 0px;
margin-top : 0px;
display : inline;
}

#corps h4
{
color : blue;
font-size : 15px;

/*text-decoration : blink; */
background-color : white;

}

.carre
{
width : 420px;  /*taille de l'image du tableau horizontal*/
height : 420px;
margin-top : 1px;
padding : 5px; /*cadre intérieur des images*/
border-width : 2px; /*bordure autour des image*/
border-color : orange; /*couleur tour des photos*/
  border-style : outset; /*cadre corps relief*/
}
.petite
{
width : 60px;  /*taille de l'image du tableau*/
height : 25px;
margin : 3px; /*marge exterieur image tableau*/
padding : 0px;
margin-top : 0px;
}

 td   /* Toutes les cellules des tableaux... */
    {
	font-size : 15px;
   border: 0px  solid black; /* ... auront une bordure de 1px */
 	color : black; /*couleur texte aquarelle dimension*/
	font-family: Arial, "Arial Black",  Times, serif;
	margin-bottom : 0px;
	margin-top : 0px;
}


 a
{
   color: blue;
   text-decoration : none;
   margin-bottom : 0px;
	margin-top : 0px;
}

 a:hover
{
   text-decoration : none;
    background-color: blue;
   color: white;
}

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

#pied_de_page
{
 width: 500px;
  height : 55px;
     text-align: center;
font-size : 18px;
   color: #ecffff;
   background-color: #ccffff;
   border: 2px solid black;

margin-left : 190px;
   }

#pied_de_page p
{
font-family: Arial, "Arial Black",  Times, serif;
text-decoration : none;
}