/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@font-face{font-family:"Karla";src:url("/themes/custom/mixalis24/assets/font/Karla/Karla-VariableFont_wght.woff2") format("truetype")}@font-face{font-family:"icomoon";src:url("/themes/custom/mixalis24/assets/css/base/../../../font/icomoon/icomoon.eot");src:url("/themes/custom/mixalis24/assets/css/base/../../../font/icomoon/icomoon.eot") format("embedded-opentype"),url("/themes/custom/mixalis24/assets/css/base/../../../font/icomoon/icomoon.woff2") format("truetype"),url("/themes/custom/mixalis24/assets/css/base/../../../font/icomoon/icomoon.woff") format("woff"),url("/themes/custom/mixalis24/assets/css/base/../../../font/icomoon//icomoon.svg") format("svg");font-weight:normal;font-style:normal;font-display:block}.icon-arrow_angle_right:before{content:""}.icon-burger:before{content:""}.icon-developpement:before{content:"";color:#daa520}.icon-source-web1:before{content:"";color:#2face1}.icon-chronometre:before{content:"";color:#125259}.icon-drupal-style:before{content:"";color:#d87e18}.icon-etiquette-prix:before{content:"";color:#125259}.icon-loupe:before{content:"";color:#d87e18}.icon-mail:before{content:"";color:#14778e}.icon-bouquins:before{content:"";color:#125259}.icon-bulle-communaut:before{content:"";color:#daa520}.icon-drupal-8:before{content:"";color:#c89204}.icon-ecoconception:before{content:"";color:#c89204}.icon-gestion-de-projet:before{content:"";color:#c89204}.icon-maintenance:before{content:"";color:#d87e18}.icon-palette:before{content:"";color:#daa520}.icon-performance:before{content:"";color:#c89204}.icon-adaptabilite:before{content:"";color:#d6723a}.icon-bonnes-applications:before{content:"";color:#d6723a}.icon-calendrier:before{content:"";color:#fff}.icon-outils:before{content:"";color:#fff}.icon-reactivite:before{content:"";color:#d6723a}.icon-respect-poigne-de-main:before{content:"";color:#d6723a}.icon-web:before{content:"";color:#fff}.icon-france:before{content:"";color:#125259}.icon-ordinateur:before{content:"";color:#125259}.icon-croix:before{content:"";color:#125259}.icon-document:before{content:"";color:#14778e}.icon-fleche_droite:before{content:"";color:#125259}.icon-fleche_gauche:before{content:"";color:#125259}.icon-linkedin:before{content:"";color:#14778e}body{box-sizing:border-box;font-family:"Karla",sans-serif;font-weight:400}h1{color:#125259;font-family:"Karla",sans-serif;font-weight:bold;font-size:2.5rem;margin:0}h2{color:#125259;font-family:"Karla",sans-serif;font-weight:bold;font-size:1.87rem;margin:0}h3{color:#125259;font-family:"Karla",sans-serif;font-weight:bold;font-size:1.56rem;margin:0}p{font-size:1.1rem;margin:0}@media screen and (min-width:1024px){p{font-size:1.25rem;margin:0}}ul{list-style-type:none;margin:0;padding:0}li a{text-decoration:none}img{max-width:100%;height:auto}a{color:#d87e18;font-weight:500}.btn_big{background-color:#fff;width:225px;height:55px;position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:center;transition:background-color .3s ease-in-out .2s;z-index:1;text-decoration:none;color:#125259;font-weight:bold;text-align:center;font-size:1.12em}.btn_big::before{display:block;content:"";width:100%;height:3px;background-color:#4ae08c;position:absolute;top:-10px;left:0px;transition:top .2s ease-in-out;z-index:2}.btn_big:hover{background-color:#4ae08c;color:#000}.btn_big:hover::before{top:0}.--border-bottom::before{display:none}.--border-bottom::after{display:block;content:"";width:100%;height:3px;background-color:#4ae08c;position:absolute;bottom:-10px;left:0px;transition:bottom .2s ease-in-out;z-index:2}.--border-bottom:hover{background-color:#4ae08c;color:#000}.--border-bottom:hover::after{bottom:0}.btn_small{background-color:#fff;width:225px;height:38px;position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:center;transition:background-color .3s ease-in-out .2s;z-index:1;text-decoration:none;color:#125259;font-weight:bold;text-align:center;font-size:1.12em}.btn_small::after{display:block;content:"";width:100%;height:3px;background-color:#4ae08c;position:absolute;bottom:-10px;left:0px;transition:bottom .3s ease-in-out;z-index:2}.btn_small:hover{background-color:#4ae08c;color:#000}.btn_small:hover::after{bottom:0}.btn_empty{background-color:#fff;border:3px solid #1e5e8d;border-bottom:0px;width:225px;height:42px;font-weight:bold;position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:center;transition:background-color .3s ease-in-out .2s;z-index:1;text-decoration:none;color:#125259;font-weight:bold;text-align:center;font-size:1.12em}.btn_empty::after{display:block;content:"";width:100%;height:3px;background-color:#1e5e8d;position:absolute;bottom:-10px;left:0px;transition:bottom .3s ease-in-out;z-index:2}.btn_empty:hover{background-color:#4ae08c}.btn_empty:hover::after{bottom:0}#block-mixalis24-page-title{padding:20px;text-align:center}@media screen and (min-width:1024px){#block-mixalis24-page-title{display:flex;justify-content:center}}@media screen and (min-width:1024px){#block-mixalis24-breadcrumbs{display:flex;justify-content:center}}#block-mixalis24-breadcrumbs nav ol{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;list-style-type:none;padding:0;margin-left:0}#block-mixalis24-breadcrumbs nav ol li{display:flex;flex-direction:row;gap:5px;text-decoration:none}#block-mixalis24-breadcrumbs nav ol li::after{display:block;content:"/"}#block-mixalis24-breadcrumbs nav ol li:last-child::after{display:none}
.main_menu{position:relative;display:grid;align-items:end}.main_menu.open{position:fixed;width:100%;z-index:98}.main_menu__navigation.open{display:block}.main_menu__navigation.open ul{padding:20px 0 20px 60px;background-color:#125259}.main_menu__navigation.open ul li{display:block}.main_menu__navigation.open ul li.main_menu__logo{display:none}.main_menu__navigation__list{list-style:none;margin:0}.main_menu__navigation__list li{display:none;padding:20px 0 60px 0;font-size:1.25em}.main_menu__navigation__list li.main_menu__logo{display:block}.main_menu__navigation__list li.main_menu__logo a{display:block;text-align:center}.main_menu__navigation__list li a{color:#fff;text-decoration:none}.main_menu__navigation__list li a.is-active{color:#c8f7c5;text-decoration:underline;font-weight:bold}.main_menu__hamburger_button{position:fixed;top:230px;right:5px;width:50px;height:50px;border-radius:50%;border:#000 solid 2px;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:10px 5px 10px 0;z-index:99}.main_menu__hamburger_button span::before{content:"";font-family:"icomoon";color:#000;font-size:15px}.main_menu__hamburger_button.open span::before{content:"";font-size:20px}.main_menu__hamburger_button.open{position:absolute;top:50%;right:0;transform:translateY(-50%)}.main_menu__hamburger_button p{text-align:center;font-size:11px}.main_menu__hamburger_button.open~.main_menu__navigation{display:block}.main_menu__logo{display:block}.main_menu__logo img{width:80%}.main_menu__logo.hidden{display:none}.main_menu__navigation.open~.main_menu__logo{display:none}
@media(min-width:768px){.main_menu{display:flex;flex-direction:row;justify-content:center}.main_menu__navigation{display:flex;justify-content:center;border-radius:50px;box-shadow:0 3px 8px rgba(0,0,0,.2392156863);margin:15px 0 30px 0;width:99%}.main_menu__navigation__list{display:flex;flex-direction:row;align-items:center;padding:5px 10px;gap:8px;background-color:#fff;border-radius:50px}.main_menu__navigation__list li{display:block;padding:5px 0}.main_menu__navigation__list li a{color:#14778e}.main_menu__navigation__list li a.is-active{font-size:1em;text-decoration:none;color:#fff;background-color:#0d4f5e;border-radius:20px;padding:10px 8px;box-shadow:0 2px 3px rgba(0,0,0,0.2392156863)}.main_menu__hamburger_button{display:none}.main_menu__logo img{height:80px}.main_menu__logo.hidden{display:none}.main_menu__logo.mobile{display:none}}
@media screen and (min-width:1024px){.main_menu{width:95%;margin:auto}.main_menu__navigation{width:100%;border-radius:65px}.main_menu__navigation__list{padding:5px 20px;justify-content:space-around;width:100%;gap:0px}.main_menu__navigation__list li.main_menu__logo a img{max-width:320px}.main_menu__navigation__list li a{background-color:#fff;transition:font-weight .2s ease-in-out 0s}.main_menu__navigation__list li a:hover{font-weight:700}.main_menu__navigation__list li a.is-active{padding:15px 15px;border-radius:30px}}
@media screen and (min-width:1440px){.main_menu__navigation{width:90%;border-radius:80px}.main_menu__navigation__list{width:95%;margin:auto;border-radius:80px;justify-content:space-around}.main_menu__navigation__list li.main_menu__logo a{padding:0px}.main_menu__navigation__list li a{font-size:1.25em}.main_menu__navigation__list li a.is-active{padding:18px 35px;border-radius:60px}.main_menu__logo img{height:100px}}
@media screen and (min-width:1920px){.main_menu{width:85%}}
footer{background-color:#eee;padding:35px 0 35px 0}@media screen and (min-width:1024px){footer{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-around}}footer .footer__socials_network ul{display:flex;flex-direction:row;justify-content:center;gap:25px;padding:0}footer .footer__socials_network__linkedin a::after{content:"";font-family:"icomoon";font-size:35px;color:#14778e}footer .footer__socials_network__cs a::after{content:"";font-family:"icomoon";color:#14778e;font-size:35px}footer .menu__footer{display:flex;flex-direction:column;align-items:center}footer .menu__footer ul{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:35px;gap:15px;font-weight:bold;font-size:1.5em}footer .menu__footer ul .hidden{display:none}@media screen and (min-width:1440px){footer .menu__footer ul{display:flex;flex-direction:row;gap:65px;margin-top:0}footer .menu__footer ul .hidden{display:block}}footer .menu__footer ul li:last-child{display:none}footer .menu__footer ul a{font-size:20px;color:#125259;font-weight:600}footer .menu__footer ul a::after{display:block;content:"";width:100%;height:4px;background-color:#036a79;transform:scaleX(0);transform-origin:center;transition:transform .3s ease-in-out}footer .menu__footer ul a:hover::after{transform:scaleX(1)}footer .footer__copyright{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px;gap:20px}@media screen and (min-width:1440px){footer .footer__copyright{margin-top:0}}footer .footer__copyright img{max-width:220px;text-align:center}footer .footer__copyright span{font-size:18px;font-family:Arial,Helvetica,sans-serif;color:#000;text-align:center;margin-top:35px}@media screen and (min-width:1440px){footer .footer__copyright span{margin-top:0}}
.node__list .posts{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px;background:#e9fafd;padding:10px;gap:15px}.node__list .posts .blog__content{display:flex;flex-direction:column;height:100%}.node__list .posts .blog_teaser{background-color:#fff;padding:19px 11px 35px;margin:20px auto}.node__list .posts .blog_teaser.blog_type_60 .blog_teaser__image__type{background:#1e5e8d}.node__list .posts .blog_teaser.blog_type_60 .time:before,.node__list .posts .blog_teaser.blog_type_60 .title h2,.node__list .posts .blog_teaser.blog_type_60 .title{color:#1e5e8d}.node__list .posts .blog_teaser.blog_type_60 .main_cat{border-color:#1e5e8d}.node__list .posts .blog_teaser.blog_type_60 .btn_empty{border-color:#1e5e8d;color:#1e5e8d}.node__list .posts .blog_teaser.blog_type_60 .btn_empty:hover{background-color:#1e5e8d}.node__list .posts .blog_teaser.blog_type_60 .btn_empty:after{background-color:#1e5e8d}.node__list .posts .blog_teaser.blog_type_61 .blog_teaser__image__type{background:#d87e18}.node__list .posts .blog_teaser.blog_type_61 .main_cat{border-color:#d87e18}.node__list .posts .blog_teaser.blog_type_61 .time:before,.node__list .posts .blog_teaser.blog_type_61 .title h2,.node__list .posts .blog_teaser.blog_type_61 .title{color:#d87e18}.node__list .posts .blog_teaser.blog_type_61 .btn_empty{border-color:#d87e18;color:#d87e18}.node__list .posts .blog_teaser.blog_type_61 .btn_empty:hover{background-color:#d87e18}.node__list .posts .blog_teaser.blog_type_61 .btn_empty:after{background-color:#d87e18}.node__list .posts .blog_teaser__image{position:relative;margin-bottom:15px}.node__list .posts .blog_teaser__image img{width:100%;height:auto;border-radius:20px}.node__list .posts .blog_teaser__image__type{position:absolute;bottom:0;padding:4px 0;text-align:center;font-size:1.375em;width:100%;background:#1a6643;color:#fff;font-weight:bold;border-radius:0 0 25px 25px}.node__list .posts .blog_teaser__content{margin-bottom:40px}.node__list .posts .blog_teaser__content__details{margin-bottom:12px}.node__list .posts .blog_teaser__content__details ul{display:flex;gap:10px}.node__list .posts .blog_teaser__content__details ul li{border-right:1px solid #000;padding-right:10px}.node__list .posts .blog_teaser__content__details ul .time:before{font-family:"icomoon";content:"";margin-right:7px;color:#1a6643}.node__list .posts .blog_teaser__content__details ul .main_cat{border:2px solid #1a6643;border-radius:10px;padding:2px 7px}.node__list .posts .blog_teaser__content .title{text-decoration:none;color:#1a6643}.node__list .posts .blog_teaser__content .title:hover{text-decoration:underline}.node__list .posts .blog_teaser__content .title h2{max-width:100%;font-size:1.375em;margin-bottom:12px;color:#1a6643}.node__list .posts .blog_teaser__content .field--name-field-first-text p{font-size:1rem}.node__list .posts .blog_teaser__bottom{margin-top:auto;bottom:16px;width:100%}.node__list .posts .blog_teaser__bottom .field--name-field-blog-tags{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.node__list .posts .blog_teaser__bottom .field--name-field-blog-tags .field__item{color:#125259;background-color:#e1e9eb;border-radius:10px;padding:2px 10px}.node__list .posts .blog_teaser__bottom .btn_empty{border-color:#1a6643;margin:auto;color:#1a6643}.node__list .posts .blog_teaser__bottom .btn_empty:hover{background-color:#1a6643;color:#fff}.node__list .posts .blog_teaser__bottom .btn_empty:after{background-color:#1a6643}.node__list .posts nav.pager{width:100%}
@media screen and (min-width:1440px){.node__list .posts{padding:50px;display:flex;flex-wrap:wrap}.node__list .posts .blog_teaser{max-width:444px}.node__list .posts .blog_teaser__image__type{padding:10px 0}}
.node__list .field--name-body{padding:20px}.node__list .field--name-field-views-name form{padding:20px}.node__list .field--name-field-views-name form fieldset legend{font-weight:bold;font-size:1.37rem;color:#125259;margin:auto;width:100%;display:inline-block}.node__list .field--name-field-views-name form fieldset legend .fieldset-legend{display:inline-block;width:100%;margin:auto;text-align:center}.node__list .field--name-field-views-name form fieldset legend .fieldset-legend::after{content:"";width:100%;height:2px;background-color:#e4e4e4;display:inline-block}.node__list .field--name-field-views-name form fieldset .fieldset-wrapper{margin:20px 0}.node__list .field--name-field-views-name form fieldset .fieldset-wrapper .form-checkboxes{display:flex;flex-wrap:wrap;gap:20px}.node__list .field--name-field-views-name form fieldset .fieldset-wrapper .form-checkboxes .form-item{position:relative}.node__list .field--name-field-views-name form fieldset .fieldset-wrapper .form-checkboxes .form-item.highlight label{background:#125259;color:#fff}.node__list .field--name-field-views-name form fieldset .fieldset-wrapper .form-checkboxes .form-item input{position:absolute;width:100%;cursor:pointer;height:100%;z-index:-100;top:0;left:-9000px}.node__list .field--name-field-views-name form fieldset .fieldset-wrapper .form-checkboxes .form-item label{border:1px solid gray;padding:3px 25px;border-radius:5px;font-size:1rem;color:#125259;font-weight:500;cursor:pointer;box-shadow:0;transition:box-shadow .2s ease-in-out}.node__list .field--name-field-views-name form fieldset .fieldset-wrapper .form-checkboxes .form-item label:hover{box-shadow:0 3px 8px rgba(0,0,0,.2392156863)}.node__list .projects{display:flex;flex-direction:column;align-items:center;gap:50px;margin-bottom:50px}.ui-dialog .ui-widget-header{padding:0;display:flex;justify-content:end;background:none;border:none}.ui-dialog .ui-widget-header>span{display:none}.ui-dialog .ui-widget-header button{margin:0;display:block;top:0;right:0;width:25px;height:25px;position:relative;background:none;border:none}.ui-dialog .ui-dialog-content{padding:0}.ui-dialog .ui-dialog-content .project__popin__wrapper{display:flex;flex-direction:column-reverse;gap:15px}.ui-dialog .ui-dialog-content .project__popin__left{background:rgba(1,194,233,.03);border:3px solid #14778e;padding:2rem}.ui-dialog .ui-dialog-content .project__popin__left h3{text-align:center;margin-bottom:1.5rem}.ui-dialog .ui-dialog-content .project__popin__left__tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.1rem}.ui-dialog .ui-dialog-content .project__popin__left__tags .field__item{padding:.5rem 1.3rem;background:rgba(216,126,24,.12);color:#125259;width:fit-content;border-left:1px solid #125259}.ui-dialog .ui-dialog-content .project__popin__left__tags .field__item.--white{background:#fff}.ui-dialog .ui-dialog-content .project__popin__right{max-width:72%;margin:auto}.ui-dialog .ui-dialog-content .project__popin__right .slick .field--name-field-media-image{margin:auto;width:fit-content}
@media screen and (min-width:1024px){.node__list .projects{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:80px}.node__list .projects form{grid-column-start:1;grid-column-end:3}.node__list .projects form fieldset .fieldset-wrapper{margin:auto;margin-top:20px}.node__list .projects form fieldset .fieldset-wrapper .form-checkboxes{margin:auto}.node__list .projects .projects{padding:0 5px 50px 5px}.project__popin__wrapper{flex-direction:row !important}}
@media screen and (min-width:1440px){.node__list .projects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px;margin-bottom:80px;margin-right:20px;margin-left:20px}.node__list .projects form{grid-column-start:1;grid-column-end:4}}
@media screen and (min-width:1440px){.node__list{max-width:1700px;margin:auto}}
nav.pager ul{display:flex;width:fit-content;margin:auto}nav.pager ul li{padding:.5rem;width:1.5rem}nav.pager ul li.pager__item--first,nav.pager ul li.pager__item--last,nav.pager ul li.pager__item--previous,nav.pager ul li.pager__item--next{width:fit-content;padding:.5rem .25rem}nav.pager ul li.is-active{background-color:#125259;width:2rem;text-align:center;border-radius:100%}nav.pager ul li.is-active a{color:#c8f7c5}nav.pager ul li a{color:#125259;font-size:2rem}nav.pager ul li a:hover{text-decoration:underline;text-decoration-color:#125259}
