body         {color:red;          background-color:white; /* border:2px ridge LightCyan; */
         font-family:Georgia, "Times New Roman", "Comic Sans MS", sans-serif, Times, serif;
         margin:3px; padding:3px;
}
h1  {color:blue  ; text-align:center; font-size:large ; padding:3px; margin:3px;    background-color:#bee        ; border:2px ridge SkyBlue      ; -moz-border-radius:5px 5px;}
h2  {color:maroon; text-align:center; font-size:medium; padding:3px; margin:3px;    background-color:LightCyan   ; border:2px ridge GhostWhite   ; -moz-border-radius:5px 5px;}
h3  {color:black ; text-align:center; font-size:small ; padding:3px; margin:3px;                                                                   -moz-border-radius:5px 5px;}

img        {color:SteelBlue; background-color:LightSkyBlue; border:1px outset LightSkyBlue; margin:1px; padding:0px;}
.carte img {color:SteelBlue; background-color:transparent ; border:none                   ; margin:0px; padding:0px;}

a, a:visited     {text-decoration:none; color:blue;        }
a:hover, a:focus { color:red;}

.underline {text-decoration:underline;}

.page     {color:red;          background-color:LightCyan;    border:2px ridge LightCyan; -moz-border-radius:5px 5px;
              text-align:center;
              margin:3px; padding:3px;
}
.heatherFooter {color:LightSkyBlue; background-color:SteelBlue;    border:2px ridge SteelBlue; -moz-border-radius:5px 5px;
         margin:3px; padding:3px;
}
.wrapper {color:red;          background-color:LightCyan; border:none;
float:right; width:100%;
padding:0px; margin:0px 0px 0px -242px;
}
.clearLeft  {clear:left ; margin:0px; padding:0px; border:none; height:0px;}
.clearBoth  {clear:both ; margin:0px; padding:0px; border:none; height:0px;}
.clearRight {clear:right; margin:0px; padding:0px; border:none; height:0px;}

.menu {color:white; background-color:SteelBlue; border:2px ridge SteelBlue; -moz-border-radius:5px 5px;
       margin:3px; padding:3px;
       font-size:small;
       text-align:left;
       float:left;
       width:220px;
      }
.menu ul          {margin:0px;              padding:0px; list-style: none;}
.menu ul li       {margin:1px;              padding:0px;                  }
.menu ul li ul li {margin:1px 1px 1px 10px; padding:0px;                  }


.menu a, .menu a:visited     {                padding:1px; display:block; -moz-border-radius:5px 5px;   color:white     ; background-color:SteelBlue ; border:1px outset blue; }
.menu a:hover, .menu a:focus {                                            -moz-border-radius:10px 10px; color:lightGreen;                              border:1px inset  blue; }
.menu .selected              {                                            -moz-border-radius:10px 10px; color:SteelBlue ; background-color:white     ; border:1px inset  white;}




.contentPage     { color:SteelBlue; background-color:LightSkyBlue; border:2px ridge LightSkyBlue; -moz-border-radius:5px 5px;
                   margin:3px 3px 3px 242px; padding:3px;
                   font-size:small; 
                   text-align:center;
                 }
.encadreLeft   {text-align:left  ; padding:3px; margin:3px; color:firebrick; background-color:bisque  ; border:2px ridge bisque; -moz-border-radius:10px 10px;}
.encadreCenter, 
.album, 
.tableMatiere {text-align:center; padding:3px; margin:3px; color:firebrick; background-color:bisque  ; border:2px ridge bisque; -moz-border-radius:10px 10px;}

.contentPage  ol                 {                         text-align:left  ;}
.contentPage  ol  li             {margin:3px; padding:3px;                   }
.contentPage  dir                {                         text-align:left  ;}
.contentPage  dir li             {margin:3px; padding:3px;                   }
.contentPage  ul                 {margin:0px; padding:0px; text-align:center;}
.contentPage  ul  li             {display:inline;}


.album  ol          {margin:0px; padding:0px; text-align:left  ;}
.album  ol  li      {margin:0px; padding:0px;                   }
.album  dir         {margin:0px; padding:0px; text-align:left  ;}
.album  dir li      {margin:0px; padding:0px;                   }
.album  ul          {margin:0px; padding:0px; text-align:center;}
.album  ul  li      {margin:0px; padding:0px;                display:inline; border:none;}
.album  div ul      {margin:0px; padding:0px; text-align:center;}

.onglet          {margin:0px; padding:0px 3px 0px 3px;   border-left:1px solid red;
                  display:inline;
}

.ongletSelected  {margin:0px; padding:0px 3px 0px 3px;   border-left:1px solid red;
                  color:green; background-color:yellow; 
                  font-weight:bold;
                  display:inline;
}

.option{color:white; background-color:SteelBlue; border:2px outset SteelBlue; -moz-border-radius:5px 5px;
        margin:5px; padding:5px;
        font-size:small; text-align:left;
      }

.thumbnail {  vertical-align:top;
              display: table-cell;
              display: inline-block;
              margin:1px; padding:1px;
              width:178px;
              color:DarkBlue; background-color:DodgerBlue; border:1px outset DodgerBlue; -moz-border-radius:10px;
}

.thumbnail:visited  {color:DarkBlue; background-color:DodgerBlue; border:1px outset DodgerBlue; margin:1px; padding:1px; -moz-border-radius:10px;}
.thumbnail:focus    {color:lightBlue;                            border:1px inset  DodgerBlue;                          -moz-border-radius:15px;}
.thumbnail:hover    {color:lightGreen   ;                            border:1px inset  DodgerBlue;                          -moz-border-radius:15px;}

.cpt {color:red;}

.carte {color:red; background-color:transparent; border:1px solid firebrick;
        margin:0px; padding:0px;
        height:600px; width:100%;
}