/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
html{--color-blue:#083a53;--color-green:#d1ebde;--color-red:#ed4337;--color-white:#fff;--color-black:#000;--color-main:var(--color-blue);--color-second:var(--color-green);--color-error:var(--color-red);--header-height:5em;--footer-height:2em;font-family:"Exo 2",sans-serif;font-size:16px;}body,input,textarea{background-color:var(--color-second);color:var(--color-main);}body.lighter{--color-main:var(--color-green);--color-second:var(--color-blue);}html,body,ul{padding:0;margin:0;}.layout-content .messages__wrapper,.layout-content .status-message{text-align:center;padding:2em 10em;}@media screen and (max-width:1024px){.layout-content .messages__wrapper,.layout-content .status-message{padding:2em 2em;}}.webform-submission-form .form-item-honeypot-captcha{display:none !important;}
.switch{position:relative;display:inline-block;width:3em;height:1.5em;margin-right:calc((var(--header-height) - 3em) / 2);}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-second);-webkit-transition:0.4s;transition:0.4s;border-radius:1em;}.slider:before{position:absolute;content:"";height:1em;width:1em;left:4px;bottom:4px;background-color:var(--color-main);-webkit-transition:0.4s;transition:0.4s;border-radius:50%;}input:checked + .slider{background-color:var(--color-second);}input:focus + .slider{box-shadow:0 0 1px var(--color-second);}input:checked + .slider:before{-webkit-transform:translateX(1.5em);-ms-transform:translateX(1.5em);transform:translateX(1.5em);}body header{position:relative;background-color:var(--color-main);color:var(--color-second);}body header .header__background{position:absolute;width:100%;z-index:0;opacity:0.05;bottom:0;height:100%;object-fit:cover;}body header .header__nav,body header .page__title{position:relative;z-index:1;}body header .header__nav{display:flex;height:var(--header-height);width:100%;}body header .header__nav .header__logo{height:var(--header-height);width:var(--header-height);mask-image:url(/themes/custom/alexandreurbain/images/favicon.svg);mask-size:45%;mask-repeat:no-repeat;mask-position:center;background-color:var(--color-second);}body header .header__nav .header__nav__mobile,body header .header__nav .header__account{position:absolute;top:calc(var(--header-height) * 0.275);right:calc(var(--header-height) * 0.275);height:calc(var(--header-height) * 0.45);width:calc(var(--header-height) * 0.45);mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--color-second);}body header .header__nav .header__nav__mobile{display:none;mask-image:url(/themes/custom/alexandreurbain/images/icn-menu.svg);}body header .header__nav .header__account{mask-image:url(/themes/custom/alexandreurbain/images/icn-account.svg);}body header .header__nav .header__nav--left,body header .header__nav .header__nav--right{display:flex;align-items:center;}body header .header__nav .header__nav--right{margin-left:auto;margin-right:var(--header-height);}body header .header__nav #block-alexandreurbain-account > ul,body header .header__nav #block-alexandreurbain-main-navigation > ul,body header .header__nav #block-alexandreurbain-mobile-footer > ul,body header .header__nav #block-alexandreurbain-selecteurdelangue > ul{display:flex;align-items:center;padding:0 0.5em;height:100%;}body header .header__nav #block-alexandreurbain-account > ul li,body header .header__nav #block-alexandreurbain-main-navigation > ul li,body header .header__nav #block-alexandreurbain-mobile-footer > ul li,body header .header__nav #block-alexandreurbain-selecteurdelangue > ul li{list-style:none;padding:0 0.5em;position:relative;}body header .header__nav #block-alexandreurbain-account > ul li a,body header .header__nav #block-alexandreurbain-main-navigation > ul li a,body header .header__nav #block-alexandreurbain-mobile-footer > ul li a,body header .header__nav #block-alexandreurbain-selecteurdelangue > ul li a{color:var(--color-second);text-decoration:none;}body header .header__nav #block-alexandreurbain-mobile-footer{display:none;}body header .header__nav #block-alexandreurbain-selecteurdelangue > ul li{padding:0.5em;}body header .header__nav #block-alexandreurbain-selecteurdelangue > ul li:first-child::after{content:"";display:block;width:2px;height:100%;background-color:var(--color-second);position:absolute;top:0;right:-1px;}body header .header__nav #block-alexandreurbain-contrast{display:flex;justify-content:center;align-items:center;}body header .header__nav #block-alexandreurbain-contrast:before{content:"";display:block;height:var(--header-height);width:var(--header-height);mask-image:url(/themes/custom/alexandreurbain/images/icn-contrast.svg);mask-size:45%;mask-repeat:no-repeat;mask-position:center;background-color:var(--color-second);}body header .page__title{display:flex;justify-content:center;align-items:center;padding:6em 0;}body header .page__title__image{height:12em;width:12em;border-radius:12em;border:0.25em solid var(--color-second);object-fit:cover;object-position:top;}body header .page__title__text{padding:0 5em;text-align:center;}body header .page__title__text .container{display:flex;font-weight:inherit;justify-content:center;}body header .page__title__text h1,body header .page__title__text .site_name{position:relative;text-align:center;padding:0.1em 1em;font-size:2em;font-weight:normal;margin:0.67em 0;}body header .page__title__text h1:not(.site_name)::after,body header .page__title__text .site_name:not(.site_name)::after{content:"";display:block;width:2px;height:100%;background-color:var(--color-second);position:absolute;top:0;right:-1px;}@media screen and (max-width:1024px){body header .page__title{flex-direction:column;}}@media screen and (max-width:54em){body header .header__nav .header__logo{position:absolute;top:0;left:0;}body header .header__nav .header__nav__mobile{display:block;}body header .header__nav .header__account{right:var(--header-height);}body header .header__nav .header__nav--left,body header .header__nav .header__nav--right{display:none;}body header .page__title__text{padding:0;}body header .page__title__text .container{flex-direction:column;}body header .page__title__text .container h1:not(.site_name)::after{content:unset;}body:not(.frontpage) header .site_name,body:not(.frontpage) header .site_slogan{display:none;}body.menu-open{overflow:hidden;}body.menu-open .header__nav{height:100vh;width:100vw;flex-direction:column;justify-content:center;background-color:var(--color-main);}body.menu-open .header__nav .header__nav__mobile{display:block;mask-image:url(/themes/custom/alexandreurbain/images/icn-close.svg);}body.menu-open .header__nav .header__nav--left,body.menu-open .header__nav .header__nav--right{width:100vw;display:flex;flex-direction:column;}body.menu-open .header__nav .header__nav--left #block-alexandreurbain-main-navigation,body.menu-open .header__nav .header__nav--left #block-alexandreurbain-mobile-footer,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-main-navigation,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-mobile-footer{display:block;}body.menu-open .header__nav .header__nav--left #block-alexandreurbain-main-navigation > ul,body.menu-open .header__nav .header__nav--left #block-alexandreurbain-mobile-footer > ul,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-main-navigation > ul,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-mobile-footer > ul{flex-direction:column;}body.menu-open .header__nav .header__nav--left #block-alexandreurbain-main-navigation > ul li,body.menu-open .header__nav .header__nav--left #block-alexandreurbain-mobile-footer > ul li,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-main-navigation > ul li,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-mobile-footer > ul li{padding:0.5em;}body.menu-open .header__nav .header__nav--left #block-alexandreurbain-selecteurdelangue,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-selecteurdelangue{margin-top:1em;}}
body{padding-bottom:var(--footer-height);}body footer{position:fixed;bottom:0;z-index:1;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-main);height:var(--footer-height);width:100%;}body footer .footer__copyright{padding:0 1em;color:var(--color-second);}body footer #block-alexandreurbain-footer > ul{display:flex;align-items:center;padding:0 0.5em;height:100%;}body footer #block-alexandreurbain-footer > ul li{list-style:none;padding:0 0.5em;position:relative;}body footer #block-alexandreurbain-footer > ul li a{color:var(--color-second);text-decoration:none;}@media screen and (max-width:54em){body footer #block-alexandreurbain-footer{display:none;}}
.paragraph--type--image-text{padding:2em 10em;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}.paragraph--type--image-text .field--name--field-image,.paragraph--type--image-text .field--name--field-content{width:50%;}.paragraph--type--image-text .field--name--field-image img{width:100%;height:auto;max-width:480px;}@media screen and (max-width:1024px){.paragraph--type--image-text{padding:2em 2em;}.paragraph--type--image-text .field--name--field-image,.paragraph--type--image-text .field--name--field-content{width:100%;}}
.paragraph--type--services{padding:2em 15em;background-color:var(--color-main);color:var(--color-second);}.paragraph--type--services h2{text-align:center;padding-bottom:1em;}.paragraph--type--services .field--name--field-services{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}.paragraph--type--services .field--name--field-services .container{flex-basis:25%;height:11em;width:10em;display:flex;flex-direction:column;align-items:center;text-align:center;}.paragraph--type--services .field--name--field-services .container:before{content:"";display:block;height:var(--header-height);width:var(--header-height);mask-size:50%;mask-repeat:no-repeat;mask-position:center;background-color:var(--color-second);}.paragraph--type--services .field--name--field-services h3.title{margin:0;}.paragraph--type--services .field--name--field-services .term-54::before{mask-image:url(/themes/custom/alexandreurbain/images/icn-website.svg);}.paragraph--type--services .field--name--field-services .term-55::before{mask-image:url(/themes/custom/alexandreurbain/images/icn-ecommerce.svg);}.paragraph--type--services .field--name--field-services .term-56::before{mask-image:url(/themes/custom/alexandreurbain/images/icn-mobile.svg);}.paragraph--type--services .field--name--field-services .term-57::before{mask-image:url(/themes/custom/alexandreurbain/images/icn-advice.svg);}.paragraph--type--services .field--name--field-services .term-58::before{mask-image:url(/themes/custom/alexandreurbain/images/icn-training.svg);}.paragraph--type--services .field--name--field-services .term-59::before{mask-image:url(/themes/custom/alexandreurbain/images/icn-repair.svg);}.paragraph--type--services .field--name--field-services .term-60::before{mask-image:url(/themes/custom/alexandreurbain/images/icn-hosting.svg);}@media screen and (max-width:1650px){.paragraph--type--services{padding:2em 10em;}}@media screen and (max-width:1250px){.paragraph--type--services{padding:2em 5em;}}@media screen and (max-width:1024px){.paragraph--type--services{padding:2em 2em;}}@media screen and (max-width:750px){.paragraph--type--services .field--name--field-services .container{flex-basis:50%;}}
form input,form textarea{border:2px solid var(--color-main);padding:1em;width:calc(100% - 2em - 4px);font-family:inherit;font-size:inherit;}form .form-item{margin-bottom:1em;width:100%;}form .form-item--error input,form .form-item--error textarea{border:2px solid var(--color-error);}form .form-item--error-message{font-size:0.75em;color:var(--color-error);}form input[type=submit]{background:var(--color-main);color:var(--color-second);width:100%;margin-bottom:0;cursor:pointer;text-transform:uppercase;}form input[type=submit]:hover{background:var(--color-second);color:var(--color-main);}
.paragraph--type--webform{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2em 2em;}.paragraph--type--webform h2{width:100%;text-align:center;}.paragraph--type--webform .field--name--field-content .container,.paragraph--type--webform .field--name--field-webform{position:relative;width:30em;min-height:20em;max-width:100%;box-sizing:border-box;}.paragraph--type--webform .field--name--field-content .container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-main);color:var(--color-second);margin-right:2em;text-align:center;}.paragraph--type--webform .field--name--field-content .container a{color:var(--color-second);}.paragraph--type--webform .field--name--field-webform{margin-left:2em;}.paragraph--type--webform .field--name--field-webform:before{content:"";position:absolute;top:0;left:-2em;height:100%;width:2px;background-color:var(--color-main);}@media screen and (max-width:1150px){.paragraph--type--webform{flex-wrap:nowrap;flex-direction:column;}.paragraph--type--webform .field--name--field-content{display:flex;justify-content:center;width:100%;order:3;}.paragraph--type--webform .field--name--field-content .container{margin-right:0;}.paragraph--type--webform .field--name--field-webform{order:2;margin-left:0;margin:1em;}.paragraph--type--webform .field--name--field-webform:before{content:unset;}}