/* CSS Document */
div {
/*border:#FFFFFF 1px solid;*/
}

ul {
/*margin:50px 0 0 5px;*/
list-style:none;
}
ul.liste_media li {
width:150px;
height:30px;
background:url(../images/bt_off_media.jpg);
}
ul.liste_media li a {
color:#ffffff;
display:block;
text-decoration:none;
padding:6px 0 0 10px;

}
ul.liste_service{
margin-top:100px;
}
ul.liste_service li {
display:block;
width:148px;
height:60px;
background:url(../images/bt_off_service.jpg);
margin:3px 0 0 1px;
}
ul.liste_service li a {
color:#ffffff;
font-weight:bolder;
display:block;
text-decoration:none;
padding:20px 0 20px 15px;
}

a.lien_off{
display:block;
width:20px;
height:20px;
margin:5px 2px 5px 0px;
float:right;
background-image:url(../images/fleche_arriere.png);
}
#content{
margin:10px 0 20px 0;
padding:3px;
width:1006px;
height:408px;
}
#messages{
text-align:center;
padding:5px;
width:1006px;
font-size:16px;
margin:20px 0 20px 5px;
color:#FFFFFF;

}
#choix_service{
width:150px;
height:402px;
float:left;
margin:0px 0 20px 5px;
background-color:#CCCCCC;
}

#conteneur_media{
width:700px;
height:402px;
float:left;
}
#media{
width:700px;
height:402px;
z-index:0;
}

#choix_media{
width:150px;
height:402px;
float:left;
background-color:#666666;
}

div.contenu_service{
width:20px;
height:402px;
background-image:url(../images/fond_media_gris.png);
color:#FFFFFF;
display:none;
z-index:1000;
}

ul.liste_media{
display:none;
}

.titre-deroulant{
font-size:20px;
margin-bottom:5px;
}