footer.flex{background:#0c2372 url('https://www.afce-sas.fr/IMG/imports/pattern-2.svg') repeat center top;background-size:150px auto;color:white;align-items:stretch;min-height:100px;padding:30px}
footer #navigation{text-align:left;width:250px}
footer nav{width:auto;padding-right:50px;white-space:nowrap;margin-right:30px}
footer strong.title{text-transform:uppercase;font-weight:500;font-size:.9375rem;letter-spacing:.1rem;color:white;display:block;width:100%;border-bottom:1px solid #7ccbf4;transition:color 300ms}
footer nav a{font-weight:300;color:#7ccbf4;font-size:.875rem;text-transform:uppercase;transition:color 500ms}
footer nav a:hover{color:white!important}
footer strong.title{width:100%;color:white;display:block;font-size:1rem;margin-bottom:10px}
#footer_logo{text-align:center}
#footer_logo picture,#footer_logo img{width:150px;object-fit:contain;object-position:center center}
#contact_footer{width:250px;text-align:right;color:#7ccbf4}
#contact_footer p{width:100%;white-space:normal}
#contact_footer a{color:white;transition:color 300ms}
#contact_footer a:hover{color:white}
#legals{width:100%;color:#7ccbf4;font-size:.8125rem;margin-top:30px;text-align:center}
#legals a{color:#7ccbf4;transition:color 300ms}
@media screen and (max-width:900px){#footer_logo{margin:30px auto}
footer #navigation,#contact_footer{width:100%}}
#contact{position:relative}
#contact .section_title{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;max-width:1200px}
#contact .section_title strong{width:calc(50% - 65px)}
#contact .section_title div{width:50%;text-align:left}
#contact .left,#contact .right{width:calc(50% - 50px)}
#contact .full{width:100%}
#contact.angle::before{top:-85px;left:calc(((100% - 1200px) / 2) + (((1200px / 2) - 370px) / 2))}
#contact form{text-align:left}
#contact form label,#contact form input,#contact form textarea{display:block;width:100%;font-size:1.125rem;border-color:#7ccbf4}
#contact form label{font-family:"Jost",sans-serif;margin-bottom:5px}
#contact form .checkField.rgpd_field{width:calc(50% - 50px)}
#contact .rgpd_field label{border-radius:0;height:30px}
.rgpd_field input:checked + label::before{left:5px}
#contact form .checkField{margin-bottom:20px}
#contact form input,#contact form textarea{padding:5px 10px 10px;color:rgba(87,87,87,0.5)}
#contact form textarea{height:205px}
#contact .select{position:relative}
#contact .select .click{width:100%;position:absolute;top:0;height:40px;left:0}
#contact .select .click.active svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
#contact .select .choix{display:none;position:absolute;background:#e3fbf8;top:42px;left:0;width:100%;padding:10px 15px;border-color:#7ccbf4;border-width:0 1px 1px;border-style:solid}
#contact .select .choix mark{display:block;background:none}
@media screen and (max-width:1050px){#contact.angle::before{left:calc(((100% - 1000px) / 2) + (((950px / 2) - 370px) / 2))}}
@media screen and (max-width:900px){#contact .section_title strong{width:100%}
#contact .left,#contact .right,#contact .full{width:calc(100% - 40px);margin:0 auto}
#contact .section_title div{width:100%;text-align:center}
#contact form .checkField.rgpd_field{width:100%}}
#contact.back_green{padding-top:160px;background:none}
#contact.angle::before{z-index:1;width:1050px;height:330px;left:calc((100% - 1050px) / 2)!important;background:url('https://www.afce-sas.fr/IMG/imports/top-realisations.svg') no-repeat center center;background-size:contain;mix-blend-mode:multiply}
#contact form{width:1000px;margin:0 auto;position:relative;z-index:20}
@media screen and (max-width:900px){#contact form{width:100%}}