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


/*_____________FOND_____________*/
body
{
z-index: 1;
background-color: #424242;
background-image: url("images/motif_fond.png");
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 800px;
font-weight:normal;
font-size: 12pt;
}


#conteneur
{
z-index: 2;
width:838px ;
height:767px ;
background-image: url("images/zone-noir.png");
}



/*_____________BANNIERE_____________*/
#contour_ban
{
z-index:3;
width:761px ;
height:177px ;
background-image: url("images/contour_exterieur_ban.png");
margin-top: -719px;
margin-left: 39px;
}


#banniere
{
z-index:4;
width:740px ;
height:160px ;
margin-top: -168px;
margin-left: 50px;
}



/*_____________LOGO_____________*/
#logo
{
z-index:5;
width:283px ;
height:104px ;
background-image: url("images/logo.png");
margin-top:-55px;
margin-left: 30px;
position: absolute;
}



/*_____________MENU_____________*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
color: #FFFFFF;
}

#menu {
z-index:100;
position: absolute;
margin-top : 45px;
margin-left : 150px;
}

#menu li {
font-family:  Arial, Helvetica, sans-serif;
}

#menu dl {
float: left;
width: 110px;
}

#menu dt {
height: 35px;
line-height: 35px;
vertical-align: middle;
cursor: pointer;
text-align: center;
font-weight: bold;
background-image: url("images/image-menu1.png");
border: 0 none;
}

#menu dt.deco {
background-image: url("images/image-menu1.png");
}

#menu dd {
border: 0 none;
}

#menu li.debut {
text-align: center;
background-image: url("images/image-menu-deroulant1.png");
}

#menu li.milieu {
text-align: center;
background-image: url("images/image-menu-deroulant2.png");
}

#menu li.milieu_petit {
text-align: center;
background-image: url("images/image-menu-deroulant2.png");
font-size: 14px;
}

#menu li.fin {
text-align: center;
background-image: url("images/image-menu-deroulant3.png");
}

#menu li a, #menu dt a {
height: 35px;
line-height: 35px;
vertical-align: middle;
color: #CCCCCC;
text-decoration: none;
display: block;
border: 0 none;
}

#menu li a:hover{
/*background-image: url("images/image-menu-survol.png");*/
}

#menu a:hover{
color: #eb6909;
}

#astuce{
margin left: -300px;
}



/*_____________CONTENU_____________*/
#contenu
{
z-index:6;
width:816px ;
height:378px ;
background-image: url("images/contenu.png");
margin-left: 11px;
margin-top: 100px;
}


p.titre{
width: 816px;
text-align: center;
padding-top:25px;
font-size: 20px;
font-style: italic;
}

p.contenu_text
{
text-align: justify;
width: 410px;
margin-left : 100px;
padding-top: 0px;
font-family: Arial, Helvetica, sans-serif;
}

p.centrer{
width: 816px;
text-align: center;
padding-top: -35px;
font-family:  Arial, Helvetica, sans-serif;
}

span.orange
{
color: #eb6a14;
font-style:italic;
}

p.titre{
font-family:  Arial, Helvetica, sans-serif;
}

p.contenu_mentions
{
text-align: justify;
width: 610px;
margin-left : 100px;
padding-top: 0px;
font-family: Arial, Helvetica, sans-serif;
}



/*_____________IMAGE VERTICALE_____________*/
#img{
z-index: 7;
position: absolute; 
margin-top: -330px;
padding-left: 550px;
}

#img.tube{
padding-top:70px;
}

#img.cd{
padding-top:20px;
}

#img.dvd{
padding-top:40px;
}

#img.livret{
padding-top:30px;
}



/*_____________MENTIONS_____________*/
#barre_mentions
{
z-index:8;
width:501px ;
height:43px ;
background-image: url("images/barre_mentions.png");
margin-top: -20px;
margin-left:170px;
}

#mentions
{
width: 816px;
text-align: center;
font-size: 12px;
margin-top: -15px;
margin-left: 18px;
}



/*_____________LIENS_____________*/
a
{
text-decoration: none;
color: #FFFFFF;
}

a:hover
{
text-decoration: underline;
color: #eb6909;
}