/* body page index */
#div_body_index{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#header_index{
    /*position: fixed;*/
    width: 100%;
    display: flex;
    color: white!important;
    /*background-color: #73d0ff31;*/
    z-index: 1049;
}

 #divlogo{
    align-items: center;
    text-align: center;
    width: 30%;
    height: 100%;
}
#user_logo_index{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
}

#filsariane{
    width: 80%;
}
/*
a:hover{
    color: azure;
    transition: 1s;
}

.bord-fin{
    border: 2px solid white!important;
        border-radius: 5px;
        margin-right: 10px;
        width: 300px;

}
/* Nav bar
#div_body_index nav{
    display: flex;
    flex-direction: column;
    margin-top: 5%;
    margin-bottom: 2%;
}

#div_body_index #div1{
    display: flex;
    justify-content: center;
}


/* barre de recherche
.bordertopsearch{
    border-top: 2px solid #70D0FF;
}

/* menu principal
 .index_link{
    color: white;
    margin: 2px;
}

  .index_link_mobile{
    color: black;
}

/* Renf et tonification
#sectionvideo{
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0 20% 0 20%;
}
#sectionvideo h1{
    color: white;
}

/* Barre de recherche
#searchinput::placeholder{
    color: gray!important;
}

ul,li{
list-style: none;
}

/* mentions text
.colorMentions {
    color: white;
    background-color: rgb(255 255 255 / 18%);
    border-radius: 10px;
    border: solid 1px rgba(255, 255, 255, 0.418);
}

.swiper-pagination-bullet{
    background-color: white!important;
}



/*nav ul{*/
    /*list-style-type: none;*/
/*}*/

/*nav ul li{*/
    /*float: left;*/
    /*width: 25%;*/
    /*text-align: center;*/
    /*position: relative;*/
/*}*/

/*nav ul::after{*/
    /*content: "";*/
    /*display: table;*/
    /*clear: both;*/
/*}*/

/*
.index_nav{
    width: 100%;
   margin-top: 5%;
    display: flex;
    justify-content: center;
}

.index_nav > div{
    width: 80%;
    display: flex;
    flex-direction: row;
justify-content: center
;}
nav a{
    /*display: block;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding: 10px 0px;
}

nav a:hover{
    color: white;
    /*border-bottom: 2px solid;
}

.sous{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: rgba(255, 255, 255, 0.479);
    position: absolute;
    width: 100%;
    z-index: 1000;
    color: white;
}
nav > ul li:hover .sous{
    display: block;
}

.sous li:hover {
    background-color: #2859759c;
    transition: 1s;
}
.sous li{
    float: none;
    width: 100%;
    text-align: left;
}
.sous a{
    padding: 10px;
    border-bottom: none;
    color: white!important;
}
.sous a:hover{
    border-bottom: none;
    background-color: RGBa(200,200,200,0.1);
}
.deroulant > a::after{
    content:" ▼";
    font-size: 12px;
}

.conteneur{
  margin: 50px 20px;
  height: 150px;
}
*/