img{
	transition: transform .4s;
}
img:hover{
	transform:scale(1.2);
}
h1{
    text-align:center;
}
h2{
    text-align:left;
    margin-bottom:50px;
}
h1.h1-hp12345678{
    margin-bottom:50px;
}
p{
    text-align:left;
}
.faq-container{
    width:100%;
    margin:50px auto 50px auto;
    margin-left:35px;
}
.container-hub{
    display:flex;
    flex-direction: row;
    justify-content: start;
    margin:auto 0 auto 0;
    width:100%;
}
.container-links{
    display:flex;
    flex-direction:column;
    width:330px;
    margin:50px auto auto 0;
    background-color:#c4dff6;
}
.complete-link{
    display:flex;
    margin:0 5px 0 0;
    width:
}
.numero{
    color:orange;
    width:25px;
    margin:5px;
    font-weight:1000;
    letter-spacing:-1pt;
}
.a-bloc-link{
    width:291px;
    margin:5px 0 5px 0;
    text-decoration:none;
    letter-spacing:-1pt;
    line-height: 1.1;
}
.articles{
    display:flex;
    flex-direction:column;
    width:70%;
    margin:auto 0 auto auto;
    font-weight: 700;
}
.hubPage{
    text-align:center;
    width:624px;
    margin:25px auto 25px 0;
}
.hubPage.img-faq{
    text-align:center;
}
.img-faq{
    width:350px;
    text-align:center;
    margin:50px auto 50px auto;
}
.articles h1{
    text-align:center;
    margin:auto;
    padding-left:8px;
}
.articles h2{
    margin:25px auto 25px auto;
    text-align:left;
    padding-left:8px;
}
.articles p{
    margin:25px auto 25px auto;
    padding-left: 20px;
    font-weight:650;
}
.href-link{
 width:340px;
 margin: 25px 25px 25px auto;
 text-align:right;
}
.a-link{
    font-size:9px;
    text-align:right;
    color:black;
    text-decoration:none;
}
.link-down{
    text-align:center;
    margin:40px auto 40px auto;
}
.a-link-down{
    color:#007bff;
    text-decoration:none;
    text-align:center;
    margin:auto;
}
/*a coller*/
#acoller.floatable {
    position: fixed;
    top: 50px;
    left:35px;
    margin:auto;
 }
iframe{
    width:560px;
    height:315px;
    margin:50px auto 50px auto;
}
@media screen and (min-width:1024px) and (max-width:1399px){
    h1{
        margin-left:10px;
    }
    .articles{
        width:65%;
        margin:50px 0 50px auto;;
    }
    iframe{
        padding:15px;
    }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .faq-container{
        width:768px;
        margin-left:10px;
    }
    h1{
        margin-left:10px;
    }
    h2{
        width:460px;
    }
    .articles{
        width:470px;
    }
    .container-links{
        width:250px;
    }
    #acoller.floatable {
        position: fixed;
        top: 50px;
        left:10px;
        margin:auto;
    }
    .hubPage{
        width:470px;
        margin-right:0;
        padding-right:15px;
    }
    iframe{
        padding:15px;
    }
}
@media screen and (min-width:576px) and (max-width:767px){
    .faq-container{
        width:576px;
        margin:50px auto 50px auto;
    }
    h1{
        margin-left:10px;
    }
    .container-hub{
        flex-wrap:wrap;
    }
    .container-links{
        width:400px;
        margin:auto;
    }
    .hubPage{
        width:556px;
    }
    .articles{
        width:556px;
        margin:auto;
        padding:10px;
    }
    #acoller.floatable {
        position: relative;
        top: 50px;
        left:0;
        margin:auto;
    }
    iframe{
        padding:15px;
    }
}
@media screen and (min-width:320px) and (max-width:575px){
    .fildariane{
        margin: -5px auto auto auto;
    }
    .faq-container{
        width:320px;
        margin:10px auto -22px auto;
    }
    h1{
        margin-left:10px;
    }
    .img-faq{
        width:320px;
        margin:20px auto 20px auto;
    }
    .container-hub{
        flex-wrap:wrap;
    }
    .container-links{
        width:320px;
        margin:auto;
    }
    .hubPage{
        width:320px;
        margin:auto auto -35px auto;;
    }
    .articles{
        width:320px;
        margin:auto;
        padding:0;
    }
    .articles h1{
        text-align:left;
    }
    .articles h2{
        margin:0 auto -15px auto;
    }
    #acoller.floatable {
        position: relative;
        top: 50px;
        left:0;
        margin:auto;
    }
    iframe{
        width:320px;
        height:160px;
        padding:15px;
    }
    .link-down{
        margin:40px auto 0 auto;
    }
}