#toolbar-bar {
  position: fixed;
  top: 0;
}

div.ui-widget.ui-widget-content {
  z-index: 200;
}

.field--type-file .container {
    width: 100%;
}

.field--name-field-banniere-entete
{
      transform: skewY(-2deg);
          -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
}

.modal-body {
    overflow: hidden !important;
}

.banner-home__text a {
   color: #fff;
   text-shadow: none;
  /*text-transform: uppercase;
  background-color: #000;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 1.5rem; */
}

#block-views-block-testimonials-random-block-2 .block-title {
  text-align: center;
}

/* section#block-boutonobtenirevaluation::after {
  content: "|";
  position: absolute;
  top: 10px;
  right: 66px;
  font-size: 20px;
  font-weight: 400;
} */

#block-cta .field--name-body a {
  color: #fff;
  padding: 10px 15px;
  font-size: 1.5rem;
  margin-top: 20px;
  margin-bottom: 90px;
  text-shadow: none;
  border: 1px solid #000;
}

#block-cta .field--name-body a.btn:hover {
  border: 1.5px solid #fff;
}

a.btn.btn-eval-header {
  float: right;
  margin-right: 70px;
  padding: 10px 15px;
  margin-top: 5px;
  background-color: #fcc134;
  color: #000;
}

a.btn.btn-eval-header:hover, a.btn.btn-eval-header:focus {
  color: #fcc134;
  background-color: #000;
}

[class^="banner-home"] {
  /*height: 112%;*/
  width: 100%;
}

div[id^="edit-field-files-evaluation-"][id$="--description"] {
  display: none;
}

a.btn--smaller.continue-eval-link {
  display: block;
  background: none;
  color: #000;
  text-decoration: underline;
  font-weight: 700;
  padding: 0;
  font-size: 14px;
  width: 265px;
  text-align: center;
}

form#contact-message-contact-form div#edit-actions {
  text-align: right;
  border: none;
  margin-top: 10px;
}

form#contact-message-rendez-vous-migration-form .form-actions {
    text-align: right;
    border-top: none;
}

form#contact-message-rendez-vous-migration-form button[type="submit"] {
    background-color: #065E1D;
    color: #fff;
    font-weight: 500;
}

.send-msg-migration {
    height: 100%;
    background-color: #000;
    border-radius: 8px;
    padding: 10px 25px;
    max-height: 350px;
}

div#edit-field-process-a-automatiser-wrapper {
    margin-top: 25px;
}

.send-msg-migration p, .send-msg-migration a {
    color: #fff;
}

.send-msg-migration h2 {
    font-size: 25px;
    color: #FCC134;
}

.send-msg-migration a {
    font-weight: 500;
}

.send-msg-migration .phone a {
    font-size: 24px;
}

.send-msg-migration .phone a, .send-msg-migration .mail a, .send-msg-migration .address {
    display: flex;
    flex-direction: row;
}

.send-msg-migration .coordinates {
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: 3rem;
}

.migration-fields-block {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

form#contact-message-contact-form div#edit-actions button#edit-submit {
  background-color: #04740F;
  color: #fff;
  text-transform: uppercase;
  padding: 20px 45px;
  width: 265px;
}

.continue-eval-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.continue-eval-text {
  margin: 10px 0;
  width: 265px;
  text-align: center;
}

div#edit-field-utm-source-hidden-wrapper, 
div#edit-field-utm-campaign-hidden-wrapper, 
div#edit-field-utm-medium-hidden-wrapper,
div#edit-field-utm-term-hidden-wrapper,
div#edit-field-utm-content-hidden-wrapper{
    display: none;
}

/***** NOUVELLE PAGE DEVELOPPEMENT DRUPAL *****/
.page-node-478 .region-content,
.page-node-481 .region-content,
.page-node-28 .region-content,
.page-node-114 .region-content,
.page-node-512 .region-content,
.page-node-495 .region-content{
    overflow-x: hidden;
}

