@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");

/*
    TODO

    - Modifier la taille de la height de l'image en question dans la variable --height qui se trouve dans body (2200px actuellement)
    - Copier coller ca la ligne .es .main-es{.. et modifier le background avec l'image qui correspond et modifier la height si différente que les autres
    - Ne pas oublier de changer le nom de l'image FR dans le .main si le nom est différent 
*/

* {
    box-sizing: border-box;
    margin: 0;
}


body{
    font-family: sans-serif;
    --height: 2872px;
}
.inner{
    width: 1400px;
    margin: 0 auto;
}

#navbar{
    position: relative;
    padding: 10px 0;
    height: 92px;
}

#navbar nav {
    display:inline-block;
    vertical-align:middle;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

#navbar .logo{
    position: absolute;
    top: 50%;
    left: 150px;
    transform: translateY(-50%);
}

#navbar .logoAvent{
    width:168px;
    margin-left:10px;
    top:0;
    position: absolute;
    top: 50%;
    right: 150px;
    transform: translateY(-50%);
}

footer{
    position:relative;
}

footer .logoFooter{
    width:254px;
    left:0;
    position:absolute;
    margin:10px 222px;
}

footer p{
    width:199px;
    position:absolute;
    font-family:Roboto,sans-serif;
    right:0;
    top:0;
    margin:20px 222px;
    text-align:right;
}

.main{
    background:url("../images/section/belgique.jpg") no-repeat 50%;
    height:4305px;
    position:relative;
}

.content{top:0}

.content .mac{position:absolute;top:380px;z-index:2;margin-left:436px}

.bilan-button-link{position:absolute;top:710px;margin-left:145px;width:232px;height:50px;border-radius:5px;}

.preload{position:fixed;left:0;top:0;width:100%;height:100%;z-index:3;background:url(../images/gif/Preloader_2.gif) 50% no-repeat #fff}

.Menu .Menu-item{display:inline-block;vertical-align:middle}
.Menu .Menu-item:not(:last-child){margin-right:8px}
.Menu a,.Menu span{transition:all .4s ease}
.Menu a{text-decoration:none;display:block;width:38px;height:38px;border:1px solid #000000;border-radius:50%;text-align:center}
.Menu span{font-family:Roboto,sans-serif;color:#000000;font-weight:700;font-size:14px;line-height:2.8em}
.Menu .Menu-item--active a,.Menu .Menu-item:hover a{background-color:#000000}
.Menu .Menu-item--active span,.Menu .Menu-item:hover span{color:#fff}

.es .main-es{background:url("../images/section/espagne.jpg") no-repeat 50%;height:var(--height);position:relative}

.it .main-it{background:url("../images/section/it.jpg") no-repeat 50%;height:var(--height);position:relative}

.ch .main-ch{background:url("../images/section/suisse.jpg") no-repeat 50%;height:var(--height);position:relative}

.nl .main-nl{background:url("../images/section/pays-bas.jpg") no-repeat 50%;height:var(--height);position:relative}

.uk .main-uk{background:url(../images/section/hr-bilan-uk.jpg) no-repeat 50%;height:var(--height);position:relative}

.su .main-su{background:url(../images/section/hr-bilan-su.jpg) no-repeat center;height:var(--height);position:relative}