/* Definitions generales */

body { margin: 0; border-width: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url(images/fond-mangeur.jpg); text-align: center;}

body #XXPage {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body #XXPage {
  font-size: small;
}


#XXPage { margin: 4px 0 0 0; border: 0; padding: 0; width: 774px; margin-left: auto; margin-right: auto; text-align: left;}


/* Balises générales */

cite { font-style: italic; font-weight: bold; }
blockquote { margin: 0 0 0 14px; }


/* Barre de Gauche */

#XXBarreGauche { margin: 0; border-width: 0; padding: 0; float: right; width: 193px; }

#XXHistGeo { margin: 0 0 4px 0; border-width: 0; padding: 0; }
#XXHistGeo img { margin: 0; border: 1px solid #000000; padding: 0; }


.XXMenuGauche {margin: 0 0 4px 0; border: 1px solid #000000; padding: 0; background-color: #F8F4DA; font-size: 90%; line-height: 1.3em; }

.XXMenuGauche p {margin: 4px 0 0 0.6em; border-width: 0; padding: 0;}
.XXMenuGauche ul {margin: 4px 0 4px 0.6em; border-width: 0; padding: 0;}
.XXMenuGauche li {margin: 0; border-width: 0; padding: 0; list-style-type: none; }
.XXMenuGauche li a { margin: 0; border-width: 0; padding: 0}

#XXParten {margin: 3px 3px 0 0; border: 1px solid #000000; padding: 0; text-align: center; font-size: 93%; line-height: 1.3em; background-color: #FFFFFF; float: right; overflow: hidden; width: 9.3em; max-width: 184px}

#XXParten p {margin: 0.2em 0.3em 0.2em 0.3em; border-width: 0; padding: 0;}



/* Main */

#XXMain {margin: 0 0 0 4px; border-width: 0; padding: 0; float: right; width: 575px; float: right; }
    
#XXHeader {margin: 0 0 4px 0; border: 0; padding:0;}

#XXQuickNav {margin: 0; border: 1px solid #000000; padding: 0; text-align: center; font-size: 82%; line-height: 1.32em; background-color: #FFFFFF; float: right; overflow: hidden; z-index: 2;}
#XXQuickNav p {margin: 2px 0 0 0; border-width: 0; padding: 0; font-weight: bold; width: 93px; }
#XXQuickNav ul {margin: 0 0 2px 0; border-width: 0; padding: 0}
#XXQuickNav li {list-style-type: none;}

#XXBanniere { margin: 0; border: 1px solid #000000; padding: 0; text-align: center; font-size: 72%; line-height: 1.25em; background-color: #FFFFFF; width: 475px; overflow: hidden; }
#XXBanniere img {width: 468px; height: 60px; margin: 2px 2px 0px 2px; border: 0; padding: 0;}

#XXHeader2 { font-size: 90%; margin: 0 0 4px 0; border: 1px solid #000000; padding: 0; background-color: #EDEDD8; line-height: 1.45em; text-align: center}

#XXHeader2 ul { margin: 0; border-width: 0; padding: 0}
#XXHeader2 li { margin: 0; border-width: 0; padding: 0; list-style-type: none; display: inline}
#XXHeader2 a { margin: 0; border-width: 0; padding: 0 0.5em 0 0.5em; color: #000000; font-weight: bold}
#XXHeader2 a:hover { border-width: 0; text-decoration: none; background-color: #F8F4DA; color: #D50500;}
#XXHeader2 .XXNone { margin: 0; border-width: 0; padding: 0}

#XXIci { font-size: 90%; margin: 0 0 4px 0; border: 1px solid #000000; padding: 0 0 0 0.45em; background-color: #F8F4DA; line-height: 1.45em}

#XXCompteur {margin: 0; border-width: 0; padding: 0.7em 12px 0 0; float: right}

#XXCours {margin: 0; border-width: 1px; padding: 0; text-align: justify; font-size: 90%; line-height: 1.3em; border-style: solid; color: #000000; background-color: #F8F4DA; border-color: #000000; }


#XXCours h1 {margin: 5px 12px 8px 12px; border-width: 0 0 3px 0; padding: 0; border-style: solid; text-align: left; font-size: 170%; line-height: 1.5em; font-weight: bold; }

#XXCours h2 {margin: 2px 12px 4px 12px; border-width: 0 0 1px 0; padding: 0; border-style: solid; text-align: left; font-size: 115%; line-height: 1.2em; font-weight: bold; }

#XXCours h3 {margin: 2px 12px 4px 12px; border-width: 0 0 1px 0; padding: 0; border-style: solid; text-align: left; font-size: 100%; line-height: 1.2em; font-weight: bold; }

#XXCours h1, #XXCours h1 a, #XXCours h2, #XXCours h2 a, #XXCours h3, #XXCours h3 a {color: #218D65;}
#XXCours h1 a:hover, #XXCours h2 a:hover, #XXCours h3 a:hover { color: #D50500; text-decoration: none; }


#XXCours h2.XXUL {margin-bottom: 0.1em; }

#XXCours p {margin: 0 12px 12px 12px; }
#XXCours p.XXUL { margin: 0 12px 0 12px; border-width: 0; padding: 0; }


#XXCours table { font-size: 100%; margin: 0 12px 12px 12px; border-collapse: collapse; border: 2px solid #218D65;}
#XXCours caption { font-size: 100%; font-weight: bold; margin: 0 12px 0 12px; padding-bottom: 8px; }
#XXCours table thead, #XXCours table tbody { font-weght: bold; text-align: left; border: 2px solid #218D65;}
#XXCours table th { border-width: 0 1px 2px 1px;  }
#XXCours table td { border-width: 0 1px 0 1px; }
#XXCours table td, #XXCours table th { margin: 0; border-style: solid; border-color: #218D65; padding: 1px 4px 1px 4px; }
#XXCours tr { background-color: #F8F4DA; }
#XXCours tr.tr { background-color: #EDEDD8; }
#XXCours tr:hover { background-color: #EDEDD8; }
#XXCours tr.tr:hover { background-color: #F8F4DA; }


#XXCours #XXPub120 { display: none; margin: 0 0 0 3px; border: 1px solid #000000; padding: 0.2em; text-align: center; font-size: 72%; line-height: 1.4em; float: right; background-color: #FFFFFF;}
#XXCours #XXPub120 img {width: 120px; height: 60px ; margin: 0 0.15em 0.2em 0.15em; border: 1px solid #000000; padding: 0;}



#XXCours ul {margin: 0 12px 10px 35px; border-width: 0; padding: 0; }
#XXCours li {margin: 0; border-width: 0; padding: 0; list-style: circle outside; }
#XXCours ul ul {margin: 0 0 0 15px; border-width: 0; padding: 0; }
#XXCours ul ul li {margin: 0; border-width: 0; padding: 0; list-style-position: outside;}

#XXCours ul.XXIndex { margin: 0 0 0 12px; border-width: 0; padding: 0;}
#XXCours ul.XXIndex li { margin: 0 0 0 0; border-width: 0; padding: 0; list-style-type: none; }

#XXCours ul.XXIndex2 { margin: 0; border-width: 0; padding: 0; }
#XXCours ul.XXIndex2 li { margin: 0; border-width: 0; padding: 0; list-style-type: none; display: inline}
#XXCours ul.XXIndex2 img { margin: 12px 18px 12px 18px; border-width: 0; padding: 0;}

#XXCours ul.MenuBasCours { margin: 20px; text-align: center; }
#XXCours ul.MenuBasCours li {list-style-type: none; display: inline; }
#XXCours ul.MenuBasCours a { margin: 0 2px 0 2px; border: 1px solid #218D65; padding: 2px 8px 2px 8px; background-color: #EDEDD8; }
#XXCours ul.MenuBasCours a:hover { background-color: #F8F4DA; text-decoration: none; }

#XXCours ul.MenuBasCours {  }
#XXCours ul.MenuBasCours li {list-style-type: none; display: inline; }
#XXCours ul.MenuBasCours a { }
#XXCours ul.MenuBasCours a:hover {  }

#XXCours .XXDnLd { text-align: center; margin: 20px; }
#XXCours .XXDnLd a { margin: 0 2px 0 2px; border: 1px solid #218D65; padding: 2px 8px 2px 8px; background-color: #EDEDD8; }
#XXCours .XXDnLd a:hover { background-color: #F8F4DA; text-decoration: none; }


/* Images protégées */

#XXCours #XXImProt  { height: auto; overflow: hidden; margin: -14px 0 8px 0; }
#XXCours #XXImProt img#XXImProt0 { position: relative; top: 0; z-index: 0; margin: 0; padding: 0; border: 0; }
#XXCours #XXImProt img#XXImProt1 { position: relative; top: 0; z-index: 1; margin: 0; padding: 0; border: 0; }
#XXCours #XXImProt img#XXImProt2 { position: relative; top: 0; z-index: 2; margin: 0; padding: 0; border: 0; }


/* Ana */
#Ana1, #Ana2, #Ana3, #Ana4, #Ana5, #Ana6, #Ana7, #Ana8 { margin: 20px 0 0 0; }

.XXRq {font-size: 90%; line-height: 1.15em}

#XXFooter {margin: 0 0 0 0 ; border-width: 0; padding: 0; text-align: center; font-size: 90%; font-weight: normal; display: block; }


.XXAccessKey {text-decoration: underline; }

.WWLSh {font-weight: bold; color: #218D65;}
a.WWLSh:hover, a:hover .WWLSh {color:#D50500; }

/* InfCon */

#WWInfCon {margin: 16px 12px 8px 12px; border: 2px dotted #218D65; padding: 0; background-color: #EDEDD8}

#WWInfCon p {margin: 3px 10px 0 10px ; border-width: 0; padding: 0; font-weight: bold; }
#WWInfCon ul {margin: 0 10px 3px 20px ; border-width: 0; padding: 0;}
#WWInfCon li {margin: 0; border-width: 0; padding: 0; list-style-type: none; }
#WWInfCon p, .WWInfCon a:hover { color: #218D65;}



/* Colonne de droite */

.XXColDrt { margin: -4px 0 0 12px; border: 0; padding: 0 12px 0 0; float: right; background-color: #F8F4DA; width: 205px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 193px;
}
html>body .XXColDrt {
  width: 193px;
}


#XXCours #XXDetails { margin: 0 0 6px 0; border-width: 0 0 0 3px; border-style: solid; border-color: #218D65; padding: 2px 0 2px 0; background-color: #F8F4DA; }
#XXCours #XXDetails p { margin: 0 0 0 12px; border-width: 0; padding: 0; }


#XXCours .XXColDrt .XXColArt { margin: 0 0 6px 0; padding: 0; border: 1px dotted #218D65; display: block; text-align: justify; width: 100% }
#XXCours .XXColDrt .XXColArt h3 { margin: 3px 5px 3px 5px; border-width: 0; padding: 0; font-size: 100%; font-weight: bold; color: #218D65; }
#XXCours .XXColDrt .XXColArt p {margin: 0 5px 3px 5px; border-width: 0; padding: 0;}
#XXCours .XXColDrt .XXColArt img {margin: 0 3px 3px 3px; border-width: 0; padding: 0;}

#XXCours .XXColDrt .XXColArt form {margin: 0 5px 3px 5px; border-width: 0; padding: 0;}



/* Tableau d'images */

.XXTablImg {margin: 0; border-width: 0; padding: 0; display: inline; width: 570px; font-size: 0}
.XXTablImg img {margin: 0 2px 4px 3px; border-width: 0; padding: 0;}
.XXTablImg a {margin: 0; border-width: 0; padding: 0; }

.XXIndexImg {margin: 0 0 2% 2%;}


.XXAttention { margin: 0.5em 0.7em 0.5em 0; border-width: 0; padding: 0; float: left;}

a {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline; color: #D50500;}

/* Vert: #218D65 - Rouge : #D50500 - Vert : #218D65; ; fond de depart : #F8F4DA - #FEEACB */