h1.simple-title {
    color: black;
    text-shadow: none;
    font-weight: 600;
    font-size: 4.5rem;
 }
 
 .simple-subtitle {
    font-size: 4.5rem;
    color: black;
    text-shadow: none;
    font-weight: 600;
    line-height: 5rem;
 }

.migrate-drupal-bloc-text {
    font-size: 20px;
    line-height: 32px;
 }

.text-grey {
  color :rgba(0, 0, 0, 0.60);
}

.expertise-icon {
    /* background: #fcc134; */
    padding-top: 5px;
    border-radius: 10px;
    max-width: 85px;
}

.bloc-integration-api .slick-slide, .view.view-testimonials-random.view-id-testimonials_random.view-display-id-block_2 .view-content .slick-slide {
    height: unset!important;
}

.bloc-integration-api .slick-dots li button:before, .view.view-testimonials-random.view-id-testimonials_random.view-display-id-block_2 .view-content .slick-dots li button:before {
    font-size: 25px;
}

.bloc-integration-api .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #FCC134;
}

.bloc-integration-api ul.slick-dots li:before {
    width: 0;
}

.px-0 {
    padding-right: 0;
    padding-left: 0;
}

.mx-0 {
    margin-right: 0;
    margin-left: 0;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mt-7 {
    margin-top: 7rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-6 {
    margin-bottom: 6rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-5 {
    padding-top: 5rem;
}

.b-700 {
    font-weight:700;
}

.text-center {
    text-align: center;
}

.titreDrup {
    font-weight: 700;
}


.page-node-478 .field--name-field-realisation-listing-link:last-child,
.page-node-481 .field--name-field-realisation-listing-link:last-child,
.page-node-495 .field--name-field-realisation-listing-link:last-child,
.page-node-28 .field--name-field-realisation-listing-link:last-child,,
.page-node-114 .field--name-field-realisation-listing-link:last-child{
    margin-bottom: 0;
}

.page-node-478 section#block-views-block-clients-block-1,
.page-node-481 section#block-views-block-clients-block-1,
.page-node-495 section#block-views-block-clients-block-1,
.page-node-28 section#block-views-block-clients-block-1,
.page-node-512 section#block-views-block-clients-block-1,
.page-node-114 section#block-views-block-clients-block-1{
    margin-top: 5rem;
}

.btn-eval-yellow {
    background-color: #fcc134;
    color: #000;
}

.btn-eval-yellow:hover, .btn-eval-yellow:focus {
    background-color: #000;
    color: #fcc134;
}

.text-block {
    display: none;
}

.ratings-bloc a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.bloc-integration-api picture {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.img-ratings {
    border-radius: 1rem;
    box-shadow: 3px 6px 6px rgb(0 0 0 / 38%);
    
}

.bloc-integration-api .slick-slide {
    height: 75px !important;
    width: 150px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}




/************* TEST  ************/


::selection{
  background: rgba(187, 134, 252, 0.5);
  color: #FFF;
}

.tab-container{
  width: 100%;
}

.tab-container .topic{
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.7);
}

.tab-content input{
  display: none;
}

.tab-content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 7rem;
}

.tab-content .list{
  display: flex;
  flex-direction: column;
  position: relative;
  width: 50%;
  margin-right: 30px;
}

.tab-content .list label{
  cursor: pointer;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 500;
  padding-left: 17px;
  transition: all 0.5s ease;
  z-index: 10;
}

#home:checked ~ .list label.home,
#blog:checked ~ .list label.blog,
#help:checked ~ .list label.help,
#code:checked ~ .list label.code,
#about:checked ~ .list label.about{
  color: #fff;
  background: #2c2c2c;
  width: 100%;
}


/*.tab-content .slider{*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  height: 60px;*/
/*  width: 100%;*/
/*  border-radius: 12px;*/
/*  transition: all 0.5s ease;*/
  
