BODY{font:medium sans-serif;color:black;
    background-color: white;
}

H1, H2, H3 {
    color: #457BB5;
    background-color: white;
}
A {
    color: #457BB5;
    background-color: inherit;
}
CAPTION {
    color: #457BB5;
    font-size: large;
    background-color: white;
}
CAPTIONBIS {
    color: #457BB5;
    font-size: x-large;
    background-color: inherit;
    font-weight: bold;
}

TR.A0 {
    background-color: white;
    color: black;
}

TR.A1 {
    background-color: #abd0d0;
    color: black;
}

TR.MENU {
    background-color: #457BB5;
    color: white;
}

TR.SOUSMENU {
    background-color: #A0A0D0;
    color: white;
}

TR.SOUSSOUSMENU {
    background-color: #FBC5EB;
    color: white;
}

/* Pour le menu : le fond est bleu, les ancres ne sont pas soulignées *  et apparaissent en blanc    */
A.MENU {
    font-weight: bold;
    color: white;
    text-decoration: none;
    font-family: sans-serif;
    font-size: medium;
    background-color: #457BB5;
}

A.MENU:hover {
    color: #F7F234;
    text-decoration: none;
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    background-color: #457BB5;
}

A.MENUCHOISI {
    font-weight: bold;
    color: #A0C0A0;
    text-decoration: none;
    font-family: sans-serif;
    font-size: medium;
    background-color: #457BB5;
}

A.MENUCHOISI:hover {
    font-weight: bold;
    color: #F7F234;
    text-decoration: none;
    font-family: sans-serif;
    font-size: medium;
    background-color: #457BB5;
}

A.SOUSMENU {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: white;
    text-decoration: none;
    background-color: #A0A0D0;
}

A.SOUSMENU:hover {
    font-weight: bold;
    color: #F7F234;
    font-size: medium;
    text-decoration: none;
    font-family: sans-serif;
    background-color: #A0A0D0;
}

A.SOUSMENUCHOISI {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #40A040;
    text-decoration: none;
    background-color: #A0A0D0;
}

A.SOUSMENUCHOISI:hover {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #F7F234;
    text-decoration: none;
    background-color: #A0A0D0;
}

div.SOUSMENU {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: red;
    text-decoration: none;
    background-color: #A0A0D0;
}

div.SOUSMENUCHOISI {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: red;
    text-decoration: none;
    background-color: #A0A0D0;
}

A.SOUSSOUSMENU {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #8080FF;
    text-decoration: none;
    background-color: #FBC5EB;
}

A.SOUSSOUSMENU:hover {
    font-weight: bold;
    color: #F7F234;
    font-size: medium;
    text-decoration: none;
    font-family: sans-serif;
    background-color: #FBC5EB;
}

A.SOUSSOUSMENUCHOISI {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #40A040;
    text-decoration: none;
    background-color: #FBC5EB;
}

A.SOUSSOUSMENUCHOISI:hover {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #F7F234;
    text-decoration: none;
    background-color: #FBC5EB;
}

div.SOUSSOUSMENU {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: red;
    text-decoration: none;
    background-color: #FBC5EB;
}

div.SOUSSOUSMENUCHOISI {
    font-family: sans-serif;
    font-size: medium;
    font-weight: bold;
    color: red;
    text-decoration: none;
    background-color: #FBC5EB;
}

TD.TITRE {
    font-size: large;
    font-weight: bold;
    text-align: right;
    color: #457BB5;
    font-family: sans-serif;
    background-color: white;
}

TD.TITRECENTRE {
    font-size: large;
    font-weight: bold;
    text-align: center;
    color: #457BB5;
    font-family: sans-serif;
    background-color: white;
}

TD.SOUSTITRE {
    font-weight: bold;
    color: #457BB5;
    background-color: white;
    font-family: sans-serif;
    text-align: center;
}

TD.SOUSTITREPALE {
    font-family: sans-serif;
    text-align: center;
    color: #C0D8D8;
    background-color: white;
}

TD.DROITE {
    text-align: right;
}

TD.GAUCHE {
    text-align: left;
}

TD.CENTRE {
    text-align: center;
}
TD.CENTREV {
    text-align: center;
    vertical-align: middle;
}

TD.MENU {
    text-align: center;
}

TD.SOUSMENU {
    text-align: center;
}

TD.SOUSSOUSMENU {
    text-align: center;
}

TD.ENCOURS {
    background-color: #457BB5;
    text-align: center;
    color: white;
    font-weight: bold;
    font-family: sans-serif;
}

TD.UNELIGNE {
    white-space: nowrap;
}

TD.A1 {
    background-color: #abd0d0;
    color: black;
}

.ROUGE {
    color: red;
    font-weight: bold;
    font-family: sans-serif;
    background-color: white;
}
.ROUGECOMPTA {
    color: red;
    font-weight: bold;
    font-family: sans-serif;
    background-color: #FFCCCC;
}
.ROUGEPALE {
    color: blue;
    font-weight: bold;
    font-family: sans-serif;
    background-color: #FF8888;
}
.JAUNECOMPTA {
    color: blue;
    font-weight: bold;
    font-family: sans-serif;
    background-color: #FFFF00;
}
.VERTCOMPTA {
    color: blue;
    font-weight: bold;
    font-family: sans-serif;
    background-color: #00FF00;
}

.VERTTELECHAR {
    color: blue;
    font-weight: bold;
    font-family: sans-serif;
    background-color: #00FF00;
    text-decoration:none;
}

maclasse {
    color: #e6c71a;
    background-color: green;
    font-family: fantasy;
    font-size: large;
}

div#hdpl img {
     border:0;
     position:fixed;
     bottom:316px;
     left:16px;
}

div#hdpr img {
     border:0;
     position:fixed;
     bottom:316px;
     right:16px;
}

div#bdpl img {
     border:0;
     position:fixed;
     bottom:284px;
     left:16px;
}

div#bdpr img {
     border:0;
     position:fixed;
     bottom:284px;
     right:16px;
}

.embed-container {
position: relative;
height: 0;
overflow: hidden;
background-color:white;
}

.ratio-103-79{
padding-bottom:38.35%; /* (1/2)*79/103*100 */
}

.ratio-168-79{
padding-bottom:23.5%; /* 79/168*100 */
}

.ratio-16-9{
padding-bottom:56.25%; /* 9/16*100 */
}

.ratio-4-3{
padding-bottom:75%; /* 3/4*100 */
}

.ratio-1-1{
padding-bottom:100%; /* … */
}

.ratio-207-158{
width: 310px;
height: 119px;
}

.embed-container img{
position: absolute;
top: 0;
left: 0;
width:50%;
}