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%}}
#savoir-faire .full_wrapper{padding:30px;background:url('https://www.afce-sas.fr/IMG/imports/pattern-1.svg') repeat center top;background-size:150px auto}
#savoir-faire .full_wrapper .inner{width:100%;max-width:1200px;margin:0 auto;background:url('https://www.afce-sas.fr/IMG/imports/element-diamond.svg') no-repeat center top}
#savoir-faire .full_wrapper .inner .left,#savoir-faire .full_wrapper .inner .right{width:calc(50% - 20px)}
#savoir-faire .full_wrapper .inner .left{padding-top:90px}
#savoir-faire .item{padding:40px 30px;border-radius:50px;background:rgba(255,255,255,0.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:left;margin-bottom:30px;flex-direction:row-reverse;font-size:.9375rem;line-height:1.3rem}
#savoir-faire .item .maintext{width:calc(100% - 85px)}
#savoir-faire .item h3{font-family:"Jost",sans-serif;font-size:1.125rem;line-height:1.5rem;font-weight:500;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05rem}
#savoir-faire .item svg{width:85px}
#savoir-faire .item img,#savoir-faire .item svg{width:65px;height:65px;object-fit:contain;object-position:center center}
#savoir-faire .goto{width:1200px;margin:0 auto;padding-top:50px;padding-left:calc((1200px + 100px) / 2)}
#atouts.section{padding-top:130px;position:relative}
#atouts .inner{width:100%;max-width:1200px;margin:0 auto}
#atouts .inner .left,#atouts .inner .right{width:calc(50% - 50px)}
#atouts .inner .left{padding-top:100px}
#atouts.angle::before{top:0;transform:rotate(180deg);right:calc(((100% - 1200px) / 2) + (((1200px / 2) - 370px) / 2))}
#atouts .inner picture{display:block;overflow:hidden;width:100%;height:600px;margin-bottom:30px}
#atouts .inner .left picture{border-radius:0 70px 70px 0}
#atouts .inner .right picture{border-radius:70px 0 0 70px}
#atouts .item{margin-bottom:100px;font-size:1.4rem;line-height:1.6rem;font-weight:300;text-align:left;position:relative}
#atouts .left .item::after,#atouts .right .item::after{content:"";width:430px;height:325px;background-image:url('https://www.afce-sas.fr/IMG/imports/element-diamonds-1.svg');background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;right:60%;top:30%}
#atouts .left .item:nth-child(2n)::after{background-image:url('https://www.afce-sas.fr/IMG/imports/element-diamonds-3.svg')}
#atouts .right .item::after{background-image:url('https://www.afce-sas.fr/IMG/imports/element-diamonds-4.svg');right:auto;left:60%}
#atouts .right .item:nth-child(2n)::after{background-image:url('https://www.afce-sas.fr/IMG/imports/element-diamonds-2.svg')}
#atouts .maintext .bolder{display:block;font-size:1.5rem;text-transform:uppercase;font-weight:500}
@media screen and (max-width:1050px){#savoir-faire .goto{width:1000px;padding-left:550px}
#atouts.angle::before{right:calc(((100% - 900px) / 2) + (((900px / 2) - 370px) / 2))}
#atouts .inner{max-width:900px}}
@media screen and (max-width:900px){#savoir-faire .full_wrapper{padding:0}
#savoir-faire .full_wrapper .inner{background:none}
#savoir-faire .full_wrapper .inner .left,#savoir-faire .full_wrapper .inner .right{width:100%}
#savoir-faire .full_wrapper .inner .left{background:url('https://www.afce-sas.fr/IMG/imports/element-diamond.svg') no-repeat -200px center}
#savoir-faire .full_wrapper .inner .right{background:url('https://www.afce-sas.fr/IMG/imports/element-diamond.svg') no-repeat calc(100% + 200px) center}
#savoir-faire .full_wrapper .inner .item{width:calc(100% + 60px);margin-left:30px;margin-right:-30px;padding-right:120px;padding-left:20px}
#savoir-faire .full_wrapper .inner .left .item:nth-child(2n),#savoir-faire .full_wrapper .inner .right .item:nth-child(2n){margin-left:-90px;margin-right:30px;padding-right:20px;padding-left:120px;flex-direction:inherit}
#savoir-faire .item h3{font-size:1.125rem;line-height:1.5rem;font-weight:500;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05rem}
#savoir-faire .goto{width:100%;margin-top:30px;padding-top:0;padding-left:0}
#atouts.angle::before{right:calc(50% - 160px)}
#atouts .inner{flex-direction:column-reverse}
#atouts .inner .left,#atouts .inner .right{width:calc(100% - 40px);margin:0 20px}
#atouts .inner .left{padding-top:0}
#atouts .inner .left .item:nth-child(2n) .maintext,#atouts .inner .right .item:nth-child(3n) .maintext{text-align:right}
#atouts .inner .left .item:nth-child(2n) picture{border-radius:70px 0 0 70px}
#atouts .inner .left .item:nth-child(2n):after{right:auto;left:60%}
#atouts .inner .right .item:nth-child(2n)::after{right:60%;left:auto}
#atouts .inner .right .item:nth-child(2n) picture{border-radius:0 70px 70px 0}}