body /* On travaille sur la balise body, donc sur TOUTE la page */
{
   width: 100%;
   margin: auto; /* Pour centrer notre page */
   background-image: url("./images/fond_vert_degrade.jpg") ; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */

}
p
{
   color: black;
   font-family: "Time New Roman", "Arial", serif;
   font-size: 16px;
}
h1
{
  width:100%;
  font-family: "Time New Roman", "Arial", serif;
  font-size: 1.5em;
  text-decoration: underline;
  text-align: center;
  padding-left: 4px;
  padding-top: 16px;
  margin-top: 8px;
  margin-bottom : 32px;
  color: maroon;
}
h2
{
  width: 100%;
  font-family: "Time New Roman", "Arial", serif;
  font-size: 1.2em;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 4px;
  margin-top: 16px;
  margin-bottom: 32px;
  color: maroon;
}
h3
{
  font-family: "Time New Roman", "Arial", serif;
  font-size: 1.1em;
  text-align: center;
  padding-left: 2px;
  padding-bottom: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  color: maroon;
}
a
{
   border-style: none;
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: red; /* Les liens seront en rouge au lieu de bleu */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}
a:active, a:focus /* Appliquer le même style aux liens actifs et focus */
{
background-color: yellow;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
  color: purple;
}

ul
{
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}
tr ul
{
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10%;
  margin-top: 4px;
  margin-bottom: 4px;
}
ol
{
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: left;
}
li
{
color: black;
list-style-type: circle;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
/* ... */
}
img
{
   border-style: none;
}
table
{
width: 60%;
margin-top: 15px;
margin-bottom: 10px;
margin-left: 20%;
margin-right: 20%;
text-align: center;
}

.tableaka
{
width: 90%;
margin-top: 15px;
margin-bottom: 10px;
margin-left: 9%;
margin-right: 9%;
text-align: center;
}

.tablemel
{
width: 90%; 
margin-top: 15px;
margin-bottom: 10px;
margin-left: 1%;
margin-right: 1%; 
border:none;
}

tr
{
width: 50%;
text-align: center;
}
td
{
/*  width: 25%; */
  border: 1px solid green;
  text-align: center;
}

.tdmel
{
  width: 25%;
  border: none;
  text-align: center;
}

td p
{
text-align: center;
color: red;
padding-top: 8px;
padding-left: 4px;
border: none;
}

td a
{
width : 50%;
text-align: center;
color: red;
/*padding-top: 16px;
padding-left: 4px */
}
td object embed
{
width: 390px;
height: 485px;
text-align: center;
}
.tr2
{
background-color: #CCCCCC;
}

.a_maroon
{
  text-align: center;
  color: maroon;
}

.imageflottante1
{
   position: relative;
   top: 0px;
   float: left;
   width: 236px;
   height: 367px;
}
.en_tete
{
   padding-bottom: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
}
.element_menu
{
   padding-right: 2px;
   border: 1px solid green;
   margin-bottom: 6px; /* Pour éviter que les éléments du menu ne soient trop collés */
   padding-bottom: 6px;
   background-image: url("./images/fond-vert-degrade.jpg") ; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

.imageflottante2
{
   position: relative;
   top: 1px;
   float: left;
   width: 50%;
}
.imageflottante3
{
   position: relative;
   top: 0px;
   float: left;
   width: 50%;
}
.imageflottante4
{
   position: relative;
   top: 0px;
   float: left;
   width: 475px;
   height: 284px;
}
.imageflottante5
{
text-align: center;
   position: relative;
   top: 0px;
   float: center;
   width: 400px;
   height: 400px;
}
.imageflottante6
{
text-align: center;
   position: relative;
   top: 0px;
   float: center;
   width: 450px;
   height: 674px;
}

.imageflottante7
{
text-align: center;
   position: relative;
   top: 0px;
   float: left;
   width: 380px;
   height: 380px;
}

.imageflottante8
{
   position: relative;
   top: 0px;
   float: left;
   width: 258px;
   height: 363px;
}
.imageflottante9
{
text-align: center;
   position: relative;
   top: 0px;
   float: left;
   width: 400px;
   height: 400px;
}

.photos 
{
text-align: center;
width: 200px;
height: 150px;
border: none;
}
.photo_oiseau
{
width: 580px;
height: 439px;
}
.tr3
{
width: 60%;
height: 100%;
text-align: center;
}
.emb3
{
width: 310px;
height: 365px;
text-align: center;
}

.objsell
{width: 264px;
height: 340px;
text-align: center;
}

}.td2
{
  border-color: maroon;
  border-style: ridge;
  border-top: 1px;
  border-bottom: 1px;
  border-right: 1px;
  border-left : 1px;
  text-align: center;
/*  width:50%; */
}
.td3
{
  border-color: maroon;
  border-style: ridge;
  border-top: 1px;
  border-bottom: 1px;
  border-right: 1px;
  border-left : 1px;
  text-align: center;
  width: 310px;
  height: 365px;
}

