body {
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: Arial, sans-serif;
background-color: #1a1713;
background-image: url(images/fond.png);
background-repeat: repeat-x;
background-position: 0px 0px;
text-align: center;
}

.A {
width: 1150px;
text-align: left;
margin: 0px auto;
}

.retour {
text-align: center;
width: 198px;
height: 42px;
margin-left: 900px;
background-image: url(images/retour.png);
background-repeat: no-repeat;
background-position: left bottom;
cursor: pointer;
}

.retour div {
padding-top: 4px;
}

.retour a {
text-decoration: none;
color: #302b23;
font-weight: bold;
font-size: 13px;

}



.ombre.haut {
background-repeat: no-repeat;
background-position: left bottom;
height: 14px;
background-image: url(images/ombre-haut.png);
}

.ombre.bas {
background-repeat: no-repeat;
background-position: left top;
background-image: url(images/ombre-bas.png);
height: 14px;
}

.B {

}


.C {
background-repeat: repeat-y;
background-position: left top;
background-image: url(images/ombre.png);
}

.D {
margin: 0px auto;
width: 1122px;
}

#player {
display: none;
width: 1122px;
position: absolute;
}

#player .fond {
opacity: 0.6;
filter : alpha(opacity=60);
-moz-opacity : 0.6;
background-color: #000000;
position: absolute;
width: 1122px;
}


.header {
background-repeat: no-repeat;
background-position: left top;
background-image: url(images/header.png);
height: 183px;
}

.header * {
display: none;
}


.navigation {
background-repeat: no-repeat;
background-position: left top;
background-image: url(images/navigation.png);
padding: 3px 0px 2px 0px;
}

.navigation table {
margin: 0px 0px 0px 16px;
width: 1100px;
border-width: 0px;
border: none;
}

.navigation td {
text-align: center;
border: none;
padding: 0px;
margin: 0px;
font-weight: bold;
color: #c80000;
font-size: 17px;
}

.navigation td em {
display: none;
}

.navigation td span {
width: 30px;
display: block;
}

#don span {
height: 12px;
width: 100px;
background-image: url(images/nav.png);
background-repeat: no-repeat;
background-position: -621px -12px;
}
#don span:hover {
background-position: -621px 0px;
}

#gpafrique span {
height: 12px;
width: 359px;
background-image: url(images/nav.png);
background-repeat: no-repeat;
background-position: -749px -12px;
}
#gpafrique span:hover {
background-position: -749px 0px;
}

#savoirplus span {
height: 12px;
width: 304px;
background-image: url(images/nav.png);
background-repeat: no-repeat;
background-position: 0px -12px;
}
#savoirplus span:hover {
background-position: 0px 0px;
}

#savoirplus.actif span {
background-position: 0px 0px;
}

#newsletter span {
height: 12px;
width: 270px;
background-image: url(images/nav.png);
background-repeat: no-repeat;
background-position: -326px -12px;
}
#newsletter span:hover {
background-position: -326px 0px;
}

.F {
padding: 0px 11px 11px 11px;
background-color: #ffffff;
}

.page {
overflow: hidden;
}

#home .page {
background-image: url(images/fond-foret.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#sp .page {

}

.G {
float: left;
background-image: url(images/col-gauche.png);
background-position: top right;
background-repeat: no-repeat;
width: 335px;
padding-bottom: 32px;
}

.episodes {
float: left;
}

.photoMC {
background-image: url(images/marion-cotillard.png);
background-position: top right;
background-repeat: no-repeat;
width: 247px;
height: 264px;
margin: 31px 0px 2px 12px;
}

.photoMC h3 {
display: none;
}

.G .prez {
width: 276px;
margin-left: 23px;
color: #d20000;

}

.G .citation {
width: 230px;
margin-left: 23px;
color: #ffffff;
font-style: italic;
}

.H {
width: 640px;
margin: 77px 0px 0px 65px;
}

.H h4 {
background-image: url(images/carnet-de-bord.png);
background-position: top left;
background-repeat: no-repeat;
width: 243px;
height: 156px;
float: left;
margin: -4px 0px 0px -33px;
}

.H h4 span {
display: none;
}

.H ol {
display: inline;
list-style-type: none;
}

