/*ceci est un fichier CCS, appelé "mâles.ccs"*/

body
{
background-color: black;
background-image: url("Smiley/fondaccueil.gif");
background-repeat: repeat-y;
background-position: right;
 margin-top: 20px;
 color: gray;
}
p
{
   color: white; /*les paragraphes sont blancs*/
   font-size: 18px;
   text-align: justify;
   font-family: Constantia,"Palatino linotype", Verdana, serif; /* Un titre en Arial Black c'est mieux :o;) */
}
p:first-letter /* Je veux que la première lettre de mes paragraphes... */
{
   float: left; /* Flotte à gauche */
   font-size: 3em; /* Fasse une hauteur de 3 lignes */
   font-family: Vivaldi, Georgia, "Times New Roman", Times, serif; /* Soit mise en Arial si possible*/
   font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
   margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
   color: olive;
}
.solid
{
border: thin solid black;
}
.small
{font-size: small;
color:rgb(100,70,80);}
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: orange; /* Les liens seront en rouge au lieu de bleu */
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   text-decoration: line-through;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: violet; /* Le lien sera écrit en vert quand on pointera dessus */
}
a:active /* Quand le visiteur clique sur le lien */, a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: #FFCC66;
}
#en_tete
{
   width: 875px; 
   height: 330px;
   background-image: url("image/bandeauboy.bmp"); 
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin: auto;
}
#corps
{
    margin-left: 60px; 
    margin-right: 60px; 
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: white;
   background-image: url("Album Bao/image.jpg");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: bottom center;
  
}
.element_entête
{
border: 2px solid olive;
padding: 5px;
color: black;
text-align:center;
margin: auto;
font-size: 110%;
}
#menu
{
    margin-left: 60px; 
    margin-right: 60px; 
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: white;
   background-image: url("image/gif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
  
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

.imageflottanteleft
{
   float: left;
   margin-top: 8px;
margin-bottom: 8px;
margin-right:8px;
}
.imageflottanteright
{
   float: right;
   margin-left: 8px;
   margin-top:8px;
   margin-bottom:8px;
}

.important /*sert à mettre en avant un text particulier choisi dans le code htlm par class="important" dans la balise p qui ouvre le paragraphe à mettre en avant*/
{
   color: #ff0000;
   font-size: 18px;
}
 h1
{
    text-align: center; /* Pour centrer le titre */
	text-decoration: underline; /* Le titre sera souligné*/
   font-family: "Arial Black", Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o;) */
}
 h2
{
    text-align: center; /* Pour centrer le titre */
   font-family: Bradley hand ITC, Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o;) */
   color: olive;
   font-size: 200%;
}
h3
{
    text-align: center; /* Pour centrer le titre */
    color: orange;
}
h4
{
    text-align: center; /* Pour centrer le titre */
   font-family: Mistral, Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o;) */
   font-size: 35px;
}
.signature
{
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 80%;
   text-decoration: overline;
}
blockquote
{
   text-align: justify; /* La citation sera justifiée */
   text-indent: 30px; /* On décale un peu le texte au départ */
 }
 .ligne_dessus
{
   text-decoration: overline;
}
.color
{
color: white;
}
.gras
{
   font-weight: bold;
   }
strong /* ... et les mots importants en rouge clignotant ! */
{
   color: red;
   text-decoration: blink;
}
.style
{
text-transform: capitalize;
font-size:95%;
font-family: georgia; blackadder ITC, "Comic Sans MS", Georgia, "Times New Roman", serif;
text-align: center;
color: grey;
}
.style :hover
{
background:center no-repeat silver;
color: black;
}
.colored
 {
 color: black;
 }
 #pied_de_page
{
   padding: 5px;

   text-align: center;
   font-family: arial, "Comic Sans MS", Georgia, "Times New Roman", serif;
   color: Black;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   }
   .element_corps a /* Tous les liens se trouvant dans un corps */
{
   color: rgb(117,92,70);
   font-family: "Comic Sans MS", Bradley hand ITC, "Arial Black", "Times New Roman", Times, serif;
   font-size: 115%;
   }
   
h5{text-transform: capitalize;
font-size:80%;
font-family: palatino linotype; georgia; blackadder ITC, "Comic Sans MS", "Times New Roman", serif;
text-align: center;
color: rgb(150,172,190);}
h5{display:block;line-height:30px;width:850px;position:relative;text-decoration:none;}
h5 img{border:0;color:black;}
h5 span{display:none;background:white;position:absolute;top:0; left:0; width:850px;text-align:center;color:black;}
h5:hover span{display:block;color:black;background:black}