/* TOP */
.background-index{
    background-image: url('/assets/images/index/bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: 230vh 55vw;
}
.index-header{
    margin-bottom: 2.5vh;
}
.evolve-container{
    padding: 0vh;
    margin-left: 4.5vw;
}
.aerendir-logo{
    margin-top: -1vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aerendir-logo img{
    margin-left: -6%;
    width: 75vh;
}
.evolve-title{
    margin-top: -2.5vh;
    font-size: 3vh;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0 0 0.5vh transparent, 0 1.0.5vh 0.2vh rgb(0 0 0 / 100%);
}
.evolve-txt{
    margin-top: -2vh;
    text-align: justify;
    font-size: 2.8vh;
    font-family: 'Roboto Condensed', sans-serif;
    text-shadow: 0 0 0.5vh transparent, 0 1.0.5vh 0.2vh rgb(0 0 0 / 100%);
    width: 60%;
}
.explore-txt{
    margin-top: 1vh;
    text-align: justify;
    font-size: 4vh;
    font-family: 'Roboto Condensed', sans-serif;
    text-shadow: 0 0 0.5vh transparent, 0 1.0.5vh 0.2vh rgb(0 0 0 / 100%);
    width: 60vh;
}
.explore-txt a{
    font-size: 2.8vh;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
}
.evolve-btn{
    margin-left: 3.2%;
    margin-bottom: 8vh;
    display: flex;
    align-items: center;
    width: 41vh;
    justify-content: space-between;
    font-family: 'Roboto Condensed', sans-serif;

}
.evolve-btn-text1{
    display: flex;
    justify-content: center;
    color: #f7b10a;
    background-color: #0000008f;
    border: solid 0.1vh #f7b10a;
    padding: 1.5vh 3.2vh;
    font-size: 1.8vh;
    transition: 0.2s;
}

.evolve-btn-text1:hover{
    display: flex;
    color: #ffd089;
    align-items: center;
    border: solid 0.1vh #f7b10a;
    background-color: #b37a00;
    padding: 1.5vh 3.2vh;
    transition: 0.5s;
}

.evolve-btn-text2{
    display: flex;
    justify-content: center;
    background-color: #ff00006b;
    color: #f7b10a;
    border: solid 0.1vh #9b0202;
    padding: 1.5vh 3.2vh;
    font-size: 1.8vh;
    transition: 0.2s;
}
.evolve-btn-text2:hover{
    display: flex;
    color: #ffd089;
    align-items: center;
    border: solid 0.1vh #9b0202;
    background-color: #e41111;
    padding: 1.5vh 3.2vh;
    transition: 0.5s;
}
/* Choix */
.choix-infos-dem>button{
    font-family: 'Raleway', sans-serif;
    font-size: 3.5vh;
    border: none;
    margin: 1vh 8vh;
    text-align: center;
    background: none;
}
/* Actu */
.actu-container{
    padding: 0vh;
    margin-top: -3vh;
    width: 90%;
    margin-left: 4.5vw;
}
.actu-container h3{
    font-family: 'Oswald', sans-serif;
    font-size: 2.7vh;
}

.actu-sub-container{
    display: flex;
    justify-content: space-between;
    padding-bottom: 2vw;
}
.actu-txt1{
    display: flex;
    justify-content:flex-end;
    flex-direction: column;
    background: url('/assets/images/actu/actu1.jpg') center center no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: 100% 100%;
    height: 20vh;
    width: 40vh;
}
.actu-txt2{
    display: flex;
    justify-content:flex-end;
    flex-direction: column;
    background: url('/assets/images/actu/actu2.png') center center no-repeat;
    background-position: center center;
    background-attachment:scroll;
    background-size: 100% 100%;
    height: 20vh;
    width: 40vh;
    filter: sepia(0);
}
.actu-txt3{
    display: flex;
    justify-content:flex-end;
    flex-direction: column;
    background: url('/assets/images/actu/actu3.jpg') center center no-repeat;
    background-position: center center;
    background-attachment:scroll;
    background-size: 100% 100%;
    height: 20vh;
    width: 40vh;
}
.actu-txt4{
    display: flex;
    justify-content:flex-end;
    flex-direction: column;
    background: url('/assets/images/actu/actu4.jpg') center center no-repeat;
    background-position: center center;
    background-attachment:scroll;
    background-size: 100% 100%;
    height: 20vh;
    width: 40vh;
}
.actu-border{
    border: solid 0.1vh #303030c9;
    color: #ffd724;
    text-shadow: 0 0 0.1vh transparent, 0 0.1vh 0.2vh rgb(0 0 0 / 100%);
}
.actu-border:hover{
    border-color: #f7b10a;
    color: #fff;
}
.actu-date{
    margin-bottom: -1vh;
    margin-left: 1vh;
    font-size: 1.3vh;
    font-family: 'Oswald', sans-serif;
    color: #bbbbbb;
}
.actu-txt{
    margin-bottom: 0.3vh;
    margin-left: 1vh;
    margin-right: 1vh;
    font-size: 1.8vh;
    font-family: 'Oswald', sans-serif;
    text-shadow: -0.1vh 0.1vh 0 #000,
                 0.1vh 0.1vh 0 #000,
                 0.1vh -0.1vh 0 #000,
                 -0.1vh -0.1vh 0 #000;
}

/* BODY */

.index-body-border{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.index-body-border2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 0.5vh;
}
.index-body-border a{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.index-body-box1{
    color: #da9500;
    display: flex;
    background-color: #211510;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    margin-right: 0.2vh;
    border: solid 0.2vh #303030c9;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0 0 0.1vh transparent, 0 1.0.5vh 0.2vh rgb(0 0 0 / 100%);
}
.index-body-box1:hover{
    border: solid 0.2vh #b37a00; 
}
.index-body-box1 img{
    width:100%;
    height: 82%;
    margin-top: -0.1vh;
    border: solid 0.1vh #303030c9;
    background-position: center center;
    background-attachment:scroll;
    background-size: 100% 100%;
}
.index-body-box2{
    color: #da9500;
    display: flex;
    background-color: #211510;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    margin-left: 0.2vh;
    border: solid 0.2vh #303030c9;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0 0 0.1vh transparent, 0 1.0.5vh 0.2vh rgb(0 0 0 / 100%);
}

.index-body-box2:hover{
    border: solid 0.2vh #b37a00; 
}
.index-body-box1 h1{
    font-size: 3.3vh;
}
.index-body-box2 h1{
    font-size: 3.3vh;
}
.index-body-box2 img{
    width:100%;
    height: 82%;
    margin-top: -0.1vh;
    border: solid 0.1vh #303030c9;
    background-position: center center;
    background-attachment:scroll;
    background-size: 100% 100%;
}
.index-body-txt{
    font-size: 1.8vh;
    margin-top: -2vh;
    margin-left: 1vh;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    text-align: center;
}

/* SIDE-RIGHT */

.index-side-rightbox{
    margin-top: 0.5vh;
    padding-top: 3vh;
    padding-bottom: 3vh;
    border: solid 1.0.5vh #303030c9;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    background-image: url("/assets/images/index/body-side/trame.jpg");
    background-position: center center no-repeat;
    background-attachment: scroll;
    background-size: 100%;
    text-shadow: 0 0 0.1vh transparent, 0 1.0.5vh 0.2vh rgb(0 0 0 / 100%);
}
#derniere-trame{
    margin-right: 14vw;
    font-size: 1.8vh;
    color: #fff;
}
.index-side-rightbox h1{
    font-family: 'Oswald', sans-serif;
    margin-right: 14vw;
    font-size: 5.5vh;
    margin-top: -2vh;
}
.index-side-right-txt{
    color: #fff;
    display: flex;
    text-align: justify;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: wrap;
    font-size: 1.8vh;
    margin-top: -4vh;
    margin-right: 14vw;
    width: 50%;
    text-shadow: -0.1vh 0.1vh 0 #000,
                      0.1vh 0.1vh 0 #000,
                      0.1vh -0.1vh 0 #000,
                      -0.1vh -0.1vh 0 #000;
}
.index-right-side-btn{
    margin-right: 1.4vw;
    display: flex;
    align-items: center;
    width: 20%;
    font-family: 'Roboto Condensed', sans-serif;
}
.index-left-side-btn{
    margin-left: 14vw;
    display: flex;
    align-items: center;
    width: 20%;
    font-family: 'Roboto Condensed', sans-serif;
}
.index-side-btn-txt{
    display: flex;
    justify-content: center;
    color: #f7b10a;
    background-color: #0000008f;
    border: solid 0.1vh #f7b10a;
    padding: 1.5vh 3.2vh;
    font-size: 1.8vh;
    transition: 0.2s;
    margin-bottom: 1.5vh;
}

.index-side-btn-txt:hover{
    display: flex;
    color: #ffd089;
    align-items: center;
    border: solid 0.1vh #f7b10a;
    background-color: #b37a00;
    padding: 1.5vh 3.2vh;
    transition: 0.5s;
}
/* SIDE-LEFT */
.index-side-leftbox{
    padding-top: 3vh;
    padding-bottom: 3vh;
    margin-top: 0.5vh;
    border: solid 1.0.5vh #303030c9;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-image: url("/assets/images/index/body-side/amis.jpg");
    background-position: center center no-repeat;
    background-attachment: scroll;
    background-size: 100%;
    text-shadow: 0 0 0.1vh transparent, 0 1.0.5vh 0.2vh rgb(0 0 0 / 100%); 
}
.index-side-leftbox h1{
    margin-top: 4vh;
    font-family: 'Oswald', sans-serif;
    margin-left: 14vw;
    font-size: 5.5vh;
}
.index-side-left-txt{
    color: #fff;
    display: flex;
    text-align: justify;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 1.8vh;
    margin-top: -4vh;
    margin-left: 14vw;
    width: 50%;
    text-shadow: -0.1vh 0.1vh 0 #000,
                 0.1vh 0.1vh 0 #000,
                 0.1vh -0.1vh 0 #000,
                 -0.1vh -0.1vh 0 #000;
}

/* Progress Message */