/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.contact-container{margin:60px auto;}.contact-container .row{display:flex;align-items:center;}.contact-container .presentation,.contact-container .coordonnees{color:var(--color-grey-dark);font-family:'Brandon Grotesque Regular',sans-serif;font-size:18px;font-style:normal;font-weight:390;line-height:normal;}.contact-container .presentation p{margin-bottom:0.05em;}#block-contact-form{background-color:var(--color-red);padding:60px 0;position:relative;background-image:url(/themes/seuiljeunesse/images/banner-contact.webp);background-size:cover;}#block-contact-form::after{content:'';height:20px;background-image:url(/themes/seuiljeunesse/images/craquelure-bottom-header-catalogue.png);position:absolute;display:block;z-index:2;left:0;bottom:-12px;width:100%;}#block-contact-form.bg-grey{background:#F5F5F5;}#block-contact-form .container{max-width:685px;}#block-contact-form h1{color:#fff;font-size:33px;font-family:'Prater Bold',sans-serif;line-height:139.037%;letter-spacing:0.02em;}#block-contact-form.bg-grey h1{color:var(--color-black);}#block-contact-form input[type="text"],#block-contact-form input[type="email"],#block-contact-form textarea,#block-contact-form select{padding:10px 15px;border:0.1em solid var(--color-grey-dark);color:#6D6D6D;border-radius:0;width:100%;margin-top:5px;font-family:'Barlow',sans-serif;}#block-contact-form .js-form-type-checkbox label{margin-left:35px;cursor:pointer;font-family:'Barlow',sans-serif;font-size:17px;}#block-contact-form #edit-file-file-manuscrit--description,#block-contact-form .form-type-managed-file{color:#fff;font-size:14px;}.form-type-managed-file input[type="submit"]{color:#000;}.form-type-managed-file a{color:#fff;}#block-contact-form input[type="checkbox"]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:25px;height:25px;border:0.1em solid #000;transform:translateY(-0.075em);display:grid;place-content:center;float:left;}#block-contact-form input[type="checkbox"]::before{content:"";width:10px;height:10px;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out;box-shadow:inset 1em 1em var(--color-red);background-color:CanvasText;}#block-contact-form input[type="checkbox"]:checked::before{transform:scale(1);}#block-contact-form input[type="checkbox"]:disabled{color:var(--color-red);cursor:not-allowed;}#block-contact-form #edit-actions[type="submit"]{border-radius:5px;background:#fff;font-family:'Barlow',sans-serif;color:var(--color-red);padding:10px 15px;border:0;border-radius:0;width:100%;font-weight:700;text-transform:uppercase;}#block-contact-form #edit-actions[type="submit"]:hover{background:var(--color-grey-dark);color:#fff;}#block-contact-form .form-item-required,#block-contact-form label{color:#fff;font-family:'Barlow',sans-serif;font-size:18px;font-weight:500;line-height:139%;display:block;}#block-contact-form .form-item-required{margin:20px 0 40px 0;}#block-contact-form .single_form{margin:10px 0;}#block-contact-form .success-message{margin:25px 0;color:#fff;font-size:24px;font-weight:600;line-height:139%;font-family:'Barlow',sans-serif;text-align:center;}#block-contact-form .error p{display:block;background:#ac3020;color:#fff;font-size:14px;padding:8px 16px;margin-top:10px;}@media all and (max-width:575.98px){.title-contact{color:#FFF;font-family:'Prater Bold',sans-serif;font-size:28px;font-style:normal;font-weight:700;line-height:139.037%;transform:rotate(-5.516deg);margin:0 auto 30px  auto;text-align:center;position:relative;width:97px;}.title-contact::after,.title-contact::before{content:'';width:21px;height:24px;position:absolute;background-image:url(/themes/seuiljeunesse/images/border-contact.svg);background-repeat:no-repeat;background-size:21px;}.title-contact::before{transform:rotate(180deg);left:-20px;top:-10px;}.title-contact::after{content:'';right:-20px;bottom:-10px;}#block-contact-form .form-item-required,#block-contact-form label,.contact-container .presentation,.contact-container .coordonnees{font-size:16px;}#block-contact-form h1{font-size:24px;}.contact-container .presentation img{width:100%;max-width:200px;}}@media all and (min-width:1200px){.container.contact-container{max-width:1160px;}}