/**************************************************************/
/* COMMUN */

body { width: 98%; margin-left: auto; margin-right: auto;}

*  { font-family: Georgia, sans-serif; }
p  { text-align: justify; }
ul { list-style-type: square; }
h1 { 
    clear: both; 
    color: #0031b1; 
    text-align: center; 
    text-transform: uppercase; 
    font-size: 120%;     
}
h2 { 
    clear: both; 
    color: #0031b1; 
    font-size: 100%; 
    padding-left: 2em; 
    font-family: "Comic Sans MS", cursive; 
}
li { padding: .3em; text-align: justify}
a { color: #0031b1; text-decoration: underline;}
a:hover { color: red; text-decoration: underline; }
.titre {    
    font-family: "Comic Sans MS", cursive; 
    letter-spacing: 0.15em; 
    color: #f7ec37; 
}
/**************************************************************/
#logo { text-align: center;}
#logo img:hover { border: groove #0031b1; margin-bottom: 2em;}
#logo blockquote { font-style: italic; color: #008000; font-size: 120%; margin-top: -0.28em;}
#logo h1 { letter-spacing: 0.25em; margin:0;}
/**************************************************************/
.entree { width: 80%; margin-left: auto; margin-right: auto; padding: 1em ; }
.entree li {list-style-type : none; text-align: center;}
/**************************************************************/
#entete {     
    width: 770px;
    position: relative;
    background-color: white; 
    clear: both; 
    height: 125px;
    background: url("../img/miniLogoSite.jpg") no-repeat white right;
    /* thanks to alsacreations.com */
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px; 
    border-radius: 10px 10px 10px 10px; 
    -webkit-border-top-left-radius: 10px; 
    -webkit-border-top-right-radius: 10px; 
    -webkit-border-bottom-left-radius: 10px; 
    -webkit-border-bottom-right-radius: 10px;     z-index:2;
}
img.emblemeGauche { position:absolute; left:1.5em;}
#entete h1 { 
    clear: both;     font-size: 150%;
    color: #0031b1; 
    text-transform: uppercase; 
    text-align: center; 
}

/***********************************************************************/
#menu
{
    width: 220px;
    position: relative; 
    float: left;
    margin-top:1em;
    font-variant: small-caps; 
    line-height: 1.5em;
    background-color: #f7ec70;
    /* thanks to alsacreations.com */
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px; 
    border-radius: 10px 10px 10px 10px; 
    -webkit-border-top-left-radius: 10px; 
    -webkit-border-top-right-radius: 10px; 
    -webkit-border-bottom-left-radius: 10px; 
    -webkit-border-bottom-right-radius: 10px; 
    z-index:2;

}

#menu ul { margin-left:-2em; margin-right:0.5em; }
#menu .sous-menu { margin-left: -0.5em; /* list-style-image: url("../img/fleuret-style.png"); */}
#Menu a:visited { text-decoration: none; color: #0031b1; }
#menu a {     
    font-family: "Comic Sans MS", cursive; 
    text-decoration: none; 
    color: #0031b1; 
}
#menu a:hover { 
    text-decoration: underline; 
    background-color: #0031b1;
    color: #f7ec37;     
    /* thanks to alsacreations.com */
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px; 
    border-radius: 10px 10px 10px 10px; 
    -webkit-border-top-left-radius: 10px; 
    -webkit-border-top-right-radius: 10px; 
    -webkit-border-bottom-left-radius: 10px; 
    -webkit-border-bottom-right-radius: 10px; 
}

#menu li {list-style-type: none; color: #0031b1; }


/**************************************************************/
/* CORPS DE PAGE */

#corps { 
    width: 500px; 
    position: relative; 
    margin: 1em; 
    padding: 1em; 
    float: left;
    background: url("../img/fondGris.jpg") white no-repeat;
    z-index:2;
    /* thanks to alsacreations.com */
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px; 
    border-radius: 10px 10px 10px 10px; 
    -webkit-border-top-left-radius: 10px; 
    -webkit-border-top-right-radius: 10px; 
    -webkit-border-bottom-left-radius: 10px; 
    -webkit-border-bottom-right-radius: 10px; 
}

/**************************************************************/
/* TABLEAU ACCESSIBLE */

#Summary, #Caption { width: 28em; }

.tableStyle { width: 90%; margin: 1em 0 1em 5%; border: solid #666; border-width: 1px 0 0 1px; border-collapse: collapse; }
.tableStyle th, .tableStyle td { border: solid 1px #666; border-width: 0 1px 1px 0; padding: 0.2em; }

.blueScheme, .blueScheme th, .blueScheme td { border-color: #069; }
.blueScheme .even { background-color: #E3F6FE; }
.blueScheme th, .blueScheme thead td { background-color: #69F; }
.blueScheme th.firstColumn { background-color: #9CF; }

/**************************************************************/
/* BAS DE PAGE */

#piedDePage { clear: both; 
background: #f7ec37;
/* thanks to alsacreations.com */ -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 10px 10px 0 0; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }

#piedDePage { list-style-type: none; font-size: small; font-style: oblique; text-align: center; color: #0031b1; }


/**************************************************************/
/* LE RESTE */

.googlemaps {text-align: center} 
.centrage{ 
    text-align:center;
    vertical-align:middle;
}
.petiteNote     { font-size: small}
.auteurCitation { font-style: italic; text-align: right;}
.document li     { list-style-type: none; font-size: small}

.adresse li     { list-style-type: none; font-size: small}
.mention li     { list-style-type: none; text-align:center; margin: 0;  font-style: italic; font-size: small}

.annonceAuCentre li {
                   text-align: center;
                   list-style-type: none;
                   color: #fad427;
                    }
.annonceAuCentre h2 { margin:0} /* pour contracter les interlignes */
.annonceAuCentre h3 { margin:0} /* pour contracter les interlignes */

.cadre p {font-weight: normal}
.cadre { margin-bottom: 10px; border: solid 2px}

.lienCommeMenu li       { list-style-type: none;}
.lienCommeMenu a        { background-color: #017ac9; color: #f7ec37}
.lienCommeMenu a:hover  { background-color: #fad427; color: #f7ec37}
.lienCommeMenu          { text-align: center}
   /* Les liens exterieurs seront les liens par défaut */

img.incrustGauche { float: left; margin-right:1em; margin-bottom:1em;}
img.previsualisation { width: 500px}

.imageFond {
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    margin:0;
}