.td4
{
  border-color: maroon;
  border-style: ridge;
  border-top: 1px;
  border-bottom: 1px;
  border-right: 1px;
  border-left : 1px;
  text-align: center;
  width: 155px;  
}

.ul1
{
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20%;
  margin-top: 4px;
  margin-bottom: 4px;
}

.li2
{
 text-align: left;
}

.aka1
{
  width: 345px;
  height: 400px;
}
#page
{   
   padding-right: 2px;
   margin-bottom: 32px; /* Pour éviter que les éléments du menu ne soient trop collés */
   overflow:auto;
   width : 60%;
   margin-left: 20%;
   margin-right: 20%;
   padding-bottom: 12px;
   padding-top: 12px;
   padding-left: 8px;
   border-style: ridge;
   border-top: 3px;
   border-bottom: 3px;
   border-right: 3px;
   border-left : 3px;
}

#menu
{
   padding-right: 2px;
   margin-bottom: 32px; /* Pour éviter que les éléments du menu ne soient trop collés */
   margin-left: 20%;
   margin-right: 20%;
   overflow:auto;
   width : 60%;
}

#hit_parade
{
   position : fixed;
   border-style:none;
   height: 15px;
   width: 77px;
   left: 15px;
   bottom: 60px;
}

#email
{
   position: fixed;
   border-style:none;
   text-align: center;
   left: 15px;
   background-repeat: no-repeat;
   bottom: 20px;
}

#barlat
{
   position: fixed;
   border-style:none;
   text-align: center;
   left: 15px;
   background-repeat: no-repeat;
   top: 120px;
}

#barlatdroite
{
   position: fixed;
   border-style:none;
   text-align: center;
   right: 20px;
   background-repeat: no-repeat;
   top: 280px;
}


#free
{
   position: fixed;
   border-style:none;
   text-align: center;
   right: 20px;
   background-repeat: no-repeat;
   bottom: 60px;
}
#xiti
{
   position: fixed;
   border-style:none;
   text-align: center;
   right : 20px;
   background-repeat: no-repeat;
   bottom: 20px;
}

#horloge_objet
{
height:24px;
width: 128px;
position: fixed;
top:15px;
right: 2px;
}


#plusone
{
height:24px;
width: 128px;
position: fixed;
top:45px;
right: 2px;
}


#lecteur
{
height:118px;
width: 220px;
position: fixed;
top:90px;
right: 1px;
}

#facebook
{
   position: fixed;
   border-style:none;
   text-align: center;
   right: 40px;
   background-repeat: no-repeat;
   top: 280px;
}

#facebook2
{
   border-style:none;
   right: 140px;
   background-repeat: no-repeat;
   top: 200px;
}

#facebook3
{
   position: fixed;
   border-style:none;
   left: 2px;
   background-repeat: no-repeat;
   top: 20px;
}

#facebook4
{
   position: fixed;
   border-style:none;
   left: 15px;
   background-repeat: no-repeat;
   top: 90px;
}

#xhtml10
{
border-style:none;
background-repeat: no-repeat;
height: 31px;
width: 88px;
position: fixed;
top: 15px;
left: 15px;
} 
#a_blink
{
font-weight: bold;
font-size: large;
text-decoration: blink;
color: blue;
}
#mmenumusique
{
text-align: left;
width: 50%;
}