.H li {
d-isplay: inline;
float: left;
}


.H li.dispo {
cursor: pointer;
}

.H li em {
display: block;
width: 170px;
height: 144px;
background-position: top left;
background-repeat: no-repeat;
margin: 0px 40px 24px 0px;
}

.H li em span {
display: none;
}

#v0 em {
background-image: url(images/v1.png);
}
#v1 em {
background-image: url(images/v2.png);
}
#v2 em {
background-image: url(images/v3.png);
}
#v3 em {
background-image: url(images/v4.png);
}
#v4 em {
background-image: url(images/v5.png);
}
#v5 em {
background-image: url(images/v6.png);
}
#v6 em {
background-image: url(images/v7.png);
}

#bouton-carte {
padding-top: 23px;
}

#bouton-carte em {
background-image: url(images/bouton-carte.png);
}

.J {
background-color: #ffffff;
padding: 6px;
}

.J p {
margin: 6px 15px 5px 15px;
}


#player .video, #player .carte {
position: absolute;
margin: 246px 0px 0px 448px;
width: 503px;
display: none;
}

#player .dm {
width: 488px;
h-eight: 280px;
}


#player .I {
height: 23px;
width: 493px;
}

#player .precedent {
display: block;
float: left;
width: 188px;
height: 23px;
background-image: url(images/precedent.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
border-right: 3px solid #d20000;
}

#player .suivant {
display: block;
float: left;
width: 165px;
height: 23px;
background-image: url(images/suivant.png);
background-position: top right;
background-repeat: no-repeat;
cursor: pointer;
}

#player .fermeture {
display: block;
float: right;
width: 33px;
height: 23px;
background-image: url(images/fermeture.png);
background-position: bottom right;
background-repeat: no-repeat;
cursor: pointer;
}

#player .I u {
display: none;
}

#player .video h5 {
margin: 13px 0px 15px 15px;
}

.L {
width: 293px;
height: 244px;
float: left;
background-color: #9c9489;
}

.L a {
display: block;
width: 293px;
height: 244px;
background-image: url(images/retour-videos.png);
background-position: top left;
background-repeat: no-repeat;
}
.L a:hover {
background-position: 0px -244px;
}

.L em {
display: none;
}


.M {
width: 807px;
height: 244px;
float: left;
background-image: url(images/brochure.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: #2b1b06;
}

.M a {
display: block;
width: 807px;
height: 244px;
}

.M a * {
display: none;
}

.N {
clear: both;
border-width: 0px;
margin: 0px;
padding: 0px;
border: none;
width: 1100px;
}

.N td {
padding: 0px;

}

.O {
width: 805px;
background-color: #381705;
background-image: url(images/bg-blog.png);
background-position: top left;
background-repeat: no-repeat;
overflow: hidden
}

.Q {
width: 5px;
}

.P {
width: 290px;
background-color: #627862;
}

.P a {
display: block;
width: 290px;
height: 193px;
background-image: url(images/blog.png);
background-position: top left;
background-repeat: no-repeat;
margin: 60px 0px;
}

.P a:hover {
background-position: 0px -193px;
}

.P em {
display: none;
}


.R {
float: left;
width: 289px;
background-image: url(images/actus.png);
background-position: 30px 32px;
background-repeat: no-repeat;
height: 250px;
}

.S {
float: left;
width: 510px;
padding-top: 36px;
}


.S .post {
margin-bottom: 15px;
line-height: 1.3em;
}

.S small {
color: #c90000;
font-size: 14px;
font-weight: bold;
}

.S a {
color: #ffffff;
}

.K {
margin-bottom: 5px;
overflow: hidden;
}


.FB {
margin: 22px 0px 0px 16px;
}

#player .additionnel {
position: absolute;
margin-top: 8px;
overflow: hidden;
width: 480px;
}

#player .duree {
float: right;
color: #d20000;
font-weight: bold;
margin-left: 12px;
}


#player .fullscreen {
cursor: pointer;
float: right;
font-size: 12px;
}


#player .carte {
margin: 140px 0px 0px 257px;
width: 612px;
}

#player .carte .I {
width: 604px;
}

.Z {
padding: 6px;
background-color: #ffffff;
}