/* ---------- Base du style ------------------------ */
body
{  font-family: Verdana, sans-serif ;
   font-style: normal ;
   font-size: 0.9em ;
   font-weight: normal ;
   background-color: black ;
   text-align: left ;
   Color: red ;
}
/* ---------- Titres/lien/Paragraphe/image --------- */
h1
{  font-family: "Times New Roman", serif ;
   font-size: 5em ;
   font-weight: bold ;
   font-style: italic ;
   text-align: center ;
   Color: red ;
   Margin: 1em 1em 0em 1em ;
   background-color: #250000 ;
   border-style: solid ;
   border-color: red ;
   border-width: 2px ;
   padding: 0.1em ;
}
h2
{  font-family: "Times New Roman", serif ;
   font-style: italic ;
   font-size: 2.2em ;
   font-weight: bold ;
   font-style: italic ;
   text-decoration: underline ;
   text-align: left ;
   Color: res ;
}
p
{
}
a
{  Color: #880000 ;
}
a:hover
{  background-color:#E3B4B4;
   color:#440000;
}
img
{  border-width: 0px ;
}
.flgauche
{  float: left ;
}
.fldroite
{  float: right ;
}
.marg1
{  margin: 40px ;
}
.marg2
{  margin: 80px ;
}
.marg3
{  margin: 120px ;
}



/* ---------- Taille minimum ----------------------- */
div.mini
{  font-size: 0.85em ;
   padding-left: 3px ;
   right: 3px ;
}
.mini H1
{  font-size: 1.2em ;
   text-align: left ;
}
.mini H2
{  font-size: 1.00em ;
}      
         

   /* ---------- DIVERS de type Menu --------------------- */
  /*  le tag <div class="MenuDiv"> positionne le menu     */
 /*   les tag <li><span><a> affichent les TITRES du menu */
/*    les tag <li><a> affichent les lignes du menu      */
div.MenuList
{  
   margin: 0.5em 0.5em 0.5em 0.5em ;
}
.MenuList ul
{  font-family: Georgia, Times, serif ;
   font-size: 1.15em ;
   text-align: left ; 
   border-width:1px 1px 0px 1px;
   border-style:solid;
   border-color:red;
   padding:0;
   margin:0;
}
.MenuList li
{  border-bottom:1px solid red;
   list-style:none;
   margin:0;
}
.MenuList a
{  display:block;
   text-decoration:none;
   color: red;
   background-color:#250000;
   padding-left:1em;
   cursor: pointer ;
}
.MenuList span
{  display:block;
   text-decoration:none;
   color:black;
   background-color:red;
   padding-left:1em;
}
.MenuList a:hover
{  background-color:red;
   color:yellow;
}
.MenuList span a:hover
{  background-color:#eff4fa;
   color:#013;
}


/* ---------- Menu Horizontal / div ---------- */
div.MenuHor
{  padding: 0 ;
   Margin-top: 1em ;
}
.MenuHor a
{  font-family: Georgia, Times, serif ;
   font-size: 0.95em ;
   text-align: left ;
   text-decoration: none ;
   font-weight: bold ;
   color: red ;
   background: #250000 ;
   margin-left: 2px ;
   border-style: solid ;
   border-color:red;
   border-width: 1px ;
   padding: 2px 10px 2px 10px ;
   cursor: pointer ;
}
.MenuHor a:hover
{  color:yellow;
   background-color: red;
}



    /* * * * * * * * * * * * * * * * * * * * * * */
   /*                                           */
  /*    Mise en page                           */
 /*                                           */
/* * * * * * * * * * * * * * * * * * * * * * */
/*
                     cadrehaut    blocgauchebord->blocgauche
pagebord->cadrebord->cadremilieu->bloccentre 
                     cadrebas     blocdroitebord->blocdroite
*/

body
{  margin: 0px ;
}
#pagebord 
{  width: 100%;
}
#bloccentre
{  margin-left: 13em;
   margin-right: 13em;
}
#blocgauchebord
{  margin: 0 ;
   float: left ;
   width: 12em;
}
#blocgauche
{  margin-left: 0.3em ;
   margin-top: 0em;
}
#blocdroitebord
{  margin: 0;
   float: right ;
   width: 12em ;
}
#blocdroite
{  margin-right: 0.3em ;
   margin-top: 0em;
}