@charset "UTF-8";
/* CSS Document */

/* fond et mise en place du conteneur */ 




* {
margin:0px;
padding:0 px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}


/* -----------------------------------------mise en place graphique */




/* body et conteneur*/

body {
background: #000 url(images/banderolle_02.jpg) no-repeat center top ;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre {
background-image:url(images/titre_02.jpg);
background-repeat:no-repeat;
height:200px;

}

#contenu {
width:800px;
margin:0 auto;
z-index:10;

}




/* p */

p{
padding-left:10px;
}



/* h */

h1 {
}

h2 {
visibility:hidden;
}

h3 {
font-size:14px;
}



/* conteneur */

#navig {

background-image:url(images/menu_07.jpg);
background-repeat:no-repeat;
height:70px;
padding-left:60px;
padding-top:21px;
}


#degradehaut {
background-image:url(images/soustitre_07.jpg);
background-repeat:no-repeat;
height:30px;

}

#menucentre {
background-color:#191254;
height:600px;
padding-top:40px;

}

#menucentre2 {
background-color:#191254;
padding-top:40px;
}

#degrade {
background-image:url(images/degradebas_11.jpg);
height:20px;

}




/* -----------------------------------------Naviguation */




/* listes */

ul.listes li {
float:left;
list-style:none;
padding-left:40px;
}

ul.listes li ul{ 
margin:0;
padding:0;
margin-top: 10px; 
display: none;
}


ul.listes li ul li {
float:none;
padding:0; 
margin:0; 
 

}

ul.listes li:hover ul{ 
display: block;   
}



/* comme le mot home est plus grand que le mot sexe j'ai agrandi la taille de son div */

.sexe{
width: 40px; 
}




/* liens */

a{
text-decoration:none;
color:#FFFFFF;
font-size:11px;


}
a:hover{
color:#2f276e;

}

a:visited{
color:#FFFFFF;
}

a:active{
color:#2f276e;
}

.liens{
padding-left:50px;
}



/* -----------------------------------------mise en place du contenu */




/* titre */

#titremenu{
height:100px;
width:800px;
margin-left:20px;

}



/* rubriques */

#rubriquepleine{
background-color:#2f276e;
height:500px;
width:600px;
margin-left:100px;
border-top:#aba4d2 solid 5px;


}
#rubriquepleine2{
background-color:#2f276e;
width:600px;
margin-left:100px;
border-top:#aba4d2 solid 5px;
margin-top:10px;
height:200px;

}
#rubriquepleine3{
background-color:#2f276e;
width:600px;
margin-left:100px;
border-top:#aba4d2 solid 5px;
margin-top:10px;


}



#rubriques{

background-color:#51478e;
height:200px;
width:600px;
margin-left:100px;

}

#rubriques2{
background-color:#51478e;
width:600px;
margin-left:100px;
margin-top:20px;

}



/* sponsoring */

#sponsoring{
font-size:10px;
height:50px;
}



/* Galerie d'images*/

img.grand {
display:none;
}

a:hover img.grand{
display:inline;
position:absolute;
left:500px;
top:715px;
}

#infocontenu{
height:280px;

}