body { 
background-image: url(Background.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
#logo{
margin-left: 20%;
max-width: 70%;
}
.site {
margin: auto;
background-color : #FFFFFF;
border-radius: 20px 20px 0 0;
width : 80%; 
height : auto;
} 
.partie {
font-size: 40px;
text-align: center;
text-decoration: underline;
color :
}
.souspartie{
font-size: 30px;
text-align: center;
text-decoration: underline;
color :
}
.intro{
padding: 0 20px 0 20px;
text-indent: 2em;
text-align: justify;
font-size: 20px;
}
.para{
text-indent: 2em;
font-size: 20px;
text-align: justify;
}
#imgintro{
margin:auto;
}

/* Onglet */

#menu-d, #menu-d ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
border-radius: 5 2 2 5;
}

#menu-d li{
display:inline-block;
position:relative;
border-radius: 5 2 2 5;
}

#menu-d ul li{
display:inherit;
border-radius:2 2 2 2 ;
}

#menu-d ul li:hover{
border-radius:0;
}

#menu-d ul li:last-child{
border-radius:0 0 10px 10px;
}

#menu-d ul{
position:absolute;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}

#menu-d li:hover ul{
max-height:15em;
}

/* background des liens menus */

#menu-d li:first-child{
background-color: #4bb5c1;
}

#menu-d li:nth-child(2){
background-color: #4bb5c1;
}

#menu-d li:nth-child(3){
background-color: #4bb5c1;
}

#menu-d li:last-child{
background-color: #4bb5c1;
}

}

/* background des liens sous menus */

#menu-d li:first-child li{
background-color: #4bb5c1;
}

#menu-d li:nth-child(2) li{
background-color: #4bb5c1;
}

#menu-d li:nth-child(3) li{
background-color: #4bb5c1;
}

#menu-d li:last-child li{
background-color: #4bb5c1;
}

/* background des liens menus et sous menus au survol */

#menu-d li:first-child:hover, #menu-d li:first-child li:hover{
background:White;
}

#menu-d li:nth-child(2):hover, #menu-d li:nth-child(2) li:hover{
background:white;
}

#menu-d li:nth-child(3):hover, #menu-d li:nth-child(3) li:hover{
background:white;
}

#menu-d li:last-child:hover, #menu-d li:last-child li:hover{
background:white;
}

/* les a href */

#menu-d a{
text-decoration:none;
display:block;
padding:8px 32px;
color:#39383a;
font-family:arial;
}

#menu-d ul a{
padding:8px 0;
}

#menu-d li:hover li a{
color:#39383a;
text-transform:inherit;
}

#menu-d li:hover a, #menu-d li li:hover a{
color:#39383a;
}