/* CSS global */

body
{
   background-color: rgb(205,233,254);   
   color: blue;
   border: 0px;
   padding: 0px;
   margin: 0px;
}

.background
{
   background-color: rgb(205,233,254);
   border: 0px;
   padding: 0px;
   margin: 0px;
}

/* FIN CSS global */
/* ----------------------------------------------------------------------- */
/* CSS des pages content */

.box
{
   width: 90%;
   border: 0px;
   padding: 0px;
   padding-top: 30px;
   padding-bottom: 30px;
   margin: auto;
}


p
{
   text-align: justify;
   border: 5px;
}

h1
{
    margin: 30px;
    font-weight: bold;
    text-align: center;
    font-size: xx-large;
}

h1.subtitle
{
    margin: 5px;
    font-style: italic ;
    text-align: center;
    font-size: medium;
}

h2
{
    margin: 10px;
    font-weight: bold;
    text-align: left;
    text-indent: 5px;
    font-size: large;
}

h3
{
    margin: 10px;
    font-weight: bold;
    text-align: left;
    text-indent: 10px;
    font-size: medium;
}

h4
{
    margin: 10px;
    font-weight: bold;
    text-align: left;
    text-indent: 30px;
    font-size: medium;
}

.imageleft
{
   margin: 0px;
   padding: 0px;
   border: 0px;
   text-align: center;
}

.imageleft img
{
   float: left;
   margin: 10px;
   border: 3px outset blue;
}

.imageright
{
   margin: 0px;
   padding: 0px;
   border: 0px;
   text-align: center;
}

.imageright img
{
   float: right;
   margin: 10px;
   border: 3px outset blue;
}

.clear
{
   clear: both ;
}

/* FIN CSS des pages content */
/* ----------------------------------------------------------------------- */
/* CSS des images */

.imgheader
{
   width: 600px;
   margin: auto;
}

.imgheader a.left
{
    font-weight: bold;
    padding: 3px;
    margin: 6px;
    color: rgb(0,0,210);
    float: left;
}

.imgheader a.right
{
    font-weight: bold;
    padding: 3px;
    margin: 6px;
    color: rgb(0,0,210);
    float: right;
}

.imgheader a:hover
{
   background-color: rgb(34,159,253);
}

.image
{
   width: 100%;
   margin: 0px;
   padding: 0px;
   border: 0px;
   text-align: center;
}

.image img
{
   margin-top: 30px;
   margin-bottom: 50px;
   border: 3px outset blue;
}


.imgFooter
{
   width: 100%;
   text-align: center;
   font-weight: bold;
}

/* FIN CSS des images */
/* ----------------------------------------------------------------------- */
/* CSS du menu */

.menu
{
   padding: 0px;
   margin: 0px;
   height: 100%;
}

.menu a
{
   color: rgb(0,0,210);
   border: 3px;
   border-style: groove;
   background-color: rgb(141,206,254);
   display: block;
   padding: 0px;
   margin: 6px;
   text-align: center;
   font-weight: bold;
}

.menu a:hover
{
   background-color: rgb(34,159,253);
}

/* FIN CSS du menu */