a {


}

body {
font-family: arial;
margin:0px;
padding:0px;
}
img {
border:none;
}
.page {
font-family: arial;
font-size:12px;
position:relative;
top:0px;
margin-top:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
width:1024px;
border: 0px solid black; 
}
.biglogo  {
position: absolute;
top:151px;
left:118px;
width:420px;
height:120px;
z-index:120;
}
.entete {
position:absolute;
margin:0px;
padding:0px;
top:0px;
right:0px;
width:100%;
height:259px;
border:0px solid black ;
}
.logo {
position:absolute;
width:500px;
height:30px;
top:33px;
left:0px;

z-index:20;
margin:0px;
padding:0px;
}
.anim {
position:absolute;
top:62px;
left:555px;
width:425px;
height:150px;

}
.bande_entete {
position: absolute;
top:0px;
right:0px;
width:100%;
height:234px;
background:#9DCCE0;
border:0px solid black ;
overflow:hidden;
}
.bande_entete_fil{
position: absolute;
top:32px;
right:0px;
width:100%;
height:20px;
background: #C6C7C8 ;
border:none ;
overflow:hidden;
}
.bande_entete_degrade {
position: absolute;
top:0px;
right:0px;
width:100%;
height:88px;
background-image: url('../media/images/menu_degrade_bleu.jpg') ;
}
.contenu {
position: absolute;
top:234px;
left:0px;
width:100%;
z-index:10;
}


.menu_nav{
position: absolute;
top:70px;
left:0px;
width:218px;
height:200px;
border:0px solid black ;
}

.nav_ligne{
width:218px;
display:block;
clear:both;
padding:0px;
padding-top:12px;
}
.nav_texte{
float:left;
width:200px;
text-align:right;

}
.nav_texte a:focus{
text-decoration:none;
color:#58585A;
}

.nav_carre {
float:right;

width:8px;
height:8px;
margin-left:8px;
margin-top:4px;

}

.menu_nav a{
text-decoration:none;
color:white;
}
.menu_nav a:hover{
text-decoration:none;
color:#58585A;
}



.menu_nav_sousmenu{
position: absolute;
top:97px;
left:235px;
width:650px;
height:400px;
overflow:hidden;
}

.menu_nav_sousmenu li{
list-style:none;
float:left;
text-align:right;
font-size:12px;

color:white;
}
.menu_nav_sousmenu a{
line-height:18px;
text-decoration:none;
color:white;
padding-left:2px;
}
.menu_nav_sousmenu a:hover{
line-height:18px;
text-decoration:none;
color:black;
padding-left:2px;
}
.sousmenu_bloc {
width:130px;
float:left;
border-left:1px solid white;
padding-left:5px;
}

.contenu {
height:531px;
z-index:10;
}

.contenu h2 {

font-size:18px;
padding-left:10px;
}
.contenu h3 {

font-size:14px;
padding-left:10px;
}
.intro{
z-index:100;
}
.titre_page {
position:absolute;
left:88px;
top:10px;
width:500px;
height:70px;
border:0px dotted black;
overflow: hidden;
z-index:1;
}
.titre_gauche {
position:absolute;
left:0px;
top:0px;
width:550px;
height:104px;
border:0px dotted black;
overflow: hidden;

}
.titre_gauche_texte {
position:absolute;
left:170px;
top:60px;
width:200px;
height:50px;
border:0px dotted black;
overflow: hidden;
color:#f09000;
font-size:16px;
}
.contenu_gauche {
position:absolute;
left:0px;
top:115px;
width:530px;
height:426px;
border:0px dotted black;
overflow-x: hidden;
overflow-y: auto; 
z-index:11;
}
.contenu_gauche ul {
list-style:none;
margin-left:10px;
padding:0px;
margin-top:5px;
clear:both;
z-index:11;
}
.contenu_gauche li {
margin-top:30px;
padding:0px;
width:500px;
clear:both;
z-index:11;
}
.contenu_droite {
position:absolute;
left:555px;

top:0px;
width:450px;
height:531px;
border:0px dotted black;


}

.player {
position:absolute;
width:425px;
height:360px;
top:-12px;
left:555px;
border:0px dotted black;
z-index:50;

}

.explorer {
width:450px;
height:181px;
top:350px;
left:0px;
border:0px dotted black;
padding-left:0px;
overflow:hidden;
}

.explorer_doc_bloc {
display:block;
background:white;
top:0px;
margin-top:-16px;
}
/*hb css explorer*/
.explorer ul{
list-style:none;
display:inline;
margin:0px;
padding:0px;
width:100%;
}
.explorer li{

margin:0px;
padding:0px;
width:100%;
list-style:none;
overflow-x: hidden;
display:inline;
}

.clear {
clear:both;

}
.player_off {
position:absolute;

top:-12px;
left:560px;
width:425px;
height:363px;

z-index:50;

}

.intro {
position:absolute;
left:340px;
}

.intro_video {
width:600px;
height:300px;

}

.intro_info {
text-align:right;
width:600px;

}
.alignerTexteGauche{
text-align:left;
}