/*  background: #000;*/
/*}*/

#home:checked ~ .list .slider{
  top: 0;
}

#blog:checked ~ .list .slider{
  top: 60px;
}

#help:checked ~ .list .slider{
  top: 120px;
}

#code:checked ~ .list .slider{
  top: 180px;
}

#about:checked ~ .list .slider{
  top: 240px;
}

.tab-content .text-content{
  width: 56%;
  height: 100%;
  min-height: 320px;
  padding: 35px;
  background: #F4F4F4;
  position: relative;
}

.tab-content .text-content:after{
  content: "";
  background-image: url("../images/little-white-triangle.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 160px;
  position: absolute;
  bottom: -60px;
  left: 0;
  opacity: 0.45;
}


.page-node-495 .tab-content .text-content{
  background: #f4f4f4;
  min-height: 405px;
  width: 60%;
  display: flex;
}

.tab-content .text{
  display: none;
}

.tab-content .text .title{
  font-size: 26px;
  margin-bottom: 10px;
  font-weight: 600;
}

.tab-container .text p{
  text-align: justify;
  z-index: 1;
  position: relative;
}

.tab-content .text-content .home{
  display: block;
}

#home:checked ~ .text-content .home,
#blog:checked ~ .text-content .blog,
#help:checked ~ .text-content .help,
#code:checked ~ .text-content .code,
#about:checked ~ .text-content .about{
  display: block;
}

#blog:checked ~ .text-content .home,
#help:checked ~ .text-content .home,
#code:checked ~ .text-content .home,
#about:checked ~ .text-content .home{
  display: none;
}

/* Page migrer vers dupal 10 */

#home:checked ~ .text-content .home,
#audit:checked ~ .text-content .audit,
#analyse:checked ~ .text-content .analyse,
#eval:checked ~ .text-content .eval,
#dev:checked ~ .text-content .dev,
#migration:checked ~ .text-content .migration,
#test:checked ~ .text-content .test {
    display: block;
}


#audit:checked ~ .text-content .home,
#analyse:checked ~ .text-content .home,
#eval:checked ~ .text-content .home,
#dev:checked ~ .text-content .home,
#migration:checked ~ .text-content .home,
#test:checked ~ .text-content .home {
  display: none;
}



.tab-content .list label:hover{
  color: #FCC134;
}
/*** FIN TEST  ***/

/** PAGE MIGRATION D7 D10 **/

.title-consultation-gratuite {
    color: #F6AF03;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}

.text-consultation-gratuite {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

form#contact-message-rendez-vous-migration-form {
    max-width: 720px;
}

.row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

body.page-node-495 .region-highlighted {
    padding-bottom: 0;
    margin-bottom: 0;
}

body.page-node-495 .region-highlighted:before {
    transform: none;
    background: none;
}

section#block-sendmessagemigration {
    margin-top: 3rem;
    margin-bottom: 5rem;
}

section#block-newblocktitle {
    text-align: left;
    position: relative;
}

section#block-newblocktitle>div {
  padding-bottom: 20px;
}

section#block-newblocktitle .image-contaier{
  display: flex;
  justify-content: end;
}

section#block-newblocktitle .image-contaier img{
  max-height: 450px;
}

section#block-newblocktitle:before {
  content: "";
  background-color: #FFF6D9;
  width: 100%;
  height: calc(100% + 80px);
  position: absolute;
  top: -80px;
  z-index: -1;
}

section#block-newblocktitle:after {
  content: "";
  background-image: url("../images/white-triangle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0px;
  z-index: -1;
}

section#block-sendmessagemigration .field.field--name-field-contact-form-ref > .container,
section#block-aiaudit .field.field--name-field-contact-form-ref > .container{
    width: 100%;
}

/** Page service IA **/
img.ia-page-icon {
    max-width: 75px;
}

.ratings-bloc {
    padding-top: 7.5rem;
    padding-bottom: 4rem;
}
    
