html {min-height: 100%;height: 100%;}
body {font-family: 'Roboto', sans-serif;position: relative;margin: 0;color: #242D3C;min-height: 100%;font-size: 16px;background-color:#FFF;}
body.user-logged-in {padding-top: 129px !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #323232;}
h1 {font-family: 'Work Sans', sans-serif;font-size: 40px;line-height: 68px;font-weight: 700;}
h2 {font-family: 'Work Sans', sans-serif;font-size: 38px;font-weight: 700;}
h3 {font-family: 'Roboto', sans-serif;font-size: 34px;font-weight: 400;}
.header-image {display: flex;justify-content: flex-start;}
.wlight {font-weight: 400;}
.alert-success a, .alert-success a:hover, .alert-success a:focus {color: #777777;}
.alert-danger {color: #FFF;background-color: #323232;border-color: #323232;}

a:hover,
a:focus,
a.active,
a {text-decoration: none;outline: none;color: #242D3C;}
.main-container a {text-decoration:underline;}
.main-container .bt a, nav.tabs a  {text-decoration: none;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding: 0;}
.nav > li > a:hover, .nav > li > a:focus {background: none;}
.row {margin: 0;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin: 0;}
ul {padding:0 0 0 15px;}
.alert {width: 100%;}
.backTop {position:absolute;bottom:20px;cursor: pointer;text-align: right;width: 120px;right:0px;right: 0px;top: 80vh;}
.backTopMobile {display:none;}
.tabs {position:fixed; bottom:0;background-color: #FFF;z-index: 1000;}
.select-wrapper:after {color: #323232;}

.addtoany_list a:hover:hover img, .addtoany_list a:hover span {
  opacity: 1;
}

/* CKEDITOR */
.ckegrostitre {text-transform: uppercase;font-size: 80px;text-align:center;}
.cketaille50 {font-size: 50px;}
.cketaille45 {font-size: 45px;}
.cketaille42 {font-size: 42px;}
.cketaille30 {font-size: 30px;}

.references > .field--item {padding:40px 20px;}
.references {background-color:#B4FEF2;width: 100%;overflow: hidden;padding: 60px 0 70px 0;}
.references .field--name-field-refs{display:flex;}
.references .paragraph--type--ref {position:relative;}
.references .paragraph--type--ref .field--name-field-lien{padding:0;}
.references .paragraph--type--ref .field--name-field-lien a{height:0;width:0;overflow: hidden;display: block;}
.references .paragraph--type--ref .field--name-field-lien a::before{ position:absolute;left:0;top:0;width: 100%;height: 100%;content:'';display: block;}
.field--name-field-image {margin-bottom:50px;}


/* HEADER */
header.navbar.container {position: fixed;top: 40px;right: 0;left:0; margin: 0 auto;width: 100%;max-width: 1640px;border: none;border-radius: 0;padding:0px;z-index: 999;background: transparent;}
.user-logged-in header.navbar.container {top: 79px;}
header.navbar.container .region-navigation {display: flex;justify-content: flex-start;align-items: center;height: 40px;}
.navbar {position: relative;min-height: 40px;margin-bottom: 0px;border: 1px solid transparent;}
.view-articles .pager li {background: none;}
#block-menutop {position: absolute;right: 87px;top:10px;}
#block-menutop ul.menu--menu-top {display: flex;height: 40px;align-items: center;}
#block-menutop ul.menu--menu-top li {display: block;}
#block-menutop ul.menu--menu-top a {display: block;padding: 0;font-size: 16px;text-transform: uppercase;color: #fff;padding: 0 20px;line-height: 61px;font-weight: 400;margin-right:10px;}
#block-menutop ul.menu--menu-top a.blog {background: #FFF;color:#323232;}
#block-menutop ul.menu--menu-top a.contact {background: #323232;}
#block-drupalservices-main-menu {position: absolute;right: 0;top: 0;}
#block-drupalservices-main-menu .burger {width:90px;height:61px;background: url('images/burger.svg') no-repeat;cursor: pointer;}
#block-drupalservices-main-menu .burger:hover {background: url('images/burgerover.svg') no-repeat;}
#block-drupalservices-main-menu .croixburger {width:138px;height:61px;background: url('images/croixburger.svg') no-repeat;cursor: pointer;}
#block-drupalservices-main-menu .croixburger:hover {width:138px;height:61px;background: url('images/croixburgerover.svg') no-repeat;}

#block-drupalservices-main-menu ul {position: absolute;top: -40px;right: -1000px;width: 102vw;height: 100vh;background-color: #323232;padding: 40px;}
#block-drupalservices-main-menu ul li {padding: 0;display: block;float: none;width: 100%;}
#block-drupalservices-main-menu ul li a {padding: 10px;display: block;color: #FEFEFE;font-size: 28px;line-height:45px;font-family: 'Work Sans';font-weight: bold;}
#block-drupalservices-main-menu ul li.active a {color: #B4FEF2;background: none;}
#block-drupalservices-main-menu ul li a:hover {color: #B4FEF2;background: none;}
.footer.container .menus_footer a:hover {color: #B4FEF2;background: none;}
#block-menutop ul.menu--menu-top a:hover {color: #B4FEF2;}
.bt a:hover {color: #B4FEF2;}
.path-blog .region-content .views-element-container .pager li > a:hover {color: #B4FEF2;}


/* FOOTER */
.footer.container {width: 100%;padding: 0 40px;margin: 0;}
.footer.container .logo_footer {margin: 40px 20px 40px 0;text-align: center;}

/* HOME */
.page-node-type-home .main-container {max-width: none;width: 100%;padding: 0;}
.bloc_intro {padding: 60px 0 65px;text-align: center; background-color:#B4FEF2;}
.bloc_intro .view-content {text-align: left;}
.bloc_intro .field--name-field-intro p,
.bloc_intro .field--name-field-intro h2 {margin: 0;}
.bloc_intro .field--name-dynamic-block-fieldnode-services {margin-top: 55px;}
.bloc_intro .field--name-dynamic-block-fieldnode-services .field--label {font-size: 40px;font-weight: normal;margin-bottom: 10px;}

.view-services {padding:40px;}
.view-services .grid {margin-bottom:40px;    width: 33.33%;}
.view-services h2 {text-transform: uppercase;}
.view-services .view-content {display: flex;}
.view-services .view-content .views-row {display: block;width: 33.33333%;background: #fff;border: 1px solid #E4E4E4;padding: 40px;opacity:0;}
.view-services .view-content .views-row::last-child {border-right: none;}


.page-node-type-home .bloc_wysiwyg {padding: 40px 0 65px;background: #E4E4E4;}
.page-node-type-home .bloc_wysiwyg .cketaille45 {font-weight: bold;}
.page-node-type-home .bloc_wysiwyg > div {max-width: 1090px;margin: 0 auto;}
.node--type-service.node--view-mode-sortie-de-vue .field--name-field-logo {height: 130px;}
.node--type-service.node--view-mode-sortie-de-vue .field--name-field-logo img {display: block;}
.node--type-service.node--view-mode-sortie-de-vue .field--name-node-title {margin-bottom: 15px;}
.node--type-service.node--view-mode-sortie-de-vue .field--name-node-title h2 {font-size: 30px;margin: 0;font-family: 'Roboto';font-weight: 400;}
.node--type-service.node--view-mode-sortie-de-vue .field--name-field-resume {font-size: 20px;margin-bottom: 20px;line-height:36px;}
.node--type-service.node--view-mode-sortie-de-vue .field--name-field-resume .field--item {max-width:260px;}
.node--type-service.node--view-mode-sortie-de-vue .field--name-node-link a {background-color:#323232;font-size:0px;width:40px;height:40px;float:left;background: url('images/btplus.svg') no-repeat;}
.node--type-service.node--view-mode-sortie-de-vue .field--name-node-link a:hover {background: url('images/btplusover.svg') no-repeat;}
.region-content li.grid {background: none;}
.field--name-dynamic-block-fieldnode-dernier-article {background-color: #FFF;border:1px solid #E4E4E4;padding:30px;margin:0 10px;}
.field--name-dynamic-block-fieldnode-derniere-ref {background-color: #FFF;border:1px solid #E4E4E4;padding:30px;margin:0 10px;}

.path-frontpage .node--type-article.node--view-mode-sortie-de-vue {width: 100%;}
.node--type-article.node--view-mode-sortie-de-vue {width: 80%;}
.art_top {display: flex;margin-bottom: 0px;}
.art_top .field--name-node-post-date {width: 80px;}
 .art_top .field--name-node-post-date .jour {display: block;background: #fff;font-size: 30px;font-weight: bold;width: 100%;text-align: center;width: 80px;}
 .art_top .field--name-node-post-date .mois {display: block;background: #242D3C;color: #fff;font-size: 20px;font-weight: bold;width: 100%;text-align: center;text-transform: uppercase;width: 80px;}
 .art_top .field--name-node-title {padding-left: 20px;}
 .art_top .field--name-node-title h2 {margin: 0;font-size: 24px;font-weight: 700;}
 .art_top .field--name-node-title h2 a {color: #242D3C;}
.node--type-article.node--view-mode-sortie-de-vue .field--name-body {font-size:20px;margin-bottom: 10px;}
.field--name-node-link a {color: #FFF;text-transform: uppercase;font-size:22px;}

.paragraph--type--verbatim {width: 80%;}
.paragraph--type--verbatim .cit_bulle {padding-bottom: 41px;background: url('images/bulle.png') no-repeat 36px bottom;margin-bottom: 10px;}
.paragraph--type--verbatim .field--name-field-citation {background: #fff;border-radius: 10px;padding: 10px 30px;}
.paragraph--type--verbatim .field--name-field-citation::before {display: block;width: 28px;height: 12px;content: '';background: url('images/guillemets.png') no-repeat;}
.paragraph--type--verbatim .field--name-field-citation .field--item {display: inline;font-family: 'Open Sans';font-style: italic;font-size: 18px;font-weight: 100;}
.paragraph--type--verbatim .field--name-field-citation::after {display: inline-block;width: 28px;height: 12px;content: '';background: url('images/guillemets.png') no-repeat;}
.paragraph--type--verbatim .field--name-field-auteur {font-size: 16px;font-weight: 700;padding-left: 10px;}
.node--type-reference .field--name-field-description {font-size:14px;}
.container-service .bt {margin-top:50px;}

/* SERVICES */
.references-service {width:100%;background-color: #B4FEF2;padding: 70px 25% 70px 8.3%;margin-top:40px;}
.references-service .container-service {display:flex;max-width: 1640px;padding-left:128px;width:100%;flex-direction: column;}
.cta-service {width:100%;padding: 70px 25% 70px 8.3%;}
.cta-service .container-cta {max-width: 1640px;padding-left:128px;width:100%;}
.references-service h3 {margin:0 0 20px 0;font-family: 'Work Sans', sans-serif;font-size: 38px;font-weight: bold;line-height: 46px;}
.references-service h4 {text-transform: uppercase;font-family: 'Roboto';font-size:24px;font-weight: 400;padding-top:0px;max-width: 450px;}
.field--name-field-cta {display:flex;width:100%;}
.field--name-field-cta .field--item:first-child {margin-right:4%;}
.field--name-field-cta > .field--item {background:#B4FEF2;}
.contenu_service {background-color:#FFF;width: 100%;}
.node--type-cta   {padding:30px;background-color: #B4FEF2;}
.node--type-cta .cta-service-intra .field--name-field-intro  {font-family: 'Work Sans', sans-serif;font-size: 38px;font-weight: bold;line-height: 46px;}
.node--type-cta .field--name-field-lien  {color: #FFF;background: #323232;text-align: center;margin: 20px 0 0;display: block;padding: 10px 25px;width: fit-content;}
.node--type-cta .field--name-field-lien a {color: #FFF;font-family: 'Roboto';font-size: 16px;text-transform: uppercase;}
.node--type-cta .field--name-field-lien a:hover {color: #B4FEF2;}
.field--name-field-references {display:flex;}
.field--name-field-references .field--name-field-visuel {max-width:450px;}
.field--name-field-references .field--item {margin-right:4%;}
.field--name-field-references .field--item:last-child {margin-right: 0;}
.page-node-type-page-formulaire {background-color: #B4FEF2;}
.node--type-service.node--view-mode-full {margin: 40px auto 0;width: 100%;}
.node--type-service.node--view-mode-full .services_top {max-width: 1640px;display: flex;flex-direction: column;align-items: flex-start;padding:0 25% 0 8.3%;margin:0 auto;}
.node--type-service.node--view-mode-full .services_top .logo_titre {display: flex;align-items: center;justify-content: flex-start;margin-bottom:0px;}
.node--type-service.node--view-mode-full .services_top .logo_titre .field--name-node-title h1 {font-family: 'Work Sans', sans-serif;font-size: 40px;font-weight: bold;padding-left:28px;text-transform: none;}
.node--type-page h1 {font-family: 'Work Sans', sans-serif;font-size: 40px;font-weight: bold;padding-left:10px;text-transform: none;}
.node--type-service.node--view-mode-full .services_top .field--name-field-introduction {padding-left:128px;}
.field--name-field-metiers {width:100%;padding: 20px 25% 0px 8.3%;max-width: 1640px;margin: 0 auto;}
.cta-service .field--type-entity-reference .node--type-cta {max-width:450px;}

.field--name-field-metiers .field--items {max-width: 1640px;padding-left:128px;width:100%;}
.field--name-field-metiers .field--items > .field--item {margin-top: 30px;}
.field--name-field-metiers .field--items .paragraph--type--metiers {display: table;}
.field--name-field-metiers .field--items .paragraph--type--metiers .titre_logo {width: 200px;display: table-cell;vertical-align: top;text-align: center;}
.field--name-field-metiers .field--items .paragraph--type--metiers .titre_logo .field--name-field-logo {margin: 0 auto 15px;width: 120px;}
.field--name-field-metiers .field--items .paragraph--type--metiers .titre_logo .field--name-field-titre {font-size: 20px;text-transform: uppercase;font-weight: bold;}
.field--name-field-metiers .field--items .paragraph--type--metiers .field--name-field-contenu {display: table-cell;vertical-align: top;padding-left: 20px;font-size: 16px;}
.field--name-field-references .field--label {font-size: 32px;font-weight: normal;margin-bottom: 10px;}
.node--type-reference.node--view-mode-sortie-de-vue {padding: 0;position: relative;}
.field--name-field-references .field--label {padding-left: 0px;max-width:1090px;margin:0 auto;background-color:#FFF;font-size:25px;color:#F96232;}
.field--name-field-references .field--items {padding-left: 0px;max-width:1090px;margin:0 auto;background-color:#FFF;}
.field--name-field-references .field--items > .field--item {margin-bottom: 15px;}
.field--name-field-references .field--items > .field--item:last-child {margin-bottom: 0;}
.field--name-field-references .field--items .field--item:nth-child(even) .node--type-reference.node--view-mode-sortie-de-vue .field--name-field-description {left: 20px;right: auto;}
.node--type-reference.node--view-mode-sortie-de-vue .field--name-field-description {border-radius: 10px;position: absolute;right: 20px;bottom: 20px;top: 20px;width: 300px;background: url('images/transp.png') repeat;padding: 30px;font-size:14px;}
.node--type-reference.node--view-mode-sortie-de-vue .field--name-field-description strong {font-size: 14px;}
.page-node-type-service #block-liencontact {padding: 60px 0 80px;max-width: 1090px;margin: 0 auto;}
.webform_top .field--item p {text-align: left;}
#edit-cv-upload .description {font-size:11px;display: none;}
.node--type-article .field--name-body a {font-weight:500;}

.offre_footer {display:block;}
.offre_footer_mobile {display:none;}

.region-content .slick li {background:none;}
.bt {color:#FFF;border: none;border-radius: 0px;background: #323232;text-align: center;margin: 20px 0 0;display: block;padding:10px 25px;width: fit-content;}
.bt:hover {color:#FFF;}
.bt a {color:#FFF;font-family: 'Roboto';font-size:16px;font-weight: 500;text-transform: uppercase;}
.contenu_service .node--type-reference .img-responsive {border-radius:10px;}
.field--name-field-introduction p, .field--name-body p {text-align: left;}
.field--name-field-introduction .intro, .field--name-body .intro{ font-size: 20px;}
@media screen and (max-width: 999px) {
  .field--name-field-introduction .intro, .field--name-body .intro{ font-size: 16px;}
}
.top_container {padding:0;max-width: 1640px;display: flex;flex-direction: column;align-items: flex-start;padding:0 25% 0 8.3%;margin: 0 auto;}

/* FORMULAIRE */

.node--type-page-formulaire.node--view-mode-full {margin:0;width: 100%;}
.node--type-page-formulaire.node--view-mode-full .webform_top {max-width: 1640px;display: flex;flex-direction: column;align-items: flex-start;padding:0 25% 0 8.3%;margin:0 auto;}
.help-block {font-size:20px;color:#000;}

.node--type-page-formulaire.node--view-mode-full .webform_top .logo_titre {display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 40px;width: 100%;}
.node--type-page-formulaire.node--view-mode-full .webform_top .logo_titre .field--name-node-title h2 {margin: 0;text-transform: uppercase;font-size: 50px;}
.node--type-page-formulaire.node--view-mode-full .webform_top .field--name-field-intro {font-size: 26px;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform {width:100%;margin-top:30px;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item {margin-bottom: 25px; width: 100%;}
.webform-file-button {width:100%;}
.form-textarea-wrapper .form-textarea {width:100%;}
.num-contact {font-family: 'Work Sans', sans-serif;font-size: 38px;font-weight: bold;}
.webform-flexbox {margin: 0;}
.form-type-select {margin-bottom:0!important;}
.js-webform-flexbox {width:100%;}
.webform-flex--container {margin: 0 16px 0 0;}
.webform-flexbox .webform-flex--1:last-child .webform-flex--container {margin-right:0;}
.alert-success {color: #FFF;background-color: #323232;border-color: #323232;}

.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item label {font-size: 16px;font-weight: 500;display: none;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item label.form-required::after {display: none;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item textarea,
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item input {display: block;width: 100%;max-width: none;border-radius: 0px;box-shadow: none;resize: none;background-color: #FFF;padding:20px;font-size: 20px;color: #000;border: 1px solid #000;}
.webform-submission-recrutement-form {display:flex;flex-wrap: wrap;max-width: 1090px;margin: 0 auto;}
.webform-submission-contact-form {display:flex;flex-wrap: wrap;max-width: 1640px;padding:0 25% 75px 8.3%;margin:0 auto;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item textarea {width:100%;border: 1px solid #323232;}

.select-wrapper select {border:1px solid #323232;border-radius: 0;padding: 0 20px;height: 44px;font-size: 20px;color: #000;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-type-textarea {width:100%;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-type-textarea .form-textarea-wrapper {width:100%;}
#edit-cv-upload label {display: block;}
.form-item-prenom input {margin-left:0%;}
.webform-submission-recrutement-form .form-item-telephone input {margin-left:0%;}
.webform-submission-contact-form .form-item-email input {margin-left:0%;}

.node--type-page-formulaire.node--view-mode-full #ajax-wrapper {width:50%;}
.node--type-page-formulaire.node--view-mode-full #ajax-wrapper .form-item {width:100%;}
.webform-submission-recrutement-form .form-type-tel{width:50%;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-actions button {border: none;border-radius:0px;background: #323232;text-align: center;font-size: 16px;margin: 10px auto 0;display: block;float:left;font-family: 'Roboto', sans-serif;text-transform: uppercase;padding:10px 20px;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item input.form-file {padding: 0;}
.navbar-nav > li > a {font-family: 'Work Sans', sans-serif;font-size: 22px;line-height: 28px;}
.container {width:100%;padding:0;}
.form-item-donnees-personnelles {display: flex;}
.field--name-field-refs {overflow-x: scroll;}
.field--name-field-refs::-webkit-scrollbar {display: none;}

/* Hide scrollbar for IE, Edge and Firefox */
.field--name-field-refs {-ms-overflow-style: none; scrollbar-width: none; }
.footer.container {padding:0 40px;background-color:#323232;color:#FFF;}
.footer.container a {color:#FFF;text-decoration: none;}
.user-login-form {width:70%;margin:120px auto;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item-donnees-personnelles label {display: block;}
.node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item-donnees-personnelles input {width:auto;}
.alert-danger {width: 100%;}

/* BLOG */
.path-blog .region-header {display: flex;flex-wrap: wrap;max-width: 1640px;padding:0px 25% 0px 8.3%;width: 100%;margin:0 auto;}
.path-blog .region-header #block-bloctopblog {width: 100%;padding-top: 60px;}
.path-blog .region-header #block-bloctopblog .logotitre {display: flex;align-items: center;width: 450px;}
.path-blog .region-header #block-bloctopblog .logotitre h1 {display: block;font-size: 40px;font-weight: bold;margin: 0 0 25px 0;}
.path-blog .img-responsive {max-width: fit-content;}
.bloc_topblog {display: flex;align-items: flex-start;flex-direction: column;}
.bloc_topblog .header-image {padding-bottom: 30px;}
.logotitre h1 {padding-left:0px;display: block;font-size: 40px;}
.view-articles .field--type-text-with-summary {margin-left:0px;}
.view-articles .field--name-field-lien {margin-top: 20px;}
.view-articles .field--name-field-lien,
.view-articles .field--name-node-link  {margin-left:0px;}
.view-articles .btBlogBack {display:none;}
.btBlogBack {text-transform: uppercase;font-weight: 500;}
.views-exposed-form {border-bottom:10px #d6d6d6 solid;padding-bottom:40px;}
.views-exposed-form .control-label {font-size:20px;font-weight: normal;margin-right:15px;}
.views-exposed-form .form-select {width:300px;}
.view-articles h3 {text-transform: uppercase;}
.view-articles .form-group {margin-bottom:0;}
.field--name-node-post-date {font-size:13px;font-weight: bold;}
.page-node-type-article .bloc_topblog .logotitre {display: none!important;}
.page-node-type-article .bloc_topblog .blog_intro {display: none;}
.prevNext {display:flex;margin:50px 0;font-size:18px; text-transform: uppercase;}
.prevNext a {display:flex;}
.prev {width: 50%;}
.prev img {margin-right:10px;}
.next {width: 50%;justify-content: flex-end;display:flex;}
.next img {margin-left:10px;}
.next .t {text-align: right;display:flex;align-items: center;width:calc(100% - 40px);}
.prev .t {text-align: left;display:flex;align-items: center; width:calc(100% - 40px);}

.path-blog .field--name-field-lien a,
.path-blog .field--name-node-link a {line-height: 19px;display: block;color: #242D3C;text-transform: uppercase;font-weight: 500;}
.path-blog .region-content  {display: flex;max-width: 1640px;padding:40px 25% 40px 8.3%;width: 100%;margin:0 auto;}
.path-blog .region-header #block-bloctopblog .blog_intro {font-size: 26px;line-height: 40px;;}
.path-blog .region-content .views-element-container {width: 100%;}
.path-blog .region-content .views-element-container .views-row {padding-bottom: 40px;border-bottom:10px solid #e9e9e9;padding-top: 16px;}
.path-blog .region-content .views-element-container .node--type-article.node--view-mode-sortie-de-vue {width: 100%;display:flex;}
.art_top .field--name-node-post-date .jour {border: 1px solid #707070;}
.art_top {align-items: center;}
.art_top h2 {font-size: 22px;}
.path-blog  section.col-sm-12 {background-color: #FFF;}
.path-blog .region-content .views-element-container .node--type-article.node--view-mode-sortie-de-vue .field--name-body {margin-bottom: 8px;}
.path-blog .region-content .views-element-container .pager {margin: 40px 0 0 0;}
.path-blog .region-content .views-element-container .pager li > a {padding: 0 45px;border: none;border-radius: 0;width:235px;background: #323232;color: #fff;font-size: 16px;font-weight: 500;line-height: 36px;text-transform: uppercase;text-align:center;}
.path-blog .region-content #block-views-block-services-block-2 {width: 35%;margin-top: 50px;padding: 50px 60px;background: #E4E4E4;border-radius:5px;}
.path-blog .region-content #block-views-block-services-block-2 .block-title {margin: 0 0 30px;color: #242D3C;font-size: 28px;text-transform: uppercase;}
.path-blog .region-content #block-views-block-services-block-2 .node--type-service.node--view-mode-sortie-de-vue-2 .field--name-node-title {margin-bottom: 10px;}
.path-blog .region-content #block-views-block-services-block-2 .node--type-service.node--view-mode-sortie-de-vue-2 .field--name-node-title p {font-size: 30px;}
.path-blog .region-content #block-views-block-services-block-2 .node--type-service.node--view-mode-sortie-de-vue-2 .field--name-field-resume {margin-bottom: 10px;}
.path-blog .region-content #block-views-block-services-block-2 .views-row {margin-bottom: 40px;}
.path-blog .region-content #block-views-block-services-block-2 .views-row:last-child {margin-bottom: 0;}
.path-blog .field--name-field-auteur {margin-top:20px;}
.node--type-page-formulaire .field--name-field-intro p {width:100%;}
.webform-actions {width:100%;}
.field--name-field-auteur {text-align:left;}
.slick-dots li button::before {font-size: 1.25rem;}
.contenu_service li {padding:10px 0 10px 15px;list-style: none;background: url('images/ellipse.png') no-repeat;background-position: 0% 50%;}
.contenu_service ul {padding:0;}
.contenu_service h2 {font-size: 30px;margin: 0;font-family: 'Roboto';font-weight: 400;text-transform: uppercase;padding:20px 0 30px 0;}
.region-content li {padding:10px 0 10px 15px;list-style: none;background: url('images/ellipse.png') no-repeat;background-position: 0% 16px;}
.region-content ul {padding:0;}
.nextimage {background: url('images/flechedroite.svg') no-repeat;width: 40px; height: 40px;display: block;padding: 0;margin-left: 10px;}
.previmage {background: url('images/flechegauche.svg') no-repeat;width: 40px; height: 40px;display: block;padding: 0;margin-right: 10px;}
.nextimage:hover {background: url('images/flechedroiteover.svg') no-repeat;}
.previmage:hover {background: url('images/flechegaucheover.svg') no-repeat;}
.codes {padding: 5px 10px;background-color: #CCC;border: 1px solid #000;font-weight: normal;width: fit-content; margin: 10px 0;}


.partage_facebook {background: url('images/facebook.svg') no-repeat;width: 40px; height: 40px;display: block;}
.partage_facebook:hover {background: url('images/facebookover.svg') no-repeat;width: 40px; height: 40px;display: block;}
.partage_twitter {background: url('images/twitter.svg') no-repeat;width: 40px; height: 40px;display: block;}
.partage_twitter:hover {background: url('images/twitterover.svg') no-repeat;width: 40px; height: 40px;display: block;}
.partage_linkedin {background: url('images/linkedin.svg') no-repeat;width: 40px; height: 40px;display: block;}
.partage_linkedin:hover {background: url('images/linkedinover.svg') no-repeat;width: 40px; height: 40px;display: block;}



.page-node-type-article  section.col-sm-12 {background-color: #FFF;}
.page-node-type-article .region-content {display: flex;flex-wrap: wrap;max-width: 1640px;padding:40px 25% 40px 8.3%;width:100%;margin:0 auto;}
.page-node-type-article .region-header #block-bloctopblog {max-width: 1640px;padding:60px 25% 20px 8.3%;width:100%;margin:0 auto;}
.page-node-type-article .region-header #block-bloctopblog .logotitre {display: flex;}
.page-node-type-article .region-header #block-bloctopblog .logotitre .lelogo {display: block;width: 93px;height: 109px;background: url('images/blog.png') no-repeat;}
.page-node-type-article .region-header #block-bloctopblog .logotitre p {padding-left: 60px;display: block;font-size: 60px;text-transform: uppercase;}
.page-node-type-article .region-header #block-bloctopblog .blog_intro {font-size: 25px;margin-top: 30px;}
.page-node-type-article .node--type-article.node--view-mode-full .field--name-node-title h2 {text-transform: uppercase;margin: 20px 0 20px;font-size: 36px;}
.field--name-node-title h1 {margin: 0 0 0px;font-size: 45px;font-weight: bold;}
.page-node-type-article .node--type-article.node--view-mode-full .field--name-node-post-date {font-size: 16px;margin-bottom: 20px;}
.page-node-type-article .node--type-article.node--view-mode-full .field--name-body {margin-bottom: 30px;}
.page-node-type-article .node--type-article.node--view-mode-full .field--name-body img {max-width: 100%;display: block;}
.page-node-type-article .region-content #block-views-block-services-block-2 {width: 35%;margin-top: 50px;padding: 50px 60px;background: #E4E4E4;border-radius:5px;}
.page-node-type-article .region-content #block-views-block-services-block-2 .block-title {margin: 0 0 30px;color: #242D3C;font-size: 28px;text-transform: uppercase;}
.page-node-type-article .region-content #block-views-block-services-block-2 .node--type-service.node--view-mode-sortie-de-vue-2 .field--name-node-title {margin-bottom: 10px;}
.page-node-type-article .region-content #block-views-block-services-block-2 .node--type-service.node--view-mode-sortie-de-vue-2 .field--name-node-title p {font-size: 30px;}
.page-node-type-article .region-content #block-views-block-services-block-2 .node--type-service.node--view-mode-sortie-de-vue-2 .field--name-field-resume {margin-bottom: 10px;}
.page-node-type-article .region-content #block-views-block-services-block-2 .views-row {margin-bottom: 40px;}
.page-node-type-article .region-content #block-views-block-services-block-2 .views-row:last-child {margin-bottom: 0;}

.partager {display:flex;margin: 80px 0 0 0;}
.partager .titre_partage {font-size:20px;color:#000;margin-right:10px;display: flex;align-items: center;}
.addtoany_list > a {padding: 0 0 0 10px;}
.field--name-node-title h1 {margin: 0 0 0px;font-size: 40px;font-weight: bold;padding:0;}
.view-articles img {width: 272px;height:auto;border:1px solid #000;margin-right:25px;margin-top: 26px;}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {position: inherit; margin-top: 10px;border: 1px solid #000;}
#wcb_2 {color:#FFF;}
#wcb #wcb_g {background-color: #FFF !important;border: 1px solid #323232!important;color:#323232!important;} 
#wcb #wcb_a {background-color: #B4FEF2 !important;color:#323232!important;border: 1px solid #323232!important;}

/* PAGE DE BASE */
.page-node-type-service, .page-node-type-page-formulaire {padding-top: 60px;}
.node--type-page {margin-top:40px;}
.page-node-type-page .region-content {max-width: 1640px;padding:0px 25% 40px 8.3%;width:100%;margin: 60px auto 0 auto;}
.page-node-type-page .region-content .field--name-node-title {width: 100%;background: #fff;}
.page-node-type-page .region-content .field--name-node-title h2 {display: block;font-size: 60px;text-transform: uppercase;margin: 0;}
.page-node-type-page .region-content .field--name-body {margin-top: 40px;}

.node--type-article .field--name-body h2 {font-size: 32px;}


@media screen and (min-width: 800px) and (max-width: 999px) {

  .node--type-service.node--view-mode-full .services_top {max-width:90%;}
  .field--name-field-metiers .field--items {max-width:90%;}
  .field--name-field-references .field--label {max-width:90%;}
  .field--name-field-references .field--items {max-width:90%;}
  .page-node-type-home .bloc_intro > div {max-width: 90%;}
  .page-node-type-home .bloc_references > div {max-width: 90%;}
  .page-node-type-service #block-liencontact {max-width: 90%;}
  .node--type-page-formulaire.node--view-mode-full .webform_top {max-width: 90%;}
  .webform-submission-recrutement-form {max-width: 90%;}
  .webform-submission-contact-form {max-width: 90%;}
  .path-blog .region-header {max-width: 90%;}
  .path-blog .region-header #block-bloctopblog {max-width: 90%;}
  .path-blog .region-content  {max-width: 90%;}
  .page-node-type-article .region-content {max-width: 90%;}
  .page-node-type-article .region-header #block-bloctopblog {max-width: 90%;}
  .page-node-type-page .region-content {max-width: 90%;}
  .path-blog .region-content #block-views-block-services-block-1 {padding: 30px 40px;}
  .ckegrostitre {font-size: 60px;}
  .cketaille50 {font-size: 40px;}
  .cketaille45 {font-size: 38px;}
  .cketaille42 {font-size: 35px;}
  .cketaille30 {font-size: 25px;}

}


@media screen and (max-width: 999px) {

  body {padding-bottom: 0;}
  h1 {font-family: 'Work Sans', sans-serif;font-size: 32px;line-height: 38px;padding:0px 0;}
  h2 {font-size: 30px;line-height: 36px;}
  .backTop {display:none;}
  .backTopMobile {display:flex;width:100%;justify-content: center;}
  .backTopMobile img {margin-top: -1px;}
  #block-mainnavigation {padding:30px;}
  .header-image img {width:100%;max-width:536px;}
  .header-image  {width:100%;text-align: left;display:block;}
  .user-logged-in header.navbar.container {top: 39px;}
  .page-node-type-article .region-header #block-bloctopblog .logotitre {display: flex;flex-direction: column;align-items: center;}
  .page-node-type-article .region-header #block-bloctopblog .blog_intro {font-size: 25px;margin-top: 0px;padding: 0 40px; }
  .node--type-page-formulaire.node--view-mode-full .webform_top {padding:0;}
  .webform-submission-contact-form {padding:0;}
  #block-drupalservices-main-menu ul {padding: 20px 40px;}
  .field--name-node-title h1 {font-family: 'Roboto', sans-serif;font-size: 34px;padding: 30px 0 10px 0;text-transform: uppercase;font-weight: 400;}
  .page-node-type-article .node--type-article.node--view-mode-full .field--name-node-post-date {font-size: 13px;}
  .node--type-article .field--name-body h2 {font-size: 28px;}
  #block-drupalservices-main-menu .croixburger {width: 108px;background-position-x: -30px;}
  #block-drupalservices-main-menu .croixburger:hover {width: 108px;background-position-x: -30px;}
  #block-drupalservices-main-menu ul li a {line-height: 6vh;}
  #block-drupalservices-main-menu .burger {background-color: #242D3C;}

  .field--name-node-link a {background-color: none;color: #FFF;text-transform: uppercase;font-size: 16px;padding:10px 20px;font-family: 'Roboto', sans-serif;}
  .node--view-mode-sortie-de-vue .field--name-node-link a {padding:0;}
  .copyright_footer li {padding:0 0 20px 0;}
  .bt a {font-size: 14px;}

  header.navbar.container {padding: 0;}
  #block-menutop {bottom: 0;left: 0;}
  #block-drupalservices-main-menu {bottom: 0;top: 0;height:60px;z-index:20;}
  #block-menutop ul.menu--menu-top {display: table;width: 100%;}
  #block-menutop ul.menu--menu-top li {display: table-cell;text-align: center;}
  #block-menutop ul.menu--menu-top a {padding: 0 0px;}
  #block-menutop {top: 0px;}
  #block-drupalservices-main-menu ul {margin: 0;}
  .view-articles .field--type-text-with-summary {margin-left:0px;margin-top: 10px;font-size: 14px;}
  .view-articles .field--name-node-link {margin-left:0px;}
  .view-articles img {width: 100%;}
  .field--name-field-intro img {width:100%;}
  header.navbar.container {top: 0px;}
  header.navbar.container .region-navigation .logo {margin-left: 10px;}
  .bloc_intro .bt {margin:20px auto 0;}
  .bloc_intro .view-services .view-content .views-row {opacity:1;}
  .offre_footer {display:none;}
  .offre_footer_mobile {display:block;}

  .references h2 {font-weight:bold;}
  .references .field--item {padding: 10px 10px 10px 0px;}
  .references .bt {margin:20px 0 0 35px;}
  .references .field--name-field-refs {margin-left: 35px;}
  .references-service h4 {font-size: 20px;}
  .container {width: 100%;padding: 0;}
  .container-service .bt {margin-top: 0px;}
  
  .page-node-type-home .bloc_intro {padding: 120px 35px 80px 35px;}
  .page-node-type-home .bloc_intro .field--name-field-intro {font-size: 18px;}
  .bloc_wysiwyg img {width: 100%;}
  .paragraph--type--lien-acquia .field--item img {margin:0 auto;}
  .paragraph--type--lien-acquia  {text-align: center;}
  .view-services .grid {width: 100%;}
  .region-content li.grid {background: none;}
  .footer_container ul, .footer_container li {list-style: none;margin-bottom:0;}
  #block-drupalservices-main-menu ul {top: 60px;right: -1000px;}
  .node--type-service.node--view-mode-full .services_top {padding: 0;width: 100%;display: flex;flex-direction: column;align-items: flex-start;margin: 0;}
  .node--type-service.node--view-mode-full .services_top .field--name-field-introduction {padding-left: 0px;width: 100%;}
  .node--type-service.node--view-mode-full .services_top .field--name-field-introduction img {width: 100%;}
  .references h2 {padding: 0 35px;}  
  .references-service .container-service {display: flex;width: 100%;padding-left:0px;}
  .field--name-field-references {display: flex;flex-direction: column;}
  .page-node-type-article .node--type-article.node--view-mode-full .field--name-body img {height: auto;width: 100%;}
  .menu1_footer li {font-size: 22px;line-height:35px;font-family: 'Work Sans';font-weight: bold;padding-bottom: 20px;}
  .menu2_footer li {font-size: 22px;line-height:35px;font-family: 'Work Sans';font-weight: bold;padding-bottom: 20px;}
  .field--name-field-references img {width:100%;}
  .cta-service {padding: 0;}
  .cta-service .container-cta {padding: 35px;}
  .node--type-cta .cta-service-intra .field--name-field-intro {font-size: 24px;line-height:32px;}
  .field--name-field-cta {flex-direction: column;}
  .references-service {width: 100%;padding: 35px;}
  .webform-submission-contact-form {margin: 0 20px;}
  .field--name-field-references .node--type-article {margin-bottom:30px;}

  .node--type-page-formulaire.node--view-mode-full { margin: 0; width: 100%;}
  #block-drupalservices-main-menu {position: fixed;right: 0;top: 0;}
  #block-menutop ul.menu--menu-top a {margin-right: 44px;}

  .page-node-type-home .bloc_intro .field--name-dynamic-block-fieldnode-services {margin-top: 20px;}
  .page-node-type-home .bloc_intro .field--name-dynamic-block-fieldnode-services .field--label {font-size: 25px;}
  .page-node-type-home .bloc_intro .field--name-dynamic-block-fieldnode-services .view-services .view-content {display: block;}
  .page-node-type-home .bloc_intro .field--name-dynamic-block-fieldnode-services .view-services .view-content .views-row {display:block;width:100%;padding: 20px;margin-bottom: 30px;border: 1px solid #E4E4E4;}
  .node--type-service.node--view-mode-sortie-de-vue .field--name-field-logo {height: 80px;margin-bottom: 20px;}
  .node--type-service.node--view-mode-sortie-de-vue .field--name-field-logo img {display: block;height: 80px;width: auto;}
  .node--type-service.node--view-mode-sortie-de-vue .field--name-node-title {margin-bottom: 10px;}
  .node--type-service.node--view-mode-sortie-de-vue .field--name-node-title h2 {font-size: 30px;}
  .node--type-service.node--view-mode-sortie-de-vue .field--name-field-resume {font-size: 18px;line-height: 26px;}
  .page-node-type-home .bloc_references .field--name-field-titre-references {font-size: 25px;}
  .page-node-type-home .bloc_references .field--name-dynamic-block-fieldnode-references {margin-top: 20px;}
  .view-references .views-4row {text-align: center;}
  .page-node-type-home .bloc_acquia .field--name-field-liens-acquia .paragraph--type--lien-acquia .field--name-field-lien a {position: relative;margin: 0 auto;display: inline;}
  .page-node-type-home .bloc_bottom .bloc_bottom_inner .field--label {font-size: 25px;}
  .page-node-type-home .bloc_intro .field--name-dynamic-block-fieldnode-services .view-services .view-content {border:none;}
  .view-references .field--item {opacity: 1;}

  .page-node-type-home .bloc_references .field--name-dynamic-block-fieldnode-references .view-content .views-4row .node--type-reference {width: 100%;margin-bottom: 10px;}
  .node--type-reference .field--name-field-resume-home {padding: 10px 0 0; font-size: 12px;}
  .page-node-type-home .bloc_references .field--name-dynamic-block-fieldnode-references .view-content .views-4row .desc_cntr {display: none;}
  
  .node--type-article.node--view-mode-sortie-de-vue {width: 100%;}
  .node--type-article.node--view-mode-sortie-de-vue .art_top .field--name-node-title h2 {font-size: 22px;}
  .node--type-article.node--view-mode-sortie-de-vue .field--name-body {font-size: 14px;margin-top: 10px;}
  .page-node-type-home .bloc_bottom .bloc_bottom_inner .bloc_verbatim {padding: 0;}
  .page-node-type-home .bloc_bottom .bloc_bottom_inner .bloc_verbatim > .field--name-field-titre-bloc-verbatim {font-size: 25px;}
  .paragraph--type--verbatim {width: 100%;}
  .paragraph--type--verbatim .field--name-field-citation .field--item {font-size: 16px;}
  .field--name-dynamic-block-fieldnode-derniere-ref {margin: 0;}

  .footer.container {position: relative;height: auto;padding: 0 10px 20px;}
  .footer.container .region-footer {display: block;}
  .footer.container .region-footer #block-menureseaux ul.menu--menu-reseaux {justify-content: center;}
  .footer.container .region-footer #block-drupalservices-footer ul.menu--footer {flex-wrap: wrap;height: auto;}
  .footer.container .region-footer #block-drupalservices-footer ul.menu--footer li {display: block;width: 100%;text-align: center;}
  .footer.container .region-footer #block-drupalservices-footer ul.menu--footer a {line-height: 18px;border: none;display: inline-block;width: auto;}
  .webform-flex--container {margin: 0;}

  .node--type-page-formulaire.node--view-mode-full .webform_top {margin: 40px 35px;}
  .webform-submission-contact-form { margin: 0;}
  .node--type-page-formulaire.node--view-mode-full .webform_top .logo_titre {display: block;margin-bottom: 20px;}
  .node--type-page-formulaire.node--view-mode-full .webform_top .logo_titre .field--name-field-logo img {margin: 0 auto 20px;}
  .node--type-page-formulaire.node--view-mode-full .webform_top .logo_titre .field--name-node-title {margin: 30px 0 20px 0;}
  .node--type-page-formulaire.node--view-mode-full .webform_top .logo_titre .field--name-node-title h2 {font-size: 30px;text-align: center;}
  .node--type-page-formulaire.node--view-mode-full .field--name-webform {width: 100%;margin: 20px auto;padding: 0 35px;}
  .node--type-page-formulaire.node--view-mode-full .webform_top .field--name-field-intro {font-size: 18px;}
  .node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item label {font-size: 16px;}
  .node--type-page-formulaire.node--view-mode-full .field--name-webform .form-actions button {margin: 20px auto 0;}
  .node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item-donnees-personnelles {width:100%;}
  .node--type-page-formulaire.node--view-mode-full .field--name-webform .form-actions button {line-height: inherit;}

  .path-blog .region-content {margin: 0 auto;padding: 20px 0px;}
  .path-blog .region-header #block-bloctopblog {padding: 100px 0 20px 0;}
  .path-blog .region-header #block-bloctopblog .logotitre {display: block;margin-bottom:0px;width: 100%;}
  .path-blog .region-header #block-bloctopblog .logotitre .lelogo {margin: 0 auto 20px;}
  .path-blog .region-header #block-bloctopblog .logotitre p {font-size: 30px;text-align: center;padding-left: 0;}
  .path-blog .region-header #block-bloctopblog .blog_intro {margin-top: 20px;font-size: 18px;line-height: 26px;}
  .path-blog .region-header #block-bloctopblog .logotitre h1 {padding-left: 0;}
  .path-blog .region-content .views-element-container {margin: 0 35px;width: 100%;padding: 0;}
  .path-blog .region-content .views-element-container .views-row {margin-bottom:0px;padding: 20px 0px 30px 0;}
  .path-blog .region-content .views-element-container .node--type-article.node--view-mode-sortie-de-vue .art_top h2 {font-size: 20px;}
  .path-blog .region-content .views-element-container .pager li > a {margin: 20px auto 0;height: 40px;font-size: 16px;line-height: 40px;}
  .path-blog .region-content #block-views-block-services-block-1 {margin-top: 20px;width: 100%;padding: 20px;}

  .page-node-type-article .region-content {margin: 0 auto;padding: 0px 35px;}
  .page-node-type-article .region-content #block-bloctopblog {padding: 20px;}
  .page-node-type-article .region-content #block-bloctopblog .logotitre {display: block;margin-bottom: 20px;}
  .page-node-type-article .region-content #block-bloctopblog .logotitre .lelogo {margin: 0 auto 20px;}
  .page-node-type-article .region-content #block-bloctopblog .logotitre p {font-size: 30px;text-align: center;padding-left: 0;}
  .page-node-type-article .region-content #block-bloctopblog .blog_intro {margin-top: 20px;font-size: 18px;}
  .page-node-type-article .node--type-article.node--view-mode-full {margin-top: 20px;width: 100%;padding:0;}
  .page-node-type-article .node--type-article.node--view-mode-full .field--name-node-title h2 {font-size: 22px;}
  .page-node-type-article .region-content #block-views-block-services-block-1 {margin-top: 20px;width: 100%;padding: 20px;}

  .page-node-type-service .region-content {margin: 0 auto;padding:0;}
  .page-node-type-page .region-content {margin: 60px auto 0 auto;padding: 40px 35px;}
  .page-node-type-page .region-content .field--name-node-title {padding:0;}
  .page-node-type-page .field--name-body p {text-align: left;}
  .page-node-type-page .field--name-body li {text-align: left;}
  .page-node-type-page .region-content .field--name-node-title h2 {font-size: 40px;padding-left: 0;}
  .page-node-type-page .region-content .field--name-body {margin-top: 20px;}
  .field--name-dynamic-block-fieldnode-dernier-article {margin: 0 ;}

  .node--type-article .field--name-body p {text-align: left;}
  .node--type-article .field--name-body li {text-align: left;}

  .field--name-field-cta .field--item:first-child {margin: 0 0 40px 0;}
  .field--name-field-cta .field--item {margin: 0;}
  .field--name-field-metiers {padding: 20px;}
  .top_container {margin: 40px 35px 0 35px;padding:0;}
  .view-articles img {margin:0;}
  .img-responsive {max-width: 100%;}
  .paragraph--type--ref   .img-responsive {max-width: none;}
  .bloc_topblog .header-image {padding-bottom: 0px;}
  .prevNext .t {display:none;}
  .addtoany_list > a {padding: 0 0 0 10px;}
  .num-contact {font-size: 28px;}
  .help-block {font-size: 18px;}
  .bef-exposed-form .form--inline > .form-item {width: 100%;}
  .bloc_intro h1 {padding:40px 0;}

  .node--type-service.node--view-mode-full .services_top .logo_titre {display: flex;margin: 20px 35px;flex-direction: column;align-items: flex-start;}
  .node--type-service.node--view-mode-full .services_top .logo_titre .field--name-field-logo img {margin: 0 auto 20px;}
  .node--type-service.node--view-mode-full .services_top .logo_titre .field--name-node-title {margin-left: 0;}
  .node--type-service.node--view-mode-full .services_top .logo_titre .field--name-node-title h2 {font-size: 30px;text-align: center;padding-left: 0;}
  .node--type-service.node--view-mode-full .services_top .field--name-field-introduction {margin-top: 10px;padding: 0 35px 40px 35px;}
  .node--type-service.node--view-mode-full .field--name-field-metiers .field--items {padding-left: 0;}
  .node--type-service.node--view-mode-full .field--name-field-metiers .field--items > .field--item {margin-bottom: 20px;}
  .node--type-service.node--view-mode-full .field--name-field-metiers .field--items .paragraph--type--metiers .field--name-field-contenu {font-size: 16px;}
  .node--type-service.node--view-mode-full .field--name-field-metiers .field--items .paragraph--type--metiers .titre_logo,
  .node--type-service.node--view-mode-full .field--name-field-metiers .field--items .paragraph--type--metiers {display: block;padding: 0 20px;}
  .node--type-service.node--view-mode-full .field--name-field-metiers .field--items .paragraph--type--metiers .titre_logo {width: 100%;margin: 50px 0;}
  .node--type-service.node--view-mode-full .field--name-field-metiers .field--items .paragraph--type--metiers .titre_logo .field--name-field-logo {margin: 0 auto 10px;}
  .node--type-service.node--view-mode-full .field--name-field-metiers .field--items .paragraph--type--metiers .titre_logo .field--name-field-titre {font-size: 20px;}
  .node--type-service.node--view-mode-full .field--name-field-metiers .field--items .paragraph--type--metiers .field--name-field-contenu {padding: 10px 0 0;font-size: 14px;}

  .node--type-service.node--view-mode-full .field--name-field-references .field--label {font-size: 25px;}
  .node--type-service.node--view-mode-full .field--name-field-references .field--items .field--item:nth-child(even) .node--type-reference.node--view-mode-sortie-de-vue .field--name-field-description,
  .node--type-reference.node--view-mode-sortie-de-vue .field--name-field-description {position: relative;right: auto;left: auto;top: auto;bottom: auto;width: 100%;padding: 10px;background-color: #FFF;background-image: none;}

  .ckegrostitre {font-size: 50px;}
  .cketaille50 {font-size: 30px;}
  .cketaille45 {font-size: 28px;}
  .cketaille42 {font-size: 23px;}
  .cketaille30 {font-size: 16px;}
  .bloc_bottom img {max-width: 100%;margin-bottom:30px;}
  .path-blog .region-content #block-bloctopblog .logotitre h1 {padding-left: 0px;text-align: center;}
  .logotitre h1 {padding-left: 0px;}
  .block-views-blockservices-block-1 {display:none;}
  .node--type-page-formulaire .field--name-field-intro p {width: 100%;}
  #block-localisation h2 {text-align: center; font-size:25px;}
  .page-node-type-service #block-liencontact {padding: 60px 20px 80px;font-size: 18px;}
  .page-node-type-service #block-liencontact .cketaille30 {font-size: 18px;}
  .node--type-service.node--view-mode-full .services_top .logo_titre .field--name-node-title h1 {font-size: 36px;padding:0;}
  .node--type-reference .field--name-field-description p {font-size:12px;}

  .node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item {margin-bottom: 20px;width: 100%;}
  .node--type-page-formulaire.node--view-mode-full .field--name-webform .form-item input {width: 100%;border-radius: 0px;border-color: #323232;}
  .form-item-prenom input {margin-left: 0%;}
  .webform-submission-contact-form .form-item-email input {margin-left: 0%;}
  .js-form-item-objet-select {margin:0 !important;}

  .page-node-type-home .bloc_references .field--name-dynamic-block-fieldnode-references .view-content .views-4row .node--type-reference {width: 50%;}
  .bloc_wysiwyg img {display: block;}
  .ckegrostitre {font-size: 40px;}
  .cketaille50 {font-size: 35px;}
  .cketaille45 {font-size: 30px;}
  .cketaille42 {font-size: 25px;}
  .cketaille30 {font-size: 18px;}
  .bloc_bottom img {width: 100%;}
  .view-articles img {width: 100%; height: auto;margin-top: 10px;}
  .view-articles .img-responsive {max-width:100%;}
  #block-menutop {position: fixed;right:0;width: 100%;height:60px;z-index:10;}
  .region-footer .navbar-nav {display:none;}
  .path-blog .region-header {padding: 0px 35px 0px 35px;}
  .path-blog .region-header #block-bloctopblog .logotitre h1 {margin: 0;}
  .path-blog .region-content .views-element-container .node--type-article.node--view-mode-sortie-de-vue {flex-direction: column;}
  .page-node-type-article .region-header #block-bloctopblog {padding: 100px 35px 10px 35px;}

}


@media (min-width: 1000px) {
  .view-services {padding: 40px 0;max-width: 1640px;padding:40px 25% 40px 8.3%;margin: 0 auto;}
  .blazy--view--services {display:flex!important;}
  .bloc_intro .field--name-field-intro {max-width: 1640px;padding-left:8.3%;padding-right:25%;text-align:left;margin: 0 auto;}
  .bloc_intro .field--name-field-intro .bt {margin-top:40px;}
  .references .field--name-field-refs {padding: 0;max-width: 1640px;}
  .references_container {width:100%;max-width: 1640px;padding:0 15% 0 8.3%;margin: 0 auto;}
  .references h2 {padding:0;}
  .references .field--name-field-refs > .field--item {padding: 20px 20px 20px 0px;}
  .menu1_footer ul, .menu1_footer li {list-style: none;font-size:22px;font-family: 'Work Sans', sans-serif;font-weight: 700;padding-bottom: 20px;}
  .menu2_footer ul, .menu2_footer li {list-style: none;font-size:22px;font-family: 'Work Sans', sans-serif;font-weight: 700;padding-bottom: 20px;}
  .copyright_footer ul, .copyright_footer li {list-style: none;padding-bottom: 28px;}
  .copyright_footer li:last-child {padding-top:20px;}
  .footer_container {display: flex;max-width: 1640px;padding:0 16.6% 0 8.3%;margin: 0 auto;}
  .footer.container {padding:75px 0 75px 0;}
  .footer.container .logo_footer { width:25%;min-width:300px;margin:8px 4% 40px 0;}
  .menu2_footer, .menu1_footer, .copyright_footer {margin: 0px 6% 0px 0;width:25%;}
  .pager {text-align: left;}
  .pager .pager__item {padding:0;}
  .offre_footer {margin-top:40px;text-align: left;}
  .field--name-field-intro img {margin:10px 0 40px 0;}
  #block-drupalservices-main-menu ul {padding-left: 40px;width:414px;}
  .menus_footer {width:100%;display:flex;}
  

}


@media (min-width: 1000px) and (max-width: 1720px) {
  h1 {font-size: 36px;line-height: 60px;}
  h2 {font-size: 32px;}
  .node--type-service.node--view-mode-sortie-de-vue .field--name-node-title h2 {font-size: 26px;}
  .node--type-service.node--view-mode-sortie-de-vue .field--name-field-resume {font-size: 18px;line-height: 30px;}
  .bt a {font-size: 14px;}
  .menu1_footer li {font-size: 20px;}
  .menu2_footer li {font-size: 20px;}
  .references .field--name-field-refs {margin: 0;}
  .footer.container .logo_footer img {width:100%;}
  .footer_container {margin: 0;}
  .cta-service {padding: 70px 25% 70px 8.3%;}
  .references-service h4 {font-size: 18px;}
  header.navbar.container {max-width: 90%;}
  .node--type-cta .cta-service-intra .field--name-field-intro {font-size: 32px;line-height: 36px;}
}

@media (min-width: 1000px) and (max-width: 1200px) {

  .node--type-service.node--view-mode-sortie-de-vue .field--name-node-title h2 {font-size: 22px;}
  .node--type-service.node--view-mode-sortie-de-vue .field--name-field-resume {font-size: 16px;line-height: 26px;}
  .menu1_footer li {font-size: 18px;}
  .menu2_footer li {font-size: 18px;}
  .offre_footer {font-size: 14px;}
  .node--type-cta .cta-service-intra .field--name-field-intro {font-size: 28px;line-height: 36px;}
  .footer.container .logo_footer {min-width: auto;}
  .footer_container {padding: 0 8.3% 0 8.3%;margin: 0 auto;}
  .menu2_footer, .menu1_footer, .copyright_footer {margin: 0px 3% 0px 0;width: 30%;}
  .footer.container .logo_footer {width: 30%;}
  .references_container {padding: 0 8.3% 0 8.3%;}
}


/*captcha*/
.captcha{padding-bottom: 15px;}
div#sliding-popup{background: #B4FEF2;}
#sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab{color: #000;}

.decline-button {
  background-color: #000;
  color: #FFF;
  border: 1px solid #000;
  text-shadow: none;
  border-radius: 0px;
  background-image: none;
  box-shadow: none;
  padding: 4px 8px;
  font-family: 'Roboto';font-weight: 400;
}

.agree-button {
  background-color: #000;
  color: #FFF;
  border: 1px solid #000;
  text-shadow: none;
  padding: 4px 8px;
  font-family: 'Roboto';font-weight: 400;
}

.eu-cookie-compliance-message {
  margin: 15px 0 0;
}

.field--name-field-liens {
  padding-bottom:40px;
}

.page-node-type-landing .footerLanding {
  padding:30px 45.8% 30px 8.3% ;
  background-color: #B4FEF2;
}

.page-node-type-landing {
  background-color: #B4FEF2;
}

.page-node-type-landing .field--name-field-logo {
  display:flex;
}
.page-node-type-landing .field--name-field-logo .field--item {
  margin-right:10px;
}

.page-node-type-landing .field--name-field-titre-marques {
  font-family: 'Work Sans', sans-serif;
  font-size: 1.3vw;
  font-size: max(1.3vw, 20px);
  font-weight: 700;
  padding:0 0 20px 0;
}

.page-node-type-landing footer, .page-node-type-landing .backTop, .page-node-type-landing nav, .page-node-type-landing .field--name-node-link, .page-node-type-landing header  {
  display:none;
}

.page-node-type-landing .col1 {
  background-color: #FFF;
}

.page-node-type-landing .col2 {
  background-color: #323232;
  padding:40px;
  color: #FFF;
  width:33.3%;
  position:fixed;
  height:100vh;
  right:4.1%;
  display:flex;
  flex-direction: column;
  top:0;
}

.page-node-type-landing .view-services {
  padding:30px 45.8% 30px 8.3% ;
  margin: 0 auto;
  max-width: none;
}


.page-node-type-landing  .field--name-field-introduction {
  padding:50px 45.8% 0px 8.3% ;
  margin: 0 auto;
  max-width: none;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.56vw;
  font-size: max(1.56vw, 22px);
}

.page-node-type-landing h1 {
  margin-top:0;
}
.form-item-numero input {
  border:1px solid #FFF !important;
}

.page-node-type-landing   .field--name-field-services {
  padding:50px 45.8% 0px 8.3% ;
  margin: 0 auto;
  max-width: none;
  margin-bottom: 50px;
}

.page-node-type-landing .field--name-field-surtitre {
  font-family: 'Work Sans', sans-serif;
  text-align: center;
  font-size: max(1.97vw, 26px);
  font-weight: 700;
  padding-bottom: 15px;
}
.page-node-type-landing .field--name-field-accroche {
  font-family: 'Work Sans', sans-serif;
  text-align: center;
  font-size: max(1.97vw, 26px);
  font-weight: 700;
  padding-bottom: 0px;
}

.page-node-type-landing .sstitre_landing {
  font-family: 'Work Sans', sans-serif;
  text-align: center;
  font-size: max(1.97vw, 26px);
  font-weight: 700;
}

.page-node-type-landing .servicesLanding {
  display:flex;
  font-family: 'Work Sans', sans-serif;
  font-size: max(0.83vw, 12px);
}

.page-node-type-landing .servicesLanding h3 {
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
  font-size: max(1.3vw, 18px);
  font-weight: 700;
  padding:0;
}

.page-node-type-landing .serviceImage {
  min-height: 110px;
}

.webform-submission-contact-landing-form .form-type-textfield label {
  display:none;
}
.webform-submission-contact-landing-form .form-type-checkbox {
  display:flex;
}

.webform-submission-contact-landing-form .form-type-checkbox a {
  font-family: 'Roboto', sans-serif;
  font-size: max(0.72vw, 12px);
  color:#FFF;
}

.webform-submission-contact-landing-form .webform-element-description {
  font-family: 'Roboto', sans-serif;
  font-size: max(0.72vw, 12px);
  color:#FFF;
}

.webform-submission-contact-landing-form .webform-element-description a {
  text-decoration: underline;
}

.page-node-type-landing .btLanding {
  width:100%;
  border-radius: 4px;
  background-color: #B4FEF2;
  text-align: center;
}

.page-node-type-landing .btLanding a {
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
  font-size: 2.08vw;
  font-size: max(2.08vw, 30px);
  font-weight: 700;
  color: #323232;
}

.page-node-type-landing .temoignage {
  display:flex;
  margin-top:50px;
  font-family: 'Work Sans', sans-serif;
  font-size: max(1.04vw, 15px);
}
.page-node-type-landing .temoignage .col1t {
  width:20%;
  min-width: 120px;
}
.page-node-type-landing .temoignage .col2t {
  width:80%;
}
.page-node-type-landing h1 img {
  width:100%;
}

.webform-submission-contact-landing-form {
  position:relative;
}
.webform-submission-contact-landing-form .form-text {
  height:50px;
}
.webform-submission-contact-landing-form .webform-actions {
  position: absolute;
  top: 0px;
  left: 80%;
  width: 20%;
  
}

.webform-submission-contact-landing-form .webform-actions .webform-button--submit {
  width: 100%;
  background-color: #B4FEF2;
  border-color: #B4FEF2;
  height:50px;
  color:#323232;
  font-size: 0.93vw;
  font-weight: 700;
}

.webform-submission-contact-landing-form .form-type-checkbox {
  position : absolute;
}
.page-node-type-landing .field--name-field-contact-expert {
 margin-top: 90px; 
}

.page-node-type-landing .alert {
  width: 100%;
  position: absolute;
  z-index: 10;
  border: 1px solid #FFF;
}

.page-node-type-landing .form-required:after {
  display: none;
}

@media screen and (max-width: 1024px) {

  .page-node-type-landing .col2 {
    background-color: #323232;
    padding:40px;
    color: #FFF;
    width:100%;
    position:relative;
    height:auto;
    right:auto;
    display:flex;
    flex-direction: column;
    top:auto;
  }

  .page-node-type-landing  .field--name-field-introduction {
    padding:18px;
  }
  
  .page-node-type-landing   .field--name-field-services{
    padding:20px;
  }

  .page-node-type-landing  .field--name-field-introduction {
    font-size: 26px;
  }

  .webform-submission-contact-landing-form .webform-actions .webform-button--submit {
    font-size: 18px;
  }

  .page-node-type-landing .btLanding a {
    font-size: 36px;
  }

  .page-node-type-landing .field--name-field-accroche {
    font-size: 32px;
  }
  .page-node-type-landing .servicesLanding {
    flex-direction: column;
  }
  .page-node-type-landing .servicesLanding .service {
    padding-bottom:20px;
    font-size: 16px;
    display:flex;
  }
  .logo2007 {
    display:none;
  }
  .page-node-type-landing h1 {
    margin-bottom:20px;
  }
  .page-node-type-landing .servicesLanding .service .serviceDesc {
    display:flex;
    align-items: flex-start;
    flex-direction: column;
    padding-left:20px;
    width:75%;
  }
  .page-node-type-landing .servicesLanding .service .serviceImage {
    width:25%;
  }
  .page-node-type-landing .servicesLanding .service .serviceDesc h3 {
    margin:0;
  }
  .page-node-type-landing .servicesLanding .service:last-child {
    padding-bottom:0px;
    font-size: 16px;
  }
  .page-node-type-landing .field--name-field-contact-expert {
    margin-top: 40px;
}
  .page-node-type-landing .servicesLanding .service img {
    width:100%;
  }
  .page-node-type-landing .footerLanding {
    padding: 20px 20px 40px 20px;
  }
  .page-node-type-landing .field--name-field-services {
    margin-bottom: 0px; 
  }
  .page-node-type-landing .temoignage .col2t {
    width: 100%;
  }
  .page-node-type-landing .temoignage .col1t {
    display: none;
  }
  .alert-danger {
    border-color:#FFF;
  }

  .webform-submission-contact-landing-form .webform-actions {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }
  .webform-submission-contact-landing-form .form-type-checkbox {
    position: relative;
  }

}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .page-node-type-landing .temoignage .col1t {
    display:none;
  }
  .page-node-type-landing .temoignage .col2t {
    width:100%;
  }
  

}

@media screen and (max-width: 600px) {
  .field--name-field-logo .field--item:last-child {
    display:none;
  }
  .field--name-field-logo .field--item:nth-child(4) {
    display:none;
  }

}

.alert .close {
  opacity: 1;
}

.alert .close span {
  opacity: 1;
  color:#FFF;
}

/* Tarteaucitron */

#tarteaucitronRoot{
  font-family: roboto,sans-serif;
  color: #000;
  font-size: 16px;
}
#tarteaucitronRoot #tarteaucitronClosePanel {
  top: -6px !important;
}
#tarteaucitronRoot #tarteaucitronClosePanel:focus-visible{ outline: none;}
#tarteaucitronRoot .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronCross::before {
  color: #FFFFFF !important;
}
@media screen and (min-width: 993px) {
  #tarteaucitronRoot.tarteaucitronBeforeVisible #tarteaucitronAlertBig {
    display: flex !important;
  }
}
#tarteaucitronRoot #tarteaucitronAlertBig {
  background: #b4fef2 !important;
  padding: 20px 0 !important;
  justify-content: center;
  align-items: center;
}
#tarteaucitronRoot #tarteaucitronAlertBig:before {
  display: none;
}
@media screen and (max-width: 992px) {
  #tarteaucitronRoot #tarteaucitronAlertBig {
    flex-direction: column;
    padding: 20px 0 !important;
  }
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  width: 50%;
  font-family: roboto,sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 31px ;
  color: #000 !important;
  padding: 0 20px ;
 
}

@media screen and (max-width: 992px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 14px;
    line-height: 24px;
    width: calc(100% - 40px);
    padding: 0;
  }
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert .more {
  color: #7BC7C5;
  padding-left: 10px ;
  font-size: 14px;
  font-style: normal;
}


@media screen and (max-width: 992px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert .more {
    font-size: 14px;
    line-height: 24px;
    padding-left: 10px;
  }
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert .more:hover {
  text-decoration: underline;
}
#tarteaucitronRoot #tarteaucitronAlertBig button {
  background: #1D1D1D;
  font-family: "Lato-Bold", Fallback, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 22px ;
  color: #FFFFFF;
  border-radius: 4px ;
  padding: 5px 10px ;
  margin-bottom: 0 ;
  margin-left: 10px ;
  
}
@media screen and (max-width: 992px) {
  #tarteaucitronRoot #tarteaucitronAlertBig button {
    font-size: 14px;
    line-height: 24px;
    margin-left: 0;
    margin-top: 10px;
  }
}
#tarteaucitronServices #tarteaucitronAllDenied { color: #000;}
#tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronCloseAlert {
  color: #FFFFFF;
}
#tarteaucitronRoot .tarteaucitronIsSelected {
  background: #b4fef2 !important;
  color: #1D1D1D !important;
}
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllow {
  background: #000 !important;
  color: #fff !important;
}
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
  background: #000 !important;
  color: #fff !important;
}
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder {
  background: #b4fef2 !important;
}
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2 {
  color: #1D1D1D !important;
}
#tarteaucitronRoot div#tarteaucitronServices {
  margin-top: 17px !important;
}