body                                   
{                                                                  
 background-color: black;                                                                                                                                                                         
 margin: 0;
 padding: 0;
 overflow-x: hidden;
}

#container
{
 height: 1000px;
 margin: auto;
 padding-bottom: 50px;
 text-align: center;
 background-image: url("Collection/background2.jpg");
}

#body
{
 width: 0%;
 height: 1000px;
 background-image: url("Collection/cluster.png");
 padding-bottom: 50px;
 margin: auto;
 overflow: hidden;
}

#titre
{
 position: absolute;
 right: 20px;
 bottom: 0px;
 color: gray;
 font-size: 18px;
 font-weight: normal;
 font-style: italic;
 text-decoration: underline;
}

#plan_du_site
{
 z-index: 1;
 position: absolute;
 top: 0px;
 left: 0px;
}

#plan_du_site p
{
 height: 20px;
 color: white;
 font-weight: bold;
 margin: 0;
 border: solid 1px white;
 background-color: black;
 opacity: 0.1;
 filter: alpha(opacity=10);
}

#plan_du_site img
{
 display: none;
 opacity: 0.8;
 filter: alpha(opacity=80);
}

#banderole
{
 height: 120px;
 opacity: 0.5;
 filter: alpha(opacity=50);
 border: solid black;
 margin: auto;
 background-image: url("Collection/banderole.jpg");
}

h1
{
 position: absolute;
 top: 10px;
 height: 50px;                                                                                                                                                                                                                          
 border: solid black ;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 opacity: 0.5;
 filter: alpha(opacity=50);
 text-align: center;
 background-image: url("Collection/fond_titre1.png");
}

#menu
{
 width: 200px;
 margin: auto;
 padding: 0;
}

.rubrique                                                            
{
 display: block;
 height: 30px;
 width: 200px;
 font-size: 20px;                                                                                                                                                                                  
 text-align: center;
 list-style-type: none;
 margin: auto;
 margin-bottom: 10px;
 border: solid 2px black ; 
 opacity: 1;
 filter: alpha(opacity=100);
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px; 
 -webkit-transition: color 0.5s linear;
 -moz-transition: color 0.5s linear;
 background-image: url("Collection/rubrique_menu1.png");
}

.rubrique:hover                                                           
{
 color: white;
 -ms-transform: translateY(2px);
 -moz-transform: translateY(2px);
 -webkit-transform: translateY(2px);
}

#en_tête
{
 height: 20px;
 text-align: center;                                                                                                                                                                                             
 margin-top: 50px;
 margin-bottom: 20px;
 border: solid black; 
 background-image: url("Collection/en_tete.png");
}

#diapo
{
 font-size: 12px;
 color: white;
 margin: auto;
 padding: 0;
}

img
{
 border: none;                                                                                                                                                                                   
}

.mosaique:hover                                                         
{
 height: 51px;                                                                                                                                                                                   
 width: 51px;
}

#gif_titre
{
 height: 20px;
 width: 200px;
 color: white;
 font-size: 15px; 
 opacity: 0.5;
 filter: alpha(opacity=50);
 margin: auto;
 margin-bottom: 20px;
 background-image: url("Collection/rubrique.png");
}

#canevas
{ 
 width: 270px;
 margin: auto;
 padding: 10px;
 border: solid black;
 background-image: url("Collection/canevas.png");
}

a
{
 color: gray;
 text-decoration: none;
}

ul
{
 list-style-type: none;
}

ul ul
{
 display: none;
 position: absolute;
 top: -30px;
 left: 0px;
 list-style-type: none;
 padding: 0;
}

li
{
 position: relative;
 top: 30px;
}

li:hover ul
{
 display: block;
}

ul ul .rubrique
{
 width: 150px;
 margin: 0;
}

#actu
{
 width: 600px;
 color: white;
 margin: auto;
 margin-top: 20px;
 padding: 0;
 border: solid 1px white;
 background-color: black;
}

#footer
{
 position: absolute;
 top: 1145px;
 width: 0px;
 height: 30px;
 opacity: 0.5;
 filter:alpha(opacity=50);
 background-image: url("Collection/fond_titre1.png");
}