#contact-header {padding-top: 80px; padding-bottom: 80px;}
#contact-header .contenu{padding: 40px 100px; border-radius: 25px;}
#contact-header .contenu a{margin-left: 100px;}

.titre_info{margin-bottom: 60px!important;}

.suite-couleur-header {height: 50px; width: 100%; background-color: #dbf5f5; position: absolute; left: 0px; z-index: -1;}

.contact-card {padding: 50px 40px; background: #FFFFFF; box-shadow: 0px 7px 22px rgba(143, 134, 196, 0.07); border-radius: 20px;}
.form-div.col-6 {width: 48%}

.contactLocaux, .contactHand{display:flex;flex-wrap:wrap}
.contactHand{padding-top:50px;padding-bottom:50px}
.svgContact{width:20%}
.pgContact{width:80%}
.mt-40{margin:0px;margin-right:9%;margin-left:9%}
.mailToC{width:100%}

#nom-error,#email-error,#sujet-error,#message-error,#format-error{display: none;}
.texte_message {resize: vertical;height: 50px;border-radius: 8px;background-color: #f2f2f2 !important;border: none !important;}

@media (max-width:1280px) and (min-width:1024px){
    .svgContact{width:25%}
    .pgContact{width:75%}
}
@media (max-width:1024px){
    .svgContact{width:100%}
    .pgContact{width:100%}
    .contactLocaux, .contactHand{text-align:center}
}
@media (max-width:992px){#contact-header .contenu a {margin-left: 20px; width: 100%!important; }}
@media (min-width:992px){.form-div:first-child{padding-right: 5px!important;}}
@media (max-width:576px){
    .container_globale{padding: 30px 0px!important; width: 100%!important;}
    .contenu{flex-direction: column; padding: 20px 35px!important; width: 90%!important;}
    .container_btn_faq{display: flex; margin-top: 20px;}
    .btn_faq{margin-left: 0px!important; padding: 10px 60px!important;}
    .titre_info{font-size: 30px!important; margin-bottom: 20px!important;}
    .contact-card {padding: 20px !important;}
    .segment_etape{margin-top: 10px!important;}
    .contactHand {padding: 30px 0px!important;}
}