/* --- Base --- */

html 
{  /* Taille caract - Evite un bug d'IE 6-7. */
   font-size: 100% ;
}

/* --- Couleurs --- */

body 
{  color: #2B2B2B ;
   background-color: #B0B0B0 ;
}

div#BlocCentral 
{  border-width: 0 ;
   border-style: none ;
}

h1, h2, h3, th 
{  color: #8A0000 ;
}

h2 
{  text-shadow: 2px 2px 2px #252525 ;
   box-shadow: 0 1px 2px #252525 ;
   -moz-box-shadow: 0 1px 2px #252525 ;
   -webkit-box-shadow: 0 1px 2px #252525 ;
   -khtml-box-shadow: 0 1px 2px #252525 ;
}

table,td,th 
{  border-width: 1px ;
   border-color: #497287 ;
   border-style: solid ;
   border-collapse: collapse ;
}

tr, tr.pair 
{  
}

tr.impair 
{  
}

a 
{  text-decoration: none ;
   color: #0004AF ;
}

div#DivMenu a 
{  color: #2B2B2B ;
}

a:link, a:visited 
{  color: #030087 ;
}

a:hover, a:focus, div#DivMenu a:hover, div#DivMenu a:focus 
{  color: #B60000 ;
   text-shadow: 2px 2px 3px #444 ;
}

a:active 
{  color: blue ;
}

/* --- Marge --- */

body 
{  margin: 0 ;
   padding: 1em ;
   text-align: center ;
}

h1, h2, h3 
{  margin: 1.3em 20px 0.75em 20px ;
   padding: 0 ;
}

h1 
{  margin: 1.3em 30px 0.75em 30px ;
}

h2 
{  margin-top: 0.75em ;
}

p, ul, ol, address, div, pre, dl, table 
{  margin: 0.75em 30px 0.75em 30px ;
   padding: 0 ;
}

p#valid 
{  text-align: center ;
}

ul, ol 
{  list-style-position: outside ;
}

li 
{  margin-left: 2.2em ;
   padding: 0 ;
}

dt 
{  margin: 0.75em 0 0 0 ;
   padding: 0 ;
}

dd 
{  margin: 0.25em 0 0.25em 2.2em ;
   padding: 0 ;
}

th 
{  padding: 0.3em 0.5em ;
   margin: 0 ;
}

td 
{  padding: 0 0.5em ;
   margin: 0 ;
}

/* --- Bloc mise en Page --- */

div.Post, div#DivCentre h1, div#DivMenu ul, div#DivMenu div.compteur, div#DivMenu div.hamster, p#valid, p.RetPage 
{  background-color: white ;
   border-radius: 12px ;
   -webkit-border-radius: 12px ;
   -moz-border-radius: 12px ;
   -khtml-border-radius: 12px ;
   box-shadow: 3px 3px 6px #444 ;
   -moz-box-shadow: 3px 3px 6px #444 ;
   -webkit-box-shadow: 3px 3px 6px #444 ;
   -khtml-box-shadow: 3px 3px 6px #444 ;
}

div#DivMenu ul li.Titre, div.Post h2 
{  background-color: #8A0000 ;
}

div#BlocCentral 
{  width: 800px ;
   padding: 0 ;
   text-align: left ;
   position: absolute ;
   top: 20px ;
   left: 50% ;
   margin: 0 0 0 -400px ;
}

div#BlocTitre 
{  display: none ;
}

div#DivMenu 
{  position: absolute ;
   left: 0 ;
   top: 120px ;
   width: 190px ;
   margin: 0 ;
   padding: 0 ;
}

div#DivCentre 
{  position: absolute ;
   right: 0 ;
   top: 120px ;
   width: 590px ;
   margin: 0 ;
   padding: 0 ;
}

div#DivBas 
{  
}

div#DivMenu ul 
{  margin: 0 0 20px 0 ;
   padding: 0 0 8px 0 ;
}

div#DivMenu div.hamster 
{  margin: 0 0 20px 0 ;
   padding: 0 0 5px 0 ;
}

div#DivMenu div.compteur 
{  padding: 8px 0 5px 0 ;
   margin: 0 0 20px 0 ;
}

div#DivMenu div.compteur, div#DivMenu div.hamster 
{  text-align: center ;
}

div#DivMenu ul li 
{  list-style-type: none ;
   margin: 0 ;
   padding: 0 ;
}

div#DivMenu ul li.Titre 
{  list-style-type: none ;
   margin: 0 0 6px 0 ;
   padding: 0 0 0 20px ;
   border-radius: 12px 12px 0 0 ;
   -moz-border-radius: 12px 12px 0 0 ;
   -webkit-border-top-left-radius: 12px ;
   -webkit-border-top-right-radius: 12px ;
   -khtml-border-radius: 12px 12px 0 0 ;
   color: white ;
   text-shadow: 1px 1px 2px #252525 ;
   box-shadow: 0 1px 2px #252525 ;
   -moz-box-shadow: 0 1px 2px #252525 ;
   -webkit-box-shadow: 0 1px 2px #252525 ;
   -khtml-box-shadow: 0 1px 2px #252525 ;
   background-image: url(Eclairage22.png) ;
   background-attachment: scroll ;
   background-repeat: repeat ;
   background-position: center center ;
}

div#DivCentre h1 
{  position: absolute ;
   width: 800px ;
   height: 100px ;
   top: -120px ;
   right: 0 ;
   margin: 0 ;
   padding: 0 ;
   border-width: 0 ;
   text-align: center ;
   font-family: Tahoma, sans-serif ;
   font-size: 50px ;
   font-style: italic ;
   text-shadow: 5px 5px 4px #999 ;
   line-height: 90px ;
}

div#DivCentre h1:after 
{  content: " - CSS 3" ;
}

div#DivMenu a 
{  text-decoration: none ;
   font-size: 14px ;
   margin: 0 9px ;
   padding: 0 ;
}

div.Post 
{  margin: 0 0 20px 0 ;
   padding: 0 0 0.75em 0 ;
}

p#valid 
{  margin: 0 0 20px 0 ;
   padding: 0.5em 0 0.5em 0 ;
}

div#Selection 
{  margin: 0 ;
   padding: 0 ;
}

p.RetPage 
{  margin: 0 0 20px 0 ;
   padding: 0.5em 0 0.5em 30px ;
}

div.Post h2 
{  margin: 0 0 0.75em 0 ;
   color: white ;
   border-radius: 12px 12px 0 0 ;
   -moz-border-radius: 12px 12px 0 0 ;
   -webkit-border-top-left-radius: 12px ;
   -webkit-border-top-right-radius: 12px ;
   -khtml-border-radius: 12px 12px 0 0 ;
   padding: 1px 1px 1px 30px ;
   background-image: url(Eclairage22.png) ;
   background-attachment: scroll ;
   background-repeat: repeat ;
   background-position: center center ;
}

div.Post div.Date 
{  float: right ;
   font-size: 12px ;
   color: white ;
   margin-top: 2px ;
}

div#css3 
{  display: block ;
}

/* --- Taille et Autre --- */

body 
{  font-family: Arial, sans-serif ;
   font-size: 0.95em ;
}

h1, h2, h3, th 
{  font-family: Arial, sans-serif ;
   font-weight: Bold ;
}

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

h2 
{  font-size: 1.2em ;
}

h3 
{  font-size: 1em ;
   font-style: italic ;
}

abbr, acronym 
{  border-bottom-width: 1px ;
   border-bottom-style: dotted ;
   cursor: help ;
}

pre, code, kbd 
{  font-family: "Courier New", monospace ;
}