.ia-page-block-title {
    font-weight: 700;
}

.row.mb-6 {
    padding: 20px;
}

#title-block-aiaudit {
  scroll-margin-top: 55px; 
}


@media screen and (max-width: 767px) {
    .tab-content {
    flex-direction: column;
    position: relative;
    }

    .text-block {
        display: block;
        cursor: pointer;
        line-height: 60px;
        font-size: 22px;
        font-weight: 500;
        border: 1px solid;
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
    }
    
    .tab-content .list {
    width: 100%;
    padding: 20px;
    position: absolute;
    z-index: 50;
    overflow: hidden;
    margin-top: 65px;
    margin-bottom: 0;
    margin-right: 0;
    padding-top: 15px;
    background: #fff;
    border-style: none;
    border-right-width: 1px;
    border-right-color: #000;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 28px 28px 0 rgba(0,0,0,.08);
    cursor: pointer;
    }
    
    .tab-content .text-content, .page-node-495 .tab-content .text-content {
        width: 100%;
    }
        
    .d-none-mobile {
        display: none !important;
    }

    .tab-content .list label {
        border: none;
    }
    
    .btn-eval-yellow {
        width: 100%;
        padding: 15px;
        white-space: normal;
    }
    
    .page-node-478 .btn-eval-banner,
    .page-node-481 .btn-eval-banner,
    .page-node-28 .btn-eval-banner,
    .page-node-114 .btn-eval-banner{
        width: 100%;
    }

    .ratings-bloc {
        /*min-height: 30%;*/
    }
    
    
    .img-ratings {
        width: 50%;
    }
    
    .row-reverse {
        flex-direction: column-reverse;
    }
    
    .migration-fields-block {
        display: block;
    }
    
    form#contact-message-rendez-vous-migration-form .form-actions {
        margin-top: 0;
    }
    
    .send-msg-migration {
        margin-bottom: 3rem;
    }

    form#contact-message-rendez-vous-migration-form button[type="submit"],
    form#contact-message-ai-audit-form-form button[type="submit"] {
        width: 100%;
    }
    
    h1.simple-title {
        font-size: 4rem;
        line-height: 1.2;
     }
    
    img.ia-page-icon {
        max-width: 45px;
    }

    .ratings-bloc {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    
     
}

@media screen and (min-width: 768px) {

    .w-90 {
        width: 90%;
    }
    
}


@media screen and (max-width: 991px) {
  form#contact-message-contact-form div#edit-actions button#edit-submit, .continue-eval-text, a.btn--smaller.continue-eval-link, .block-continue {
    width: 100%;
  }

    .tab-content {
    flex-direction: column;
    position: relative;
    }

    .text-block {
        display: block;
        cursor: pointer;
        line-height: 60px;
        font-size: 22px;
        font-weight: 500;
        border: 1px solid;
        margin-bottom: 10px;
        padding: 0px 20px;
        text-align: left;
        width: 100%;
        background-image: url(/sites/default/files/2024-07/Pattern_normal_bottom.png);
        background-repeat: no-repeat;
        background-position: calc(100% - 12px) center;
        background-size: 40px;
    }
    
    .text-block + .list.d-none-mobile ~ .text-bloc {
        background-image: url(/sites/default/files/2024-07/Pattern_normal_top.png);
        background-repeat: no-repeat;
        background-position: calc(100% - 12px) center;
        background-size: 40px;
    }
    
    
    .tab-content .list {
    width: 100%;
    padding: 20px;
    position: absolute;
    z-index: 50;
    overflow: hidden;
    margin-top: 65px;
    margin-bottom: 0;
    margin-right: 0;
    padding-top: 15px;
    background: #fff;
    border-style: none;
    border-right-width: 1px;
    border-right-color: #000;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 28px 28px 0 rgba(0,0,0,.08);
    cursor: pointer;
    }
    
    .tab-content .text-content {
        width: 100%;
    }
        
    .d-none-mobile {
        display: none !important;
    }

    .tab-content .list label {
        border: none;
    }

    section#block-newblocktitle .image-contaier {
      justify-content: center;
      padding-top: 20px;
    }

    section#block-newblocktitle .image-contaier img{
      max-height: 350px;
    }
    
    section#block-newblocktitle:after {
      height: 4vw;
    }
}

