#bloc_et .bandeau_sous_titre
{
    font-size: 27px;
}
#bloc_et 
{
    box-shadow: 0px 55px 40px -27px rgba(70,80,85,0.58);
}
.gallery 
{
    text-align: center;
    margin-top: 16vh;
}


@media screen and (min-width: 768px) {
    #bloc_equipe
    {
        margin-top: 16vh;
    }
}

@media screen and (max-width: 767px) {
    #bloc_equipe
    {
        margin-top: 16vh;
    }
}

#bloc_localisation, #bloc_contact 
{
    margin-top: 10vh;
}
#partenaire 
{
    text-align: center;
    margin-top: 16vh;
}
#partenaire .mosaique 
{
    flex: 1;
    width: 33%;
    text-align: center;
    margin: auto;
}
#partenaire .client
{
    width: 100%;
    transform: skewY(5deg);
}
#partenaire .client:hover
{
    -o-transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    -webkit-transform: skewY(0deg);
    transform: skewY(0deg);
}
#partenaire .client img:hover
{
    width: 100px;
    opacity: 1;
}
#bloc_contact  
{
    text-align:center;
    letter-spacing: 0px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}
#bloc_equipe .module, #bloc_equipe .photo, #bloc_localisation .texte, #bloc_localisation .gmap
{
    flex:2;
}
#bloc_equipe .photo .ligne img
{
    flex:3;
    cursor: pointer;
    border-radius: 5px;
}
#overlay_photo 
{
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 99;
    height: 100vh;
    text-align: center;
    display: none;
}
#overlay_photo #close_qsn
{
    cursor: pointer;
    position: absolute;
    top: 0px;
}
#bloc_localisation .bandeau_sous_titre, #bloc_contact .bandeau_sous_titre, #bloc_client .bandeau_sous_titre
{
    top: 0px;
    bottom: inherit;
}
#bloc_localisation .texte 
{
    justify-content: center;
    align-self: center;
    letter-spacing: 0px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}
.height_bandeau 
{
    height: 80px;
    width: 100%;
}
#form_contact label
{
    display: inline-block;
    width : 150px;
}
#form_contact input, #form_contact textarea
{
    border: 0px;
    border-bottom: 2px solid #465055;
    font-family: Arial;
    font-size: 14px;
    line-height: 20px;
    padding: 5px;
    border-left: 2px solid #dedede;
    border-right: 2px solid #dedede;
    border-top: 2px solid #dedede;
}
#form_contact textarea 
{
    resize: none;
    width: 350px; 
    height: 150px;
}
#form_contact .field 
{
    margin-top: 10px;
}
#consentement_text 
{
    width: 550px !important;
    margin-bottom: 30px;
    margin-top: 30px;
}
#btn_qsn 
{
    padding: 10px !important;
    background: #398CE6 !important;
    color: #fff !important;
    font-size: 17px !important;
    border: 0px !important;
    border-radius: 5px !important;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* RESPONSIVE */

@media screen and (max-width: 1127px)
{
   #body_qsn .texte_fin, #body_qsn .rubrique_texte
   {
        line-height: 24px;
        font-size: 15px;
   }
   .point_bleu
   {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
   }
   #body_qsn .rubrique_image
   {
       flex: 3;
   }
   #body_qsn .bandeau_sous_titre
   {
       font-size: 15px !important;
   }
}

@media screen and (max-width: 974px)
{
    #bloc_equipe
    {
        display: block;
        text-align: center;
    }
    #module_equipe
    {
        text-align: center;
    }
    #module_equipe iframe
    {
        width: 90%;
    }
    #overlay_photo #close_qsn
    {
        left: 86%;
    }
}

@media screen and (max-width: 964px)
{
   #body_qsn .texte_fin, #body_qsn .rubrique_texte
   {
        line-height: 24px;
        font-size: 12px;
   }
   .point_bleu
   {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
        width: 25px;
        height: 22px;
        padding-top: 2px;
   }
}

@media screen and (max-width: 780px)
{
    #body_qsn .rubrique_texte
    {
        display: none;
    }
    
    #body_qsn .rubrique_image
    {
        margin-bottom: 45px;
    }
    
    #body_qsn .bandeau_sous_titre
    {
        width: 100%;
    }
    
    #bloc_localisation 
    {
        display: block;
    }
    
    #module-html 
    {
        width: 100% !important;
    }
    
    .bandeau_sous_titre {
        font-size: 13px;
    }
    
    #bloc_localisation  .bandeau_sous_titre {
        top: -35px;
    }
    
    #overlay_photo #close_qsn
    {
        left: 80%;
    }
}
@media screen and (max-width: 602px)
{
    #bloc_localisation .texte, #bloc_contact
    {
        font-size: 13px;
    }
    #overlay_photo #close_qsn
    {
        left: 15%;
    }
    #bloc_equipe img 
    {
        width: 100px;
    }
    #form_contact textarea
    {
        width: 260px;
    }
    #consentement_text
    {
        width: 260px !important;
    }
}
@media screen and (max-width: 500px)
{
    #partenaire
    {
        display: block;
    }
    #partenaire .client
    {
        display: inline-block;
        width: 50px;    
    }
    #partenaire .client img
    {
        width: 50px;
    }
    #partenaire .client
    {
        transform: skewY(0deg);
    }
    #partenaire .client:hover
    {
        width: inherit !important;
    }
}