/* --- Gestion des Blocs --- */

body 
{  text-align: center ;
   margin: 0 ;
   padding: 0 ;
   border-width: 0 ;
   background-image: url(Fond5Fond.jpg) ;
}

div#BlocCentral 
{  text-align: left ;
   width: 780px ;
   margin-top: 0px ;
   margin-bottom: -900px ;
   margin-right: auto ;
   margin-left: auto ;
   background-image: url(Fond2Milieu.jpg) ;
}

div#BlocTitre 
{  text-align: center ;
   padding: 0 ;
   Height: 129px ;
   background-image: url(Fond1Haut.jpg) ;
}

div#DivMenu 
{  width: 261px ;
   margin-left: 0px ;
   margin-top: 0px ;
   float: left ;
}

div#DivMenu div, div#DivMenu ul, div#DivMenu p 
{  margin-left: 65px ;
}

div#DivCentre 
{  margin: 10px 25px 10px 255px ;
   margin-left: 275px ;
   margin-right: 55px ;
}

div#DivBas 
{  clear: both ;
   height: 15px ;
   width: 780px ;
   background-image: url(Fond3Bas.jpg) ;
   font-size: 0.1px ;
}

div.Post 
{  padding: 3px ;
   margin-top: 1.3em ;
   margin-bottom: 1.3em ;
   border-bottom-width: 2px ;
   border-bottom-color: #7C7C7C ;
   border-bottom-style: dashed ;
}

p#valid 
{  text-align: center ;
}

a, a:link, a:visited, a:hover, a:active 
{  color: #2D2D2D ;
   font-style: italic ;
}

a:hover 
{  color: yellow ;
}

/* --- Menu --- */

div.compteur 
{  text-align: center ;
   margin-top: 30px ;
}

div.hamster 
{  text-align: center ;
   margin-top: 20px ;
}

ul.Menu 
{  margin-right: 0 ;
   margin-left: 0 ;
   margin-top: 30px ;
   margin-bottom: 10px ;
}

.Menu 
{  font-family: Helvetica, Verdana, Arial, sans-serif ;
   font-size: 0.8em ;
   text-align: left ;
   margin:0 ;
   padding:0 ;
}

.Menu li 
{  display: inline /* Bug Explorer */ ;
   list-style:none outside ;
}

.Menu li.Titre, .Menu li.titre, .Menu span 
{  /* -- Titre de menu avec - LI CLASS="Titre" -- */
   display: block ;
   font-size: 1.30em ;
   font-weight: bold ;
   text-decoration: none ;
   color: #575757 ;
   padding: 2px 0 2px 0 ;
   text-indent: 5px ;
}

.Menu a 
{  display: block ;
   text-decoration: none ;
   padding: 1px 0 1px 0 ;
   cursor: pointer ;
   color: #A0A0A0 ;
   font-family: "Century Gothic", Verdana, sans-serif ;
   text-indent: 20px ;
}

.Menu a:hover 
{  color: yellow ;
   background-image: url(Borak4Menu.jpg) ;
   background-repeat: no-repeat ;
   background-position: center center ;
}

/* --- Style Texte --- */

body 
{  font-family: Arial, sans-serif ;
   font-size: 1em ;
   color: #272727 ;
}

h1, h2, h3 
{  font-family: Georgia, serif ;
   font-weight: Bold ;
   color: #525252 ;
}

h1 
{  font-size: 2.2em ;
   text-align: center ;
}

h2 
{  font-size: 1.6em ;
   margin-right: 0 ;
   margin-top: +10px ;
}

h3 
{  font-size: 0.9em ;
}

p 
{  font-family: Tahoma, sans-serif ;
   font-size: 0.90em ;
   margin-right: 20px ;
   margin-left: 20px ;
}

div.Date 
{  float: right ;
   padding-top: 0.5px ;
   font-size: 12px ;
}

#Selection div.Post 
{  padding: 3px ;
   margin-top: 0.4em ;
   margin-bottom: 0.4em ;
   border-bottom-width: 2px ;
   border-bottom-color: #7C7C7C ;
   border-bottom-style: dashed ;
}

#Selection h1 
{  font-size: 2.0em ;
}

#Selection h2 
{  font-size: 1.2em ;
   margin-right: 0 ;
   margin-top: +2px ;
}

#Selection p 
{  font-size: 0.86em ;
}