@media screen and (min-width: 992px) {
    #home:checked ~ .list label.home,
    #blog:checked ~ .list label.blog,
    #help:checked ~ .list label.help,
    #code:checked ~ .list label.code,
    #about:checked ~ .list label.about{
      color: #fff;
      background: #2c2c2c;
      width: 100%;
      background-image: url(/sites/default/files/2024-07/Pattern_active.png);
      background-repeat: no-repeat;
      background-position: calc(100% - 15px) center;
      background-size: 34px;
    }
    
    /* Page migrer vers dupal 10 */
    #home:checked ~ .list label.home,
    #audit:checked ~ .list label.audit,
    #analyse:checked ~ .list label.analyse,
    #eval:checked ~ .list label.eval,
    #dev:checked ~ .list label.dev,
    #migration:checked ~ .list label.migration,
    #test:checked ~ .list label.test{
      color: #fff;
      background: #2c2c2c;
      width: 100%;
      background-image: url(/sites/default/files/2024-07/Pattern_active.png);
      background-repeat: no-repeat;
      background-position: calc(100% - 15px) center;
      background-size: 34px;
    }
    
    label.tab {
        background-image: url(/sites/default/files/2024-07/Pattern_normal.png);
        background-repeat: no-repeat;
        background-position: calc(100% - 15px) center;
        background-size: 34px;
    }

   .tab-content .list label {
    width: 92%;
    background-color: #F4F4F4;
    }

    section#block-newblocktitle{
      margin: 25px auto -50px auto;
    }
}

@media screen and (max-width: 767px) {
  a.btn.btn-eval-header {
    float: left;
    padding: 10px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

}

@media screen and (min-width: 768px) {
  .block-language ul.links::before {
    content: "|";
    position: absolute;
    top: 10px;
    right: 55px;
    font-size: 20px;
  }
  
  .mb-6-desk {
    margin-bottom: 6rem;
  }
}


/* responsie for the new block */
@media (min-width: 768px) and (max-width: 992px) {
  section#block-newblocktitle{
    margin-bottom: -30px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  section#block-newblocktitle:after{
    height: 45px;
  }

  section#block-newblocktitle>div{
    padding-bottom: 45px;
  }

  section#block-newblocktitle .simple-title{
    font-size: 3.1rem;
    line-height: normal;
  }
}


/******* block to promote other page ********/
.other-page-promotion-block{
  background-color: #FCC134;
}

/* block wrapper */
.other-page-promotion-block .container-wrapper{
  padding: 30px 0;
  display: flex;
  align-items: center;
}

/* textual content wrapper (title, text, button) */
.other-page-promotion-block .container-wrapper .textual-content-wrapper{
  max-width: 500px;
}

/* button */
.other-page-promotion-block .container-wrapper .textual-content-wrapper a{
  margin-top: 15px;
  color: white;
  border: 1px solid black;
}
/* hover effect for the button */
.other-page-promotion-block .container-wrapper .textual-content-wrapper a:hover{
  border: 1px solid white;
}

/* image wrapper */
.other-page-promotion-block .container-wrapper .image-wrapper{
  width: 90%;
}

/*responsive for small screen */
@media screen and (max-width: 768px) {
  .other-page-promotion-block .container-wrapper {
    padding: 0px 20px;
    display: flex;
    align-items: start;
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }

  .other-page-promotion-block .container-wrapper>div{
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .other-page-promotion-block .container-wrapper .image-wrapper{
    max-width: 300px;
  }
}