/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');*/



@media (min-width: 1400px) {

  .container,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl,

  .container-xxl {

    max-width: 1199px;

  }

}



body {

  font-family: "Lato", sans-serif;



  font-weight: 400;



  font-style: normal;



  font-size: 14px;



  line-height: 18px;

  position: relative;

}

header {

  position: sticky;

  top: 0;

  z-index: 99999999;

}

.single-post header {

  border-bottom: 1px solid #0074b6;

}

#section-banniere {

  overflow: hidden;

}

#header-menu {

  background: #fff;

}



.row {

  margin-right: 0px;

}



#header-menu .bg-light {

  background: none !important;

}



#header-menu .content-nav {

  display: flex;



  align-items: center;



  justify-content: space-between;

}



.navbar-expand-lg .navbar-collapse {

  justify-content: end;



  flex-basis: auto;

}



button.navbar-toggler {

  border: none;



  font-size: 32px;



  color: #118dd0;



  position: absolute;



  top: 34px;



  right: 0;

}



button.navbar-toggler:focus {

  text-decoration: none;



  outline: 0;



  box-shadow: initial;

}



button.navbar-toggler span.navbar-toggler-icon {

  display: none;

}



#header-menu .left-nav a img {

  max-height: 76px;

}



#header-menu ul.nav-list {

  list-style: none;



  display: flex;



  align-items: center;



  justify-content: flex-start;



  padding-left: 0;



  margin-bottom: 0;

}



#header-menu ul.nav-list > li {

  height: 89px;



  position: relative;



  padding-bottom: 0;

}



#header-menu ul.nav-list > li > a {

  border-left: 1px dotted #118dd0;



  color: #118dd0;



  text-transform: uppercase;



  font-size: 14px;



  height: 100%;



  display: flex;



  align-items: flex-end;



  justify-content: center;



  text-align: center;



  padding: 0 25px 25px;



  text-decoration: none;

}



#header-menu ul.nav-list li a:hover {

  color: #f4b907;

}



#header-menu ul.nav-list li ul.sub-menu {

  position: absolute;



  left: 0;



  top: 80px;



  margin: 0;



  list-style: none;



  background: #fff;



  padding: 10px;



  z-index: 1;



  width: 220px;



  display: none;

}



#header-menu ul.nav-list li ul.sub-menu a {

  color: #118dd0;



  text-transform: uppercase;



  font-size: 14px;

}



#header-menu ul.nav-list li ul.sub-menu a:hover {

  color: #f4b907;

}



#header-menu ul.nav-list li:hover ul.sub-menu {

  display: block;

}



/* ----- Footer ------- */



#footer-menu {

  padding: 46px 0 20px;



  background: #fff;

}



#footer-menu .list-footer-nav ul {

  display: flex;



  align-items: center;



  justify-content: center;



  gap: 16px;



  list-style: none;

}



#footer-menu .list-footer-nav ul li a {

  text-decoration: none;



  color: #67696b;



  text-transform: uppercase;

}



#footer-menu .list-footer-nav ul li a:hover {

  color: #0074b6;

}



#footer-menu .footer-nav-adress {

  display: flex;



  align-items: center;



  justify-content: center;



  gap: 10px;



  margin-top: 28px;

}



#footer-menu .footer-nav-adress p {

  margin: 0;



  color: #67696b;

}



#footer-menu .footer-nav-adress a {

  text-decoration: none;



  color: #67696b;



  padding-right: 10px;



  border-right: 2px solid #67696b;

}



#footer-menu .footer-nav-adress a:last-child {

  border: none;

}



/* --- fin footer ------ */



/* ----- Home ------ */



/*.collapse.show ul.nav-list {



    display: block !important;



    padding: 25px 0;



}*/



/*.collapse.show ul.nav-list li a {



    border-bottom: 3px solid #f4b907;



    width: 100%;



    background: #000;



    font-size: 22px !important;



    color: #fff !important;



    text-align: left !important;



    display: block !important;



    padding-top: 32px !important;



}*/



#header-menu li form .content-form {

  display: flex;



  align-items: center;



  border: 2px solid #fff;



  background: #118dd0;



  border-radius: 32px;



  padding: 0;

}



#header-menu li form .content-form input {

  background: none;



  border: none;



  width: 162px;



  padding: 8px 8px 8px 19px;



  color: #fff;



  font-size: 18px;

}



button.btn-search-succes {

  padding: 0 12px;



  background: #118de0;



  border: none;



  border-radius: 32px;



  font-size: 31px;



  color: #fff;

}



#header-menu li form .content-form input::placeholder {

  font-size: 18px;



  font-family: "Lato", sans-serif;



  font-weight: 400;



  color: #fff;



  font-style: normal;



  line-height: 24px;

}



#header-menu li form .content-form input:focus {

  box-shadow: initial;

}



#header-menu ul.nav-list li a.dropdown-search {

  border-right: 1px dotted #118dd0;



  cursor: pointer;

}



#header-menu ul.nav-list li a.dropdown-search i.fa-search {

  font-size: 24px;



  color: #f4b907;



  border: 3px solid #f4b907;



  padding: 8px;



  border-radius: 50%;

}



#header-menu li a.dropdown-search + form.formFlex {

  display: none;

}



#header-menu li a.dropdown-search.active + form.formFlex {

  display: block;



  position: absolute;



  bottom: -53px;



  right: 4px;



  z-index: 3;

}



#section-banniere .slider-banner {

  height: 420px;

  width: 100%;

  object-fit: cover;

}

#section-banniere .draggable,

#section-banniere .slick-track,

#section-banniere .slick-slide {

  height: 100%;

}

#section-banniere .slick-content {

  height: 420px;

  position: relative;

}



#section-banniere .slick-content:after {

  background: rgba(0, 0, 0, 0.5);



  content: "";



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;

}



#section-banniere .section-banniere-inner {

  overflow: hidden;



  max-width: 1920px;



  margin: auto;

}



#banner {

  width: 100%;



  max-width: 2000px;



  margin: auto;



  position: relative;

}



#banner .fond-banner {

  position: relative;

}



#banner .bg-banner-image {

  position: relative;

}



#banner .bg-banner-image .bg-opacity {

  position: absolute;



  top: 0;



  width: 100%;



  height: 100%;



  background: rgba(0, 0, 0, 0.6);

}



#banner .fond-banner .bg-banner-image img {

  width: 100%;



  max-width: 2000px;

}



#banner .right-bg {

  position: absolute;



  right: 2px;

}



h1.Gtitle {

  color: #fff;



  font-size: 48px;



  line-height: 52.75px;



  font-weight: 400;



  position: absolute;



  bottom: 0;



  left: 0;



  width: 100%;



  height: 100%;



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  margin: 0 0 0 -60px;

}



.page-id-20 h2.title-itemSect {

  font-size: 28px;



  text-transform: uppercase;



  line-height: 38.75px;



  font-weight: 800;



  color: #0074b6;



  padding-bottom: 14px;



  border-bottom: 3px solid #cecece;



  position: relative;



  margin-bottom: 30px;



  width: max-content;

}



h2.title-itemSect {

  font-size: 28px;



  text-transform: uppercase;



  line-height: 38.75px;



  font-weight: 800;



  color: #0074b6;



  margin-bottom: 20px;

}



#banner .text-section-contact h2.blue-title {

  color: #ffffff;



  margin-top: 30px;



  font-size: 24px;



  font-weight: 600;



  line-height: 36px;

}



#section-1 .titre-section-1 {

  display: flex;



  align-items: center;



  justify-content: flex-start;

}



.page-id-9 h2.title-itemSect {

  padding-bottom: 20px;

}



.page-id-2 h2.title-itemSect {

  margin-bottom: 32px;

}



.page-id-32 h2.title-itemSect {

  padding-bottom: 20px;

}



.page-id-20 h2.title-itemSect:after {

  content: "";



  background: #f4b907;



  width: 72px;



  height: 3px;



  position: absolute;



  bottom: -3px;



  left: 0;



  z-index: 1;

}



.page-id-20 h2.title-itemSect.text-right {

  border-bottom: none;



  margin-bottom: 0;



  padding-bottom: 0;

}



.page-id-20 h2.title-itemSect.text-right:after {

  display: none;

}



.slick-content img {

  max-height: 524px;



  width: 100%;

  height: 100%;

}



.slick-content span.Gtitle {

  color: #fff;



  font-size: 48px;



  line-height: 52.75px;



  font-weight: 400;



  position: absolute;



  bottom: 0;



  width: 100%;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  margin-left: -60px;



  height: 100%;



  left: 0;



  z-index: 1;

}



.slick-dots li button:before {

  color: #fff !important;



  font-size: 14px;



  position: absolute;



  top: -62px;



  width: 26px;



  height: 26px;

}



.slick-dots li.slick-active button:before {

  color: #dedede !important;

}



#section-theme {

  background: #fff;



  padding: 46px 0;

}



#section-theme .row .content-text {

  margin-top: 26px;



  position: relative;

}



#section-theme .row:nth-child(even) {

  flex-direction: row-reverse;

}



.page-id-2 #section-theme .row:nth-child(even) h2.title-itemSect.text-end {

  text-align: left !important;

}



.page-id-2 #section-theme .row:nth-child(even) .col-md-6.sectLeft {

  padding-right: 0;



  padding-left: 52px;



  border: none;

}



.page-id-2 #section-theme .row:nth-child(even) .col-md-6.sectRight {

  padding-left: 0;



  border-right: 3px solid #0074b6;



  text-align: right;



  padding-right: 52px;

}



.page-id-2

  #section-theme

  .row:nth-child(even)

  .theme-content-left

  .content-text:before {

  content: "";



  position: absolute;



  width: 348px;



  height: 3px;



  background: #ececec;



  top: -26px;



  right: initial;



  left: 0;

}



.page-id-2

  #section-theme

  .row:nth-child(even)

  h2.title-itemSect.text-end:after {

  content: "";



  background: #f4b907;



  width: 112px;



  height: 3px;



  position: absolute;



  bottom: -9px;



  right: initial;



  left: 0;



  z-index: 1;

}



.page-id-2 #section-theme .row:nth-child(even) h2.title-itemSect:before {

  content: "";



  background: #f4b907;



  width: 22px;



  height: 22px;



  border-radius: 50%;



  position: absolute;



  bottom: -12px;



  right: initial;



  left: -64px;



  z-index: 1;

}



#section-theme h2.title-itemSect {

  position: relative;

}



.theme-content-right h2.title-itemSect:after {

  content: "";



  background: #f4b907;



  width: 112px;



  height: 3px;



  position: absolute;



  bottom: -3px;



  left: 0;



  z-index: 1;

}



.theme-content-right h2.title-itemSect:before {

  content: "";



  background: #f4b907;



  width: 22px;



  height: 22px;



  border-radius: 50%;



  position: absolute;



  bottom: -12px;



  left: -64px;



  z-index: 1;

}



#section-theme h2.title-itemSect.text-end:after {

  content: "";



  background: #f4b907;



  width: 112px;



  height: 3px;



  position: absolute;



  bottom: -9px;



  right: 0;



  z-index: 1;

}



#section-theme h2.title-itemSect.text-end:before {

  content: "";



  background: #f4b907;



  width: 22px;



  height: 22px;



  border-radius: 50%;



  position: absolute;



  bottom: -12px;



  right: -64px;



  z-index: 1;

}



#service .theme-service {

  padding-right: 32px;

}



.content-text {

  margin-top: 26px;



  position: relative;

}



#section-theme .row .content-text p {

  display: block;



  text-align: right;

}



#section-theme .row:nth-child(even) .content-text p {

  display: block;



  text-align: left;

}



#section-theme .row .content-text {

  margin-top: 26px;



  position: relative;

}



#section-theme .col-md-6.sectLeft {

  padding-right: 52px;



  border-right: 3px solid #0074b6;

}



#section-theme .col-md-6.sectRight {

  padding-left: 52px;

}



.theme-content-left {

  padding-bottom: 42px;

}



.theme-content-left .content-text:before {

  content: "";



  position: absolute;



  width: 348px;



  height: 3px;



  background: #ececec;



  top: -26px;



  right: 0;

}



.theme-content-right .content-text:before {

  content: "";



  position: absolute;



  width: 348px;



  height: 3px;



  background: #ececec;



  top: -26px;



  left: 0;

}



.blue-text {

  color: #0074b6;

}



#realis-project {

  background: #f8f8f8;



  padding: 46px 0;

}



.page-id-9 #realis-project {

  margin-top: 46px;

}



.page-id-18 #realis-project {

  margin-top: 46px;

}



.page-id-32 #realis-project {

  margin-top: 46px;

}



#realis-project .slick-items a {

  display: flex;



  flex-direction: column;



  text-decoration: none;



  align-items: flex-start;



  justify-content: flex-start;



  gap: 24px;



  padding: 22px 25px;



  transform: scale(0.92);



  transition: transform 0.9s;



  border: 2px solid #cecece;



  background: #fff;



  /*max-width: 324px;*/



  min-height: 200px;



  border-radius: 24px;

}



#realis-project .slick-items a:hover {

  transform: scale(1);

}



#realis-project .slick-items a img {

  max-height: 52px;

}



.title-items {

  display: block;



  font-size: 18px;



  color: #007cc7;



  font-weight: 700;



  line-height: 27px;

}



#marketcom {

  background: #fff;



  padding: 46px 0;

}



h3.title-items {

  padding-bottom: 14px;



  border-bottom: 3px solid #cecece;



  position: relative;



  padding-top: 20px;

}



.page-id-19952 h3.title-items,

.page-id-19958 h3.title-items {

  margin-bottom: 17px;

}



h3.title-items:after {

  content: "";



  background: #f4b907;



  width: 72px;



  height: 3px;



  position: absolute;



  bottom: -3px;



  left: 0;



  z-index: 1;

}



.page-id-19952 .content .container {

  max-width: 1024px;



  padding-top: 20px;



  padding-bottom: 46px;

}



.page-id-19958 .content .container {

  max-width: 1024px;



  padding: 46px 0;

}



.page-id-19958 .content .container a {

  color: #007cc5;

}



.page-id-19952 .content p,

.page-id-19958 .content p {

  font-size: 16px;



  font-weight: 400;



  line-height: 24px;



  text-align: justify;

}



.page-id-19952 .content p strong,

.page-id-19958 .content p strong {

  color: #ffc000;

}



.page-id-19952 ul.list-styl-blue {

  list-style: none;

}



.page-id-19952 ul.list-styl-blue li {

  font-size: 16px;



  font-weight: 400;



  line-height: 1.2;



  padding-bottom: 10px;



  text-align: justify;

}



.page-id-19952 ul.list-styl-blue li:before {

  content: "";



  display: inline-block;



  width: 8px;



  height: 8px;



  background: #007cc5;



  border-radius: 50%;



  margin-right: 10px;

}



#marketcom .col-md-4 .portfolioImage {

  display: flex;



  flex-direction: column;

}



#marketcom .col-md-4:nth-child(even) .portfolioImage {

  flex-direction: column-reverse;

}



#marketcom .col-md-4:nth-child(even) h3.title-items {

  padding-top: 0;

}



.content-image p {

  margin-top: 16px;

}



#marketcom .col-md-4:nth-child(even) .portfolioImage img {

  padding-top: 20px;

}



#partenaire {

  background: #f8f8f8;



  padding: 46px 0;

}



#partenaire .logoFlex .img-block {

  background: #fff;



  padding: 10px;



  border: 3px solid #cecece;



  border-radius: 56px;



  min-height: 102px;



  max-width: 224px;



  display: flex;



  align-items: center;



  justify-content: center;

}



#partenaire .logoFlex .logo-content img {

  max-height: 76px;

}



#service {

  background: #fff;



  padding: 46px 0;

}



#service .info-service {

  padding-top: 18px;

}



#prise-contact .yellow-ctaFlex {

  display: flex;



  align-items: end;



  justify-content: space-between;

}



#prise-contact .content-startUp {

  background: rgba(255, 192, 0, 1);



  position: relative;



  display: flex;



  justify-content: center;



  flex-direction: column;



  min-height: 495px;



  padding: 30px 45px 0 60px;

}



#prise-contact .content-startUp:after {

  content: "";



  display: block;



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 19px 0 19px 18px;



  border-color: transparent transparent transparent #ffbf00;



  line-height: 0;



  position: absolute;



  top: 50%;



  right: -18px;



  opacity: 1;



  margin-top: -19px;

}



#prise-contact .content-startUp p.white-text {

  color: #fff;



  font-size: 26px;



  font-weight: 400;



  line-height: 36px;



  position: relative;

}



#prise-contact .content-startUp p.white-text:after {

  content: "";



  background: #0074b6;



  width: 88px;



  height: 5px;



  position: absolute;



  bottom: -20px;



  right: 5px;

}



.content-cta {

  margin-bottom: 46px;

}



.content-cta a {

  text-decoration: none;



  background: #f4b907;



  color: #fff;



  font-size: 20px;



  text-transform: uppercase;



  transform: scale(0.92);



  transition: transform 0.4s;



  padding: 18px 22px;



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 18px;

}



.content-cta a:hover {

  transform: scale(1);



  background: #0074b6;

}



.content-cta a i.fas {

  color: #fff;

}



#livre-blanc {

  background: #fff;



  padding: 46px 0;

}



.ctaFlex-center {

  display: flex;



  justify-content: center;

}



.ctaFlex-center .cta-inner img {

  width: 100%;

}



.ctaFlex-center .cta-inner .content-cta {

  position: absolute;



  bottom: 0;



  left: 32%;

}



.ctaFlex-center .cta-inner {

  width: 100%;



  position: relative;

}



.content-cta a {

  transform: scale(0.92);



  transition: transform 1.2s;

}

#marketing-paging .content-cta {

  margin-bottom: 0;

}



#marketing-paging .content-cta a {

  width: 423px;



  height: 76px;



  transform: scale(0.92);



  transition: transform 1.2s;



  font-size: 24px;



  font-weight: 600;



  display: flex;



  justify-content: center;



  line-height: 38px;



  gap: 18px;

}



#marketing-paging .content-cta a:hover {

  transform: scale(1);



  background: #0074b6;

}



.mrg .content-sante-mrg {

  display: flex;



  /* align-items: center;



    justify-content: flex-start;*/

}



.mrg .content-sante-mrg .images {

  flex: 40%;

}



.mrg .content-sante-mrg .images img {

  height: 100%;



  width: 100%;



  object-fit: cover;

}



.content-cta a:hover {

  transform: scale(1);



  background: #0074b6;

}



#contentNewsletter {

  background: url("../img/newsletter.jpg") no-repeat center;



  background-size: cover;

}



#contentNewsletter .content-news {

  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: center;



  height: 452px;

}



#contentNewsletter .content-news h4 {

  text-transform: uppercase;



  font-weight: 300;



  font-size: 36px;



  margin-bottom: 15px;



  text-align: center;



  color: #fff;

}



#contentNewsletter .content-news h4 span {

  font-weight: 700;

}



#contentNewsletter .block-input {

  display: flex;



  align-items: flex-start;



  justify-content: center;

}



#contentNewsletter .block-input input {

  background-color: rgb(255, 255, 255);



  box-shadow: inset 5px 3px 7px 0px rgba(0, 0, 0, 0.25);



  border: none;



  height: 44px;



  text-align: left;



  padding-left: 15px;



  margin-bottom: 0;



  width: 480px;

}



#contentNewsletter .block-input input::placeholder {

  font-size: 16px;



  font-weight: 300;



  text-transform: uppercase;



  color: #a8a8a8;



  line-height: 16px;

}



#contentNewsletter .block-input button {

  width: auto;



  background-color: rgb(255, 255, 255);



  box-shadow: inset -5px 3px 7px 0px rgba(0, 0, 0, 0.25);



  border: none;



  height: 44px;



  margin: 0;



  border-radius: 0;



  text-transform: uppercase;



  color: #ffc800;



  font-size: 14px;



  line-height: 43px;



  padding: 0 30px;

}



#contentNewsletter .text-news {

  margin-top: 60px;



  color: #fff;



  font-size: 14px;



  font-family: "Lato", sans-serif;



  text-align: center;

}



#contentNewsletter .text-news a {

  text-decoration: none;



  color: #ffc800;

}



#banner .banner-contact {

  position: absolute;



  bottom: 0;



  color: #fff;



  height: 100%;



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: flex-start;

}



#banner .banner-contact .block-content-contact {

  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: flex-start;

}



#section-1 .img-iconC {

  margin-top: -43%;



  position: relative;



  z-index: 1;

}

#section-1 .img-iconC img {

  max-width: 318px;

}



/* ------ marketing&com ------- */



h1.titleG {

  position: absolute;



  top: 0;



  font-size: 72px;



  color: #fff;



  text-transform: uppercase;



  font-weight: 700;



  height: 100%;



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: flex-start;



  margin: 0;

}



#banner .block-content-contact h1.titleG {

  position: initial;

}



h3.reali-titre {

  font-size: 30px;



  line-height: 34px;



  color: #1989cb;



  padding-bottom: 20px;

}



h5.blue-text {

  font-size: 18px;

}



.text-conseil {

  max-width: 471px;



  text-align: justify;



  padding-left: 30px;



  margin: 25px 0;

}



#marketing-paging {

  padding: 0;



  margin-top: 50px;

}



#marketing-paging .row {

  align-items: center;



  padding-bottom: 46px;

}



.page-id-36 #marketing-paging .row,

.page-id-18 #marketing-paging .row {

  align-items: center;



  padding: 46px 0;

}



.page-id-36 #marketing-paging .row:first-child,

.page-id-18 #marketing-paging .row:first-child {

  padding-top: 0;

}



#marketing-paging .row:last-child {

  padding-bottom: 0;

}



#marketing-paging .row:nth-child(even) {

  flex-direction: row-reverse;

}



#marketing-paging .row:nth-child(even) .col-md-5 .text-conseil {

  padding-left: 0 !important;

}



.page-id-20 .text-conseil {

  padding-left: 0;

}



#marketing-paging .images {

  position: relative;

}



#conseil #marketing-paging .row .images {

  text-align: right;

}



#marketing-paging .row:nth-child(even) .col-md-7 .images {

  text-align: right;

}



#conseil #marketing-paging .row:nth-child(even) .col-md-7 .images {

  text-align: left;

}



#marketing-paging .images .content-ctaMarket {

  position: absolute;



  top: 0;



  right: 0;



  display: flex;



  align-items: center;



  justify-content: flex-end;



  margin-right: 15px;



  width: 100%;



  height: 100%;

}



#conseil #marketing-paging .images .content-ctaMarket {

  position: absolute;



  top: 0;



  right: 0;



  display: flex;



  align-items: center;



  justify-content: flex-start;



  margin-right: 15px;



  width: 100%;



  height: 100%;

}



#marketing-paging .row:nth-child(even) .images .content-ctaMarket {

  justify-content: flex-start;



  margin-right: 0;



  margin-left: 15px;

}



#conseil #marketing-paging .row:nth-child(even) .images .content-ctaMarket {

  justify-content: flex-end;



  margin-right: 0;



  margin-left: 15px;

}



#marketing-paging .images .title-marketItems {

  padding: 8px;



  display: flex;



  align-items: center;



  background: rgba(0, 133, 205, 0.9);

}



#marketing-paging .images .title-marketItems p {

  font-size: 26px;



  font-weight: 700;



  line-height: 28px;



  text-transform: uppercase;



  margin: 0;



  display: flex;



  justify-content: center;



  color: #fff;



  width: 387px;



  align-items: center;



  height: 72px;



  text-align: center;



  padding: 15px;



  border: 1px solid #fff;

}



#marketing-paging .images img {

  max-width: 583px;



  width: 100%;



  max-height: 317px;



  height: 100%;



  object-fit: cover;

}



#contact-lien {

  padding-top: 46px;

}



#realis-project .content-cta,

#contact-lien .content-cta {

  display: flex;



  justify-content: center;



  margin-bottom: 0;

}



#marketcom .col-md-6 {

  padding: 0;

}



#marketcom .col-md-6:first-child .linkImage .content-cta a {

  background: #17b0ba;

}



#marketcom .linkImage {

  position: relative;

}



#marketcom .linkImage img {

  width: 100%;

}



#marketcom .content-cta {

  margin: 0;



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  display: flex;



  align-items: center;



  justify-content: flex-start;

}



#marketcom .content-cta a {

  width: 387px;



  display: flex;



  justify-content: center;



  transform: none;



  z-index: 2;

}



ol,

ul {

  margin-left: 15px;

}



ol li {

  padding-left: 5px;

}



body p {

  font-size: 18px;



  font-weight: 400;



  line-height: 1.4;



  text-align: justify;

}



body li {

  font-size: 18px;



  font-weight: 400;



  line-height: 1.2;



  padding-bottom: 10px;



  text-align: justify;

}



#contentAgence .row .content-text p {

  display: block;



  text-align: right;

}



#contentAgence .row:nth-child(even) .content-text p {

  display: block;



  text-align: left;

}



#contentAgence .row:nth-child(even) .theme-content-right {

  text-align: right;

}



#contentAgence {

  background: #fff;



  padding: 46px 0;

}



#contentAgence .row:nth-child(even) {

  flex-direction: row-reverse;

}



#contentAgence .col-md-6 .theme-content-left {

  padding-bottom: 26px;

}



#contentAgence .row .col-md-6.sectLeft {

  border-right: 3px solid #0074b6;



  padding-right: 26px;

}



#contentAgence .row:nth-child(even) .col-md-6.sectRight {

  border-right: 3px solid #0074b6;



  padding-right: 26px;

}



#contentAgence .row .col-md-6.sectRight {

  padding-left: 26px;

}



#contentAgence .row:nth-child(even) .col-md-6.sectLeft {

  padding-left: 26px;



  border: none;



  padding-right: 0;

}



#agenceAcomp .row {

  align-items: center;

}



#agenceMot-pres {

  background: #fff;



  padding: 46px 0 0;

}



#agenceMot-pres .row {

  align-items: center;

}



#agenceMot-pres .images {

  text-align: right;

}



h2.title-agence {

  font-size: 30px;



  text-transform: uppercase;



  font-weight: 800;



  padding-bottom: 30px;



  color: #0074b6;

}



h3.title-w-border {

  font-size: 24px;



  color: #0074b6;



  font-weight: 800;



  position: relative;



  padding-bottom: 20px;



  display: block;



  text-align: right;

}



h3.title-w-border:after {

  content: "";



  background: #0074b6;



  width: 112px;



  height: 3px;



  position: absolute;



  bottom: -3px;



  right: 0;



  z-index: 1;

}



h3.title-w-border:before {

  content: "";



  background: #f4b907;



  width: 18px;



  height: 18px;



  border-radius: 50%;



  position: absolute;



  bottom: -12px;



  right: -37px;



  z-index: 1;

}



#contentAgence .row:nth-child(even) h3.title-w-border {

  text-align: left;

}

#contentAgence .row .theme-content-right img {

  max-width: 224px;

}



#contentAgence .row:nth-child(even) h3.title-w-border:after {

  content: "";



  background: #0074b6;



  width: 112px;



  height: 3px;



  position: absolute;



  bottom: -3px;



  left: 0;



  right: initial;



  z-index: 1;

}



#contentAgence .row:nth-child(even) h3.title-w-border:before {

  content: "";



  background: #f4b907;



  width: 18px;



  height: 18px;



  border-radius: 50%;



  position: absolute;



  bottom: -12px;



  left: -37px;



  right: initial;



  z-index: 1;

}



#contentAgence .row:nth-child(even) .theme-content-left .content-text:before {

  content: "";



  position: absolute;



  width: 348px;



  height: 3px;



  background: #ececec;



  top: -26px;



  right: initial;



  left: 0;

}



#agenceAcomp {

  background: #f8f8f8;



  padding: 46px 0;

}



#marketcom .content-cta a:hover {

  background: #17b0ba;



  padding: 16px 20px;



  border: 2px solid #ffffff;

}



#marketcom .col-md-6:first-child .linkImage .content-cta a:hover {

  background: #f4b907;

}



#marketcom .col-md-6:nth-child(4) .linkImage .content-cta a {

  background: #17b0ba;

}



#marketcom .col-md-6:nth-child(4) .linkImage .content-cta a:hover {

  background: #f4b907;

}



#expert {

  margin-top: 60px;

}



#expert h2 {

  margin-bottom: 19px;

}



#expert h3.title-items {

  padding-bottom: 14px;



  border-bottom: 3px solid #f4b907;



  position: relative;



  padding-top: 20px;

}



#expert h3.title-items:after {

  content: "";



  background: #0074b6;



  width: 72px;



  height: 3px;



  position: absolute;



  bottom: -3px;



  left: initial;



  right: 0;



  z-index: 1;

}



#expert .col-md-6 {

  padding: 0;

}



#expert .content-perso {

  padding: 30px 24px;



  background: #f7f7f7;



  margin: 0 15px 30px 15px;



  min-height: 728px;

}



#expert .content-perso .row {

  padding-bottom: 20px;

}



#expert .img-w-border {

  width: 167px;



  height: 167px;



  border: 3px solid #dbdbdb;



  border-radius: 50%;



  display: flex;



  align-items: center;

}



#expert .content-perso .img-w-border img {

  width: 100%;



  height: 100%;



  border-radius: 50%;



  overflow: hidden;

}



#expert .content-perso .title-experts {

  max-width: 254px;



  margin: auto;

}



#expert .content-perso .content-experts p {

  text-align: justify;

}



#expert .content-perso .content-experts ul {

  text-align: justify;

}



#expert h3.black-title {

  margin-top: 30px;

}



#formation .title-content {

  margin-bottom: 30px;



  padding-left: 15px;

}



#formation .paragraph h4 {

  color: #0074b6;



  text-transform: uppercase;

}



#formation .paragraph span {

  color: #0074b6;

}



#expert .content-perso .content-experts ul li {

  margin-bottom: 0;

}



.page-id-14 #marketcom .col-md-6:first-child .linkImage .content-cta a:hover {

  background: #f4b907;

}



.page-id-14 #marketcom .col-md-6:last-child .linkImage .content-cta a {

  background: #17b0ba;

}



.page-id-14 #marketcom .col-md-6:last-child .linkImage .content-cta a:hover {

  background: #f4b907;

}



.page-id-14 #marketcom .content-cta a:hover {

  background: #17b0ba;



  padding: 16px 20px;



  border: 2px solid #ffffff;

}



#client {

  margin: 50px 0;

}



#block-ctaClients {

  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 20px 0 30px;



  position: relative;



  flex-wrap: wrap;

}



#block-ctaClients a.btnclient {

  color: #0074b6;



  border: 2px solid #0074b6;



  padding: 15px 46px;



  font-size: 20px;



  margin-bottom: 20px;



  font-weight: 600;

}



#block-ctaClients a.btnclient:hover {

  color: #fff;



  border: 2px solid #f4b907;



  background: #0074b6;

}



#block-ctaClients:after {

  content: "";



  background: #f4b907;



  position: absolute;



  bottom: 0;



  left: 50%;



  width: 456px;



  margin-left: -228px;



  height: 2px;

}



#client .content-logoClients {

  display: flex;



  align-items: center;



  justify-content: stretch;



  flex-wrap: wrap;



  gap: 30px;



  padding-top: 46px;

}



#client .content-logoClients .img-block {

  background: #fff;



  flex: 50%;



  border: 3px solid #cecece;



  border-radius: 56px;



  height: 106px;



  max-width: 272px;



  display: flex;



  align-items: center;



  justify-content: center;

}



#client .content-logoClients .img-block img {

  max-height: 76px;



  max-width: 75%;

}



.page-id-16 #marketcom .col-md-6:first-child .linkImage .content-cta a:hover {

  background: #f4b907;

}



.page-id-16 #marketcom .content-cta a:hover {

  background: #17b0ba;



  padding: 16px 20px;



  border: 2px solid #ffffff;

}



.page-id-28 #factory #marketing-paging .images .title-marketItems p {

  font-size: 18px;



  font-weight: 700;



  line-height: 22px;



  text-transform: uppercase;



  margin: 0;



  display: flex;



  justify-content: center;



  color: #fff;



  width: 279px;



  align-items: center;



  height: 72px;



  text-align: center;



  padding: 0;



  border: 1px solid #fff;

}



.page-id-38 #factory .content-prod {

  margin-top: 64px;

}



.page-id-38 #factory .content-prod .content-demo {

  max-width: 540px;

}



.page-id-38 #factory .row.contenu-sante {

  margin: 0 0 50px 0;

}



.page-id-38 #factory .row.contenu-sante-1 {

  margin-bottom: 17px;

}



.page-id-38 #factory .realite-fond {

  background: #f8f8f8;



  padding: 0 0 17px;

}



.page-id-36 #factory .marketing-paging-1.realite-fond {

  margin-top: 46px;

}



#content-prod {

  padding-top: 50px;



  background-repeat: no-repeat !important;



  background-position: top right !important;



  background-size: contain !important;



  max-width: 2000px;



  margin: auto;

}



#content-prod .row.contenu-sante {

  align-items: center;

}



#factory .row.contenu-sante {

  align-items: center;

}



#content-prod .row.contenu-sante .images {

  text-align: right;



  margin-top: -64px;

}

#content-prod .row.contenu-sante .images img {

  max-width: 300px;

}

#factory #content-prod .row.contenu-sante .content-demo {

  min-height: 496px;



  display: flex;



  flex-direction: column;



  justify-content: space-between;

}



#fablab #marketing-paging {

  margin-top: 0;

}



#fablab #marketing-paging .row:nth-child(odd) .images .content-ctaMarket {

  justify-content: flex-start;



  margin-right: 0;



  margin-left: 15px;

}



#fablab #marketing-paging .row:nth-child(odd) {

  flex-direction: initial;

}



#fablab #marketing-paging .section-theme-inner {

  padding: 46px 0;

}



#fablab #marketing-paging .section-theme-inner .images {

  text-align: right;

}



#fablab #marketing-paging .section-theme-inner:nth-child(odd) {

  background: #f8f8f8;

}



#fablab #marketing-paging .section-theme-inner:nth-child(odd) .row {

  flex-direction: row-reverse;

}



#fablab

  #marketing-paging

  .section-theme-inner:nth-child(odd)

  .row

  .col-md-7

  .images {

  text-align: left;

}



#fablab

  #marketing-paging

  .section-theme-inner:nth-child(odd)

  .images

  .content-ctaMarket {

  justify-content: flex-end;



  margin-right: 0;



  margin-left: 15px;

}



#factory #marketing-paging .images .title-marketItems p {

  font-size: 25px;



  font-weight: 700;



  line-height: 28px;



  text-transform: uppercase;



  margin: 0;



  display: flex;



  justify-content: center;



  color: #ffffff;



  width: 387px;



  align-items: center;



  height: 72px;



  text-align: center;



  padding: 15px;



  border: 1px solid #f4b907;

}



/*#formation .title-items {



    display: block;



    text-transform: uppercase;



    font-size: 24px;



    color: #007cc7;



    font-weight: 400;



    line-height: 27px;



}*/



#formation #expert .img-w-border {

  width: 167px;



  height: 167px;



  border: 3px solid #f4b907;



  border-radius: 50%;



  display: flex;



  align-items: center;

}



#formation #expert .content-perso .title-experts {

  max-width: 100%;

}



#formation #expert .content-perso {

  padding: 30px 24px;

  background: #f7f7f7;

  margin: 0 15px 30px 15px;

  display: flex;

  flex-direction: column;

  height: calc(100% - 20px);

}



#formation #banner-formation {

  background: url("../img/banner-formation.jpg") no-repeat;



  background-size: cover;

}



#formation #expert .content-perso .row {

  padding-bottom: 20px;



  align-items: center;

}



#formation #expert h3.title-items {

  padding-bottom: 14px;



  border-bottom: 3px solid #f4b907;



  position: relative;



  padding-top: 0;

}



#formation .content-perso .content-cta {

  margin: 20px 0;



  width: 100%;



  display: flex;



  justify-content: center;

}



#formation .content-perso .content-cta a:hover {

  transform: scale(1);



  transition: transform 1.2s;

}



#formation .content-perso .content-experts {

  height: 100%;



  max-height: 100%;



  display: flex;



  flex-direction: column;



  justify-content: space-between;



  align-items: flex-start;

}

#formation .content-perso .content-experts .paragraph {

  padding-bottom: 20px;

}



.content-paragraph {

  display: flex;

  flex-direction: column;

  min-height: 272px;

  justify-content: flex-start;

}

#formation .content-perso h3.blue-text {

  margin-bottom: 20px;

}

#conseil .conseil-block {

  margin-top: 70px;

}



#conseil #marketing-paging .conseil-block .row .col-md-7 .images {

  text-align: right;

}



#conseil

  #marketing-paging

  .conseil-block

  .row:nth-child(odd)

  .col-md-7

  .images {

  text-align: left;

}



#conseil #marketing-paging .conseil-block .images .content-ctaMarket {

  position: absolute;



  top: 0;



  right: 0;



  display: flex;



  align-items: center;



  justify-content: flex-end;



  margin-right: 15px;



  width: 100%;



  height: 100%;

}



#conseil

  #marketing-paging

  .conseil-block

  .row:nth-child(even)

  .images

  .content-ctaMarket {

  justify-content: start;



  margin-right: 0;



  margin-left: 15px;

}



#conseil #marketing-paging .images .title-marketItems p {

  font-size: 26px;



  font-weight: 700;



  line-height: 28px;



  text-transform: uppercase;



  margin: 0;



  display: flex;



  justify-content: center;



  color: #fff;



  width: 422px;



  align-items: center;



  height: 72px;



  text-align: center;



  padding: 15px;



  border: 1px solid #fff;

}



#banner-support {

  background: url("../img/banner-support.jpg") no-repeat;



  background-size: cover;

}



#banner-service {

  background: url("../img/banner-service.jpg") no-repeat;



  background-size: cover;

}



#banner-digitaux {

  background: url("../img/banner-digitaux.jpg") no-repeat;



  background-size: cover;

}



.text-right {

  text-align: right;



  padding-top: 50px;

}



.text-left {

  text-align: left;

}



#banner-technologie {

  background: url("../img/banner-techno.jpg") no-repeat;



  background-size: cover;

}



#factory .realite-fond {

  background: #f8f8f8;



  padding: 46px 0;

}



.fond {

  background-color: #0b0438;



  width: 100%;



  display: flex;



  flex-direction: column;



  justify-content: center;



  padding: 21px;

}



.marketing-paging .col-md-4 {

  padding: 0;

}



.marketing-paging .col-md-8 {

  padding: 0;

}



.yellow-text {

  color: #f4b907;

}



.marketing-paging .texte-factory {

  color: #ffffff;

}



.marketing-paging .texte-factory h2 {

  margin-bottom: 20px;



  font-weight: 800;



  font-size: 30px;

}



.mrg {

  margin: 50px 0;

}



#factory .row.contenu-sante .images {

  text-align: right;

}



#factory .row.contenu-sante iframe {

  width: 100%;



  height: 317px;

}



#factory .col-md-4 .images img {

  width: 100%;



  height: 100%;

}



#banner-demo {

  background: url("../img/banner-demo.jpg") no-repeat;



  background-size: cover;

}



#factory .row.contenu-sante {

  align-items: flex-start;

}



.page-id-36 #factory .marketing-paging-1 .row.contenu-sante {

  align-items: center;

}



#marketing-paging .texte-factory {

  padding-right: 30px;



  max-width: 480px;



  margin: 35px 0;

}



.text-reality {

  padding-left: 20px;

}



#livres #marketing-paging .section-theme-inner {

  padding: 46px 0;

}



#livres #marketing-paging .section-theme-inner:nth-child(even) {

  background: #f8f8f8;

}



#livres #marketing-paging .section-theme-inner .row {

  align-items: flex-start;

}



#livres #marketing-paging .section-theme-inner .row .col-md-6:nth-child(2) {

  padding-left: 68px;

}



#livres #marketing-paging .content-cta a {

  display: inline-block;



  margin-top: 20px;



  padding: 18px 46px;

}



#livres h3.title-items {

  padding-top: 0;



  font-size: 26px;



  line-height: 32px;



  margin-bottom: 20px;

}



#formulaireLB h3.title-items {

  padding-top: 68px;



  width: max-content;



  font-size: 26px;



  line-height: 32px;



  margin-bottom: 20px;

}



#formulaireLB #contact-section .row {

  align-items: center;

}



#contact-form-cont .telecharger .form-contact {

  margin: 17px 0 0;

}



#contact-form-cont .telecharger .form-contact input {

  border: 2px solid #007cc5;

}



#contact-section .img-telecharger {

  margin-top: 36px;

}



#formulaireLB #end-sect {

  margin-top: 68px;



  margin-bottom: 40px;

}



#formulaireLB #end-sect .section-end-inner {

  background: #f8f8f8;



  padding: 40px 0;

}



#formulaireLB #end-sect .content-cta {

  text-align: center;



  margin: 28px 0 0;

}



#contact-section .map-content iframe {

  max-width: 100%;

}



/* -----  Blog ------ */



.page-template-blog #header-menu {

  border-bottom: 2px solid #0085cd;

}



#alaune {

  padding: 50px 0;

}



#alaune h2 {

  text-transform: uppercase;



  font-size: 36px;



  font-weight: 700;

}



#alaune h2 span {

  font-size: 48px;

}



#alaune .image-head {

  text-align: right;



  display: flex;



  justify-content: flex-end;



  margin-top: -40px;

}



#alaune .image-head img {

  max-width: inherit;

}



#alaune .head-block-content-outer {

  margin-top: 30px;



  position: relative;



  z-index: 1;



  padding: 2px;

}



#alaune .head-block-content {

  background: #fff;



  padding: 40px;



  position: relative;

}



#alaune .categ-name {

  position: absolute;



  left: 0;



  bottom: 0;



  color: #fff;



  font-size: 20px;



  padding: 10px 30px;



  font-weight: 300;

}



#alaune h3 {

  font-size: 36px;



  font-weight: 800;



  text-transform: uppercase;



  color: #0085cd;



  margin-bottom: 20px;

}



#alaune .desc {

  font-weight: 300;



  font-size: 18px;



  max-width: 350px;

}



#alaune .desc p {

  text-align: left;

}



#alaune .btn-blog {

  text-align: right;

}



#alaune .btn-blog a {

  text-transform: uppercase;



  color: #0085cd;



  font-size: 18px;



  font-weight: 600;



  padding: 10px 30px;



  border: 2px solid #0085cd;



  border-radius: 30px;

}



#alaune .btn-blog a i {

  margin-left: 10px;

}



.create-date {

  display: flex;



  align-items: center;



  gap: 15px;

}



#alaune .create-date {

  margin: 20px 0;

}



.create-date .date {

  text-align: center;



  background: #fff;



  border-radius: 10px;



  width: 36px;



  display: flex;



  align-items: center;



  justify-content: center;



  height: 36px;



  font-size: 12px;



  font-weight: 600;



  border: 1px solid gray;

  padding: 10px 20px;

}



#alaune .create-date .date {

  border: 1px solid #0085cd;

}



.create-date .date p {

  margin: 0;



  text-align: center;



  line-height: 1;



  font-size: 16px;



  font-weight: 500;

}



.meta-article {

    margin-top: 6px;

    font-size: 13px;

    color: #777;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}



.meta-article .author {

    font-weight: 600;

    color: #222;

}



.meta-article .fonction {

    color: #164847;

    font-weight: 500;

}



.meta-article .date {

    margin-left: auto;

    color: #999;

}





.name-created p {

  margin: 0;



  font-size: 16px;

}



.btn-categ-nav .cat-list {

  padding: 10px 0 40px;



  list-style: none;



  display: flex;



  flex-wrap: wrap;



  gap: 15px;

}



.btn-categ-nav .cat-list li {

  flex: 1;

}



.btn-categ-nav .cat-list li a {

  padding: 8px;



  text-transform: uppercase;



  font-size: 16px;



  font-weight: 600;



  min-height: 60px;



  max-width: 162px;



  color: #17b0ba;



  display: flex;



  align-items: center;



  justify-content: center;



  text-align: center;



  border: 2px solid #b8b8b8;



  border-left: 1px solid #b8b8b8;



  border-right: 1px solid #b8b8b8;



  background: #fff;



  box-shadow: 0px 12px 5.76px 0.24px rgba(0, 0, 0, 0.06);



  transition: all 0.3s;



  cursor: pointer;

}



.btn-categ-nav .cat-list li a.active,

.btn-categ-nav .cat-list li a:hover {

  background: #17b0ba;



  border: 2px solid #17b0ba;



  color: #fff;



  transition: all 0.3s;

}



.categ-content {

  width: 100%;

  height: 200px;

  position: relative;

}



#blog #section-1 .row {

  align-items: flex-end;

}



#nos-article {

  margin-bottom: 30px;

}



#nos-article .categ-content {

  width: 100%;



  position: relative;



  height: 230px;

}



.categ-content img {

  width: 100%;



  height: 100%;



  object-fit: cover;

}



.categ-content:before {

  position: absolute;



  width: 100%;



  height: 100%;



  content: "";

}



.project-tiles {

  padding: 0;



  list-style: none;

}



.project-tiles li {

  margin-bottom: 30px;

}



.categ-content .categ-name {

  position: absolute;



  left: 0;



  bottom: 0;



  display: flex;

}



.categ-content .categ-name .catItem {

  color: #fff;



  font-size: 20px;



  padding: 10px 20px;



  font-weight: 300;

}



.row-content-article {

  border: 1px solid #e6e6e6;

  border-radius: 7px;

  padding-top: 15px;

  padding-bottom: 15px;

  padding-left: 10px;

  padding-right: 10px;

   position: relative;

}



.blog-content {

    position: relative;

}



.blog-content .card-link {

    position: absolute;

    inset: 0;

    z-index: 5;

}



.blog-content .row-content-article {

    position: relative;

    z-index: 10;

    pointer-events: none; /* laisse passer le clic */

}



.blog-content .row-content-article * {

    pointer-events: none; /* le lien au-dessus capte tout */

}



.blog-content:hover .row-content-article {

    background: #f5f7fa;

    transition: 0.3s;

}



.container-articles-lus {

    display: flex;

    flex-direction: column;

    height: 100%;

}



/* La partie image + catégories */

.categ-content {

    flex-shrink: 0;

}



/* Le titre prend la place qu'il veut */

.btn-title {

    margin-top: 15px;

}



/* Le bouton est poussé en bas */

.text-center {

    margin-top: auto;

}





.content-article {

  position: relative;



  z-index: 1;



  background: #fff;

}



.top-content-article {

  padding: 0px 30px;

}



.top-content-article h4 {

  font-size: 18px;



  text-transform: uppercase;



  font-weight: 600;



  color: #000000;



  text-align: left;



  margin-bottom: 20px;

}



.btn-decouvrir-livre-blanc {

  margin-top: 20px;

  display: flex;

  justify-content: center; /* centre le bouton */

}



.btn-decouvrir-livre-blanc a {

  width: 170px; /* même largeur pour tous */

  text-transform: uppercase;

  background-color: #f4b400;

  color: white;

  font-size: 14px;

  font-weight: 600;



  display: flex;

  justify-content: center; /* centre le texte horizontalement */

  align-items: center;     /* centre le texte verticalement */



  padding: 10px 0;

  line-height: 1;

  text-align: center;



  transform: scale(0.92);

  transition: transform 0.3s ease;

}



/* Hover */

.btn-decouvrir-livre-blanc a:hover {

  transform: scale(1);

}



/* Flèche */

.btn-decouvrir-livre-blanc a i {

  font-size: 26px;

  transition: transform 0.25s ease;

  margin-left: 10px;

}



.container-articles-lus {

    border: 1px solid #e5e5e5;  

    border-radius: 6px;         

    padding: 20px;             

    background-color: #ffffff;      

    box-sizing: border-box;

}



.title-article-lus {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 600;

    color: rgb(0, 133, 205);

    margin-top: 20px;

}



.top-content-article .desc {

  max-width: 320px;



  text-align: left;



  font-size: 16px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 4;



  -webkit-box-orient: vertical;

}



.top-content-article .desc a {

  display: none;

}



.content-article .flex-btn {

  padding: 10px 30px;



  display: flex;



  justify-content: space-between;



  align-items: center;

}



.content-article .name-created {

  color: #fff;

}



.content-article .btn-blog a {

  text-transform: uppercase;



  color: rgb(0, 133, 205);



  font-size: 14px;



  display: flex;



  line-height: 1;



  align-items: center;



  font-weight: 600;



  padding: 6px 18px;



  border: 2px solid rgb(0, 133, 205);



  transform: scale(0.92);



  transition: transform 1.2s;

}



.content-article .btn-blog a:hover {

  transform: scale(1);



  transition: transform 1.2s;

}



.content-article .btn-blog a i {

  margin-left: 10px;



  font-size: 26px;

}



.page-id-19963 #section-1 h3.title-items {

  display: flex;



  align-items: center;



  gap: 29px;



  width: max-content;



  margin-top: 30px;

}



.page-id-19963 #section-1 h3.title-items a {

  display: flex;



  align-items: center;



  gap: 5px;



  color: #0074b6;

}



.page-id-19963 #section-1 .row {

  align-items: center;

}



#contact-section .content-tel {

  margin: 27px 0;



  display: flex;



  justify-content: center;

}



#contact-section .content-tel a {

  color: #007cc5;



  font-size: 21px;



  font-weight: 800;



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 20px;

}



#contact-section .content-tel a i.fa-mobile-alt {

  font-size: 32px;

}



#contact-form-cont .form-contact {

  background: #f7f7f7;



  padding: 32px 48px 0;



  margin: 30px 0;



  border: 1px solid #007cc5;

}



#contact-form-cont .form-contact input {

  width: 100%;



  border: 2px solid #f2f2f2;



  padding: 12px 17px;



  margin-bottom: 20px;



  border-radius: 6px;

}



#contact-form-cont .form-contact input[type="submit"] {

  width: initial;



  border: none;



  background: #f4b907;



  padding: 12px 42px;



  color: #ffffff;



  text-transform: uppercase;



  font-size: 20px;



  font-weight: 500;



  line-height: 1;



  margin: 0 auto 32px;



  display: block;



  border-radius: 0;

}



#contact-form-cont .form-contact textarea {

  width: 100%;



  height: 162px;



  border: 2px solid #f2f2f2;



  padding: 12px 17px;



  margin-bottom: 20px;



  border-radius: 6px;

}

#contact-form-cont .form-contact > div.text-center {

  display: flex;



  justify-content: center;



  margin-bottom: 20px;

}



#contact-form-cont .form-contact span.wpcf7-spinner {

  display: none;

}



#contact-section .reseau-flex {

  display: flex;



  justify-content: center;



  align-items: center;



  gap: 18px;



  margin-top: 24px;

}



#contact-section .reseau-flex a {

  color: #007cc5;



  font-size: 42px;

}



#end-sect {

  margin-top: 108px;

}



#end-sect p {

  font-size: 14px;



  font-weight: 400;

}



#end-sect .content-cta {

  text-align: center;



  margin: 28px 0 46px;

}



#end-sect .content-cta a {

  display: inline-block;



  background: none;



  color: #007cc5;



  border: 2px solid #007cc5;



  line-height: 1.2;

}



#end-sect .content-cta a:hover {

  color: #f4b907;



  border: 2px solid #f4b907;

}



#blog #section-1 {

  margin-bottom: 56px;

}



#blog #section-1 .title-itemSect {

  font-size: 36px;



  margin-bottom: -20px;



  margin-top: 50px;

}



#blog #ressuorce-content .col-md-9 {

  padding-right: 30px;

}



#livre-blanc-blog h3 {

  font-size: 24px;



  margin-bottom: 40px;



  font-weight: 900;



  padding: 20px 0;

}



#livre-blanc-blog .categ-content {

  margin-bottom: 40px;



  height: auto;



  width: 100%;

}



#livre-blanc-blog .content-livre {

  position: relative;



  height: 226px;

}



#livre-blanc-blog .content-livre p {

  position: absolute;



  bottom: 0;



  left: 0;



  padding: 20px;



  text-transform: uppercase;



  color: #fff;



  font-size: 20px;



  font-weight: 700;



  line-height: 1;



  text-align: left;



  margin: 0;

}



#livre-blanc-blog .content-livre img {

  max-width: 100%;



  height: 100%;



  object-fit: cover;

}



#livre-blanc-blog .btn-download {

  background: #f4b907;



  text-align: center;



  position: relative;



  z-index: 1;



  padding: 10px 0;

}



#livre-blanc-blog .btn-download a {

  text-transform: uppercase;



  color: #fff;



  font-size: 14px;



  display: inline-block;



  line-height: 1;



  align-items: center;



  font-weight: 600;



  padding: 6px 18px;



  border: 2px solid #fff;

}



#livre-blanc-blog .btn-download a i {

  margin-left: 10px;



  font-size: 26px;



  display: inline-block;



  vertical-align: middle;

}



#load-more {

  text-transform: uppercase;



  color: #f4b907;



  font-size: 14px;



  display: inline-block;



  line-height: 1;



  align-items: center;



  font-weight: 600;



  padding: 15px 25px;



  border: 2px solid #f4b907;



  background: none;

}



#load-more:hover {

  border: 2px solid rgb(23, 176, 186);



  color: rgb(23, 176, 186);

}



#realisation-blog {

  padding-top: 50px;

}



#realisation-blog #realblog {

  position: relative;

}



#realisation-blog #realblog .btnc {

  position: absolute;



  bottom: 20px;



  width: 100%;



  left: 0;



  display: block;

}



#realisation-blog #realblog .btnc a {

  text-transform: uppercase;



  color: #fff;



  font-size: 14px;



  display: inline-block;



  line-height: 1;



  align-items: center;



  font-weight: 600;



  padding: 6px 18px;



  border: 2px solid #fff;

}



#realisation-blog #realblog .btnc a i {

  margin-left: 10px;



  font-size: 26px;



  display: inline-block;



  vertical-align: middle;

}



#realisation-blog #realblog .btnc a:hover {

  border: 2px solid #f4b907;



  color: #f4b907;

}



#nos-article-lut {

  padding-top: 50px;



  padding-bottom: 50px;

}



#nos-article-lut .categ-content {

  width: 100%;

}



#nos-article-lut h4 a {

  font-size: 20px;



  color: #007cc7;



  text-transform: uppercase;



  margin: 20px 0;



  font-weight: 700;



  display: block;

}



.single .sidebar .search {

  display: none;

}



#ez-toc-widget-sticky-container ul {

  max-width: 284px;



  padding: 0;

}



#ez-toc-widget-sticky-container ul li {

  text-align: left;



  margin: 10px 0;



  background: none;

}



#ez_toc_widget_sticky-2

  .ez-toc-widget-sticky-container

  ul.ez-toc-widget-sticky-list

  li.active {

  background: none !important;

}



#ez-toc-widget-sticky-container ul li a {

  padding: 0;



  text-align: left;



  font-size: 14px;



  background: none;



  color: #007cc7;

}



#ez-toc-widget-sticky-container ul li.active a,

#ez-toc-widget-sticky-container ul li a:hover {

  color: #000;

}



.single-post #content-wrap h2 {

  color: #007cc7;



  font-size: 24px;



  font-weight: bold;

}



.single-post #content-wrap h3,

.single-post #content-wrap h4 {

  font-size: 20px;



  margin: 15px 0 20px;



  color: #4d5458;

}



.single-post #content-wrap h2 {

  color: #007cc7;



  font-size: 24px;



  font-weight: bold;



  margin: 20px 0 30px;

}



blockquote {

  background: url(../img/quote.png) left 4px no-repeat;



  padding-left: 55px;



  margin: 30px 0;



  font-size: 1.231em;



  color: #9e9e9e;

}



.single-post #content-wrap p {

  font-size: 14px;



  line-height: 20px;



  margin-bottom: 20px;

}



.single-post #content-wrap li {

  font-size: 14px;

}



.single-post #content-wrap ul,

.single-post #content-wrap ol {

  margin-left: 40px;

}



.single-post #content-wrap .post-views {

  display: none;

}



#postThumbPost {

  margin: 10px 0 30px;

}



.single-post #content-wrap .title-itemSect {

  text-transform: uppercase;



  line-height: 38.75px;



  font-weight: 800;



  color: #0074b6;



  font-size: 36px;



  margin-bottom: 40px;

}



.single-post #content-wrap h1.title-itemSect {

  margin-top: 20px;

}



.single-post #content-wrap {

  padding-top: 40px;



  /*border-top: 2px solid #0074b6;*/

}



.single-post #content-wrap .post-content h3 {

  margin-bottom: 15px;

}



#content-wrap .sidebar-widget h3 {

  font-size: 22px;



  margin-bottom: 30px;



  font-weight: 900;



  padding: 20px 0;



  display: block;



  text-transform: uppercase;



  color: #007cc7;



  line-height: 27px;



  border-bottom: 3px solid #cecece;



  position: relative;

}

#content-wrap #ez_toc_widget_sticky-2.sommaire h3 {

  position: relative;

  top: 44px;

  background: #fff;

}

#content-wrap

  #ez_toc_widget_sticky-2.sommaire

  ul.ez-toc-widget-sticky-list-level-1 {

  margin-top: 30px;

}

#content-wrap .sidebar-widget h3:after {

  content: "";



  background: #f4b907;



  width: 72px;



  height: 3px;



  position: absolute;



  bottom: -3px;



  left: 0;



  z-index: 1;

}



#ez_toc_widget_sticky-2 .ez-toc-widget-sticky-title {

  color: #007cc7 !important;



  font-weight: 900 !important;



  font-size: 22px !important;

}



.ez-toc-widget-sticky-container li.active > a {

  font-weight: 900 !important;

}



#content-wrap .sidebar-widget > div {

  margin-bottom: 30px;

}



#content-wrap .sidebar-widget .addtoany_list {

  display: block;



  text-align: center;

}



#ez_toc_widget_sticky-2 .ez-toc-widget-sticky-btn {

  display: none;

}



#content-wrap .col-md-9 {

  padding-right: 30px;

}



#biefPost {

  margin: 50px 0;



  border: 2px solid #f4b907;

}



#briefkds {

  padding: 20px;



  border-right: 2px solid #f4b907;

}



#briefkds img {

  margin-bottom: 20px;

}



#contactPost {

  padding: 20px 20px 20px 5px;



  margin-bottom: 0;

}



#contactPost p {

  color: #007cc7;



  font-weight: 800;



  font-size: 18px;



  text-align: center;



  margin-bottom: 20px;

}



#top-cu-info {

  padding: 40px 0;

}



#top-cu-info h2 {

  margin-bottom: 0;

}



#top-cu-info #btnc-head {

  padding: 30px;



  background-position: center !important;



  background-size: cover !important;

}



#top-cu-info #btnc-head p {

  text-align: center;



  color: #fff;



  font-size: 18px;



  font-weight: bold;

}



#top-cu-info #btnc-head .content-cta {

  margin-bottom: 0;

}



.page-template-cas-usage

  #section-theme

  .row:nth-child(even)

  .col-md-6.sectLeft {

  padding-right: 0;



  padding-left: 52px;



  border: none;

}



.page-template-cas-usage

  #section-theme

  .row:nth-child(even)

  h2.title-itemSect.text-end {

  text-align: left !important;

}



.page-template-cas-usage

  #section-theme

  .row:nth-child(even)

  h2.title-itemSect:before {

  content: "";



  background: #f4b907;



  width: 22px;



  height: 22px;



  border-radius: 50%;



  position: absolute;



  bottom: -12px;



  right: initial;



  left: -64px;



  z-index: 1;

}



.page-template-cas-usage

  #section-theme

  .row:nth-child(even)

  h2.title-itemSect.text-end:after {

  content: "";



  background: #f4b907;



  width: 112px;



  height: 4px;



  position: absolute;



  bottom: -4px;



  right: initial;



  left: 0;



  z-index: 1;

}



.page-template-cas-usage

  #section-theme

  .row:nth-child(even)

  .theme-content-left

  .content-text:before {

  content: "";



  position: absolute;



  width: 100%;



  height: 4px;



  background: #ececec;



  top: -26px;



  right: initial;



  left: 0;

}



.page-template-cas-usage

  #section-theme

  .row:nth-child(even)

  .col-md-6.sectRight {

  padding-left: 0;



  border-right: 3px solid #0074b6;



  text-align: right;



  padding-right: 52px;

}



.page-template-cas-usage #section-theme h2.title-itemSect.text-end:after {

  content: "";



  background: #f4b907;



  width: 145px;



  height: 4px;



  position: absolute;



  bottom: -4px;



  right: 0;



  z-index: 1;

}



.page-template-cas-usage .theme-content-left .content-text:before {

  content: "";



  position: absolute;



  width: 100%;



  height: 4px;



  background: #ececec;



  top: -26px;



  right: 0;

}



.page-template-cas-usage #section-theme .row .content-text p {

  text-align: justify;

}



.page-template-cas-usage #section-theme .row .content-text a {

  color: #0074b6;

}



.page-template-cas-usage #section-theme .theme-content-left ul {

  list-style: none;



  padding: 0;



  margin: 0;

}



.page-template-cas-usage #section-theme .theme-content-left ul li img {

  margin-right: 10px;



  display: inline-block;

}



#section-theme .titleRes {

  max-width: 600px;



  margin: auto;

}



#section-theme .titleRes h2.title-itemSect {

  margin-top: 30px;



  border-bottom: 5px solid #ececec;



  padding-bottom: 5px;

}



#section-theme .titleRes h2.title-itemSect:after {

  content: "";



  background: #f4b907;



  width: 142px;



  height: 4px;



  position: absolute;



  bottom: -4px;



  right: initial;



  left: 38%;



  z-index: 1;

}



#section-theme .titleRes h2.title-itemSect:before {

  content: "";



  background: #f4b907;



  width: 22px;



  height: 22px;



  border-radius: 50%;



  position: absolute;



  top: -30px;



  left: 48%;



  z-index: 1;

}



#section-theme .resultat .content-resultat {

  display: flex;



  align-items: self-start;



  justify-content: space-between;



  margin-top: 46px;

}



#section-theme .resultat .singleRes {

  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  gap: 22px;

}



#section-theme .resultat .singleRes img {

  max-width: 120px;

}



#section-theme .resultat .text-singleRes p {

  display: block;



  text-align: center;

}



#section-theme .identity-content-w-border {

  padding: 20px 42px;



  border: 2px solid #f4b907;



  margin-bottom: 30px;

}



#section-theme .resultat {

  margin-bottom: 30px;

}



#section-theme .identity-content-w-border .photo-w-name {

  display: flex;



  align-items: center;



  justify-content: end;



  gap: 30px;

}



#section-theme .expert-contact #contact-lien {

  background: #007cc5;



  padding: 20px;

}



#section-theme .expert-contact #contact-lien h3.reali-titre {

  color: #fff;

}



#section-theme .expert-contact .content-cta a {

  border: 2px solid #f4b907;

}



#section-theme .expert-contact .content-cta a:hover {

  border: 2px solid #f4b907;



  background: none;

}



#factory .marketing-paging-1 {

  margin: 46px 0;

}



.search-no-results section#content-search-no-results {

  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: space-evenly;



  height: calc(100vh - 752px);

}



.search-no-results .sidebar {

  display: none;

}



#post-404 {

  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: center;



  height: calc(100vh - 752px);

}



#post-404 h1 {

  color: #007cc5;



  font-size: 46px;



  padding-bottom: 10px;



  text-transform: uppercase;



  border-bottom: 4px solid #cecece;



  position: relative;

}



#post-404 h1:before {

  content: "";



  background: #f4b907;



  width: 121px;



  height: 4px;



  position: absolute;



  bottom: -4px;



  left: 0;



  z-index: 1;

}



#post-404 h2 {

  margin: 30px 0;

}



#post-404 h2 a {

  color: #fff;



  font-size: 20px;



  display: block;



  text-transform: uppercase;



  background: #007cc5;



  padding: 15px 24px;



  transform: scale(0.92);



  transition: transform 1.2s;

}



#post-404 h2 a:hover {

  background: #f4b907;



  transform: scale(1);

}



.error404 .sidebar {

  display: none;

}



#plan .content {

  margin: 46px 0;

}



#plan .content ul.navbar-nav {

  margin-left: 0;

}



#plan .content .nav-item-plan a.menu-plan {

  font-size: 18px;



  font-weight: 600;



  color: #007cc5;



  text-transform: uppercase;



  display: block;



  margin-bottom: 8px;

}



#plan .content ul.sub-menu {

  list-style: none;

}



#plan .content ul.sub-menu li a {

  color: #007cc5;



  text-transform: uppercase;



  font-size: 14px;

}



#realis-project .slick-prev {

  left: -46px;

}



#realis-project .slick-next {

  right: -32px;

}



#realis-project .slick-next:before,

#realis-project .slick-prev:before {

  opacity: 1;



  color: #007cc5;



  font-size: 28px;

}



/*remote*/

#remote-assiste .row {

  align-items: center;

}

section.section--themes {

  padding: 30px 0;

}

#levier {

  margin-top: 50px;

}

#levier .content-cta {

  position: absolute;

  bottom: 0;

  margin: 0;

  display: flex;

  justify-content: center;

  width: 100%;

  flex-direction: column;

  align-items: center;

  height: 100%;

}

#levier .block-levier {

  position: relative;

  padding: 0 32px 0 0;

}

#polyvalente span.titre-jaune {

  text-transform: uppercase;

  color: #f4b907;

  font-weight: 600;

  padding-right: 5px;

}

#polyvalente .row .col-md-5 .text-conseil {

  max-width: 471px;

  text-align: justify;

  margin: 0;

  padding: 0;

}

#polyvalente .row .col-md-7 .images {

  text-align: right;

  position: relative;

}

#polyvalente .row .images .content-ctaMarket {

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

  height: 100%;

  justify-content: center;

  flex-direction: column;

  align-items: flex-start;

  gap: 20px;

  margin-right: 0;

  margin-left: 15px;

}

#polyvalente .images .title-marketItems {

  padding: 8px;

  display: flex;

  align-items: center;

  background: rgba(0, 133, 205, 0.9);

}

#polyvalente .images .title-marketItems p {

  font-size: 18px;

  font-weight: 700;

  line-height: 24px;

  margin: 0;

  color: #fff;

  width: 405px;

  height: 96px;

  padding: 15px;

  border: 1px solid #fff;

}

#content-atous .container {

  background: #f7f7f7;

  padding: 30px;

}

#content-atous .section-theme-inner .row {

  position: relative;

}

#content-atous .section-theme-inner .row:before {

  content: "";

  position: absolute;

  width: 8px;

  height: 100%;

  background: #007cc5;

  top: 20px;

  left: 50%;

}

#content-atous .section-theme-inner .row.row-1:before {

  border-radius: 5px 5px 0 0;

}

#content-atous .section-theme-inner .row:last-child::before {

  border-radius: 0 0 5px 5px;

  height: 72%;

}

#content-atous .section-theme-inner .row:nth-child(odd) {

  flex-direction: row-reverse;

}

#content-atous .theme-content-left {

  display: flex;

  justify-content: space-around;

}

#content-atous .section-theme-inner .row:nth-child(odd) .theme-content-left {

  flex-direction: row-reverse;

}

#content-atous .content-texte-atous {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

}

h4.bold-title {

  font-size: 20px;

  font-weight: 900;

}

.text-blueU {

  text-decoration: underline;

  color: #1989cb;

  font-weight: 600;

  text-align: left;

}

.liste-content li {

  text-align: left;

}

.liste-content li a {

  color: #1989cb;

}

#remote-assiste #offre .row .col-md-5 .text-conseil {

  max-width: 471px;

  text-align: justify;

  margin: 0 0 0 20px;

  padding: 0;

}

#remote-assiste #offre .images .title-marketItems {

  padding: 8px;

  display: flex;

  align-items: center;

  background: rgba(0, 133, 205, 0.9);

  margin-right: 30px;

}

#remote-assiste #offre .images .title-marketItems p {

  font-size: 24px;

  font-weight: 700;

  line-height: 28px;

  text-transform: uppercase;

  margin: 0;

  display: flex;

  justify-content: center;

  color: #ffffff;

  width: 256px;

  align-items: center;

  height: 52px;

  padding: 10px;

  border: 1px solid #f4b907;

}

#remote-assiste #offre .row .col-md-7 .images {

  text-align: left;

  position: relative;

}

#remote-assiste #offre .row .images .content-ctaMarket {

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

  height: 100%;

  justify-content: center;

  flex-direction: column;

  align-items: flex-end;

  width: 100%;

  gap: 20px;

  margin-right: 0;

  margin-left: 15px;

}

#form-remote .container.container-form {

  background: #1989cb;

  padding: 30px;

}

h3.titleWhite {

  color: #fff;

  font-size: 24px;

  max-width: 376px;

  margin: 0 auto 30px;

  text-align: center;

}

.w-text-center {

  color: #fff;

  font-size: 18px;

  display: block;

  text-align: center;

}

.titre-jaune {

  color: #f4b907;

}

#form-remote .form-content {

  max-width: 554px;

  margin: auto;

}

#form-remote .form-content .formulaire-remot p {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

#form-remote .form-content input.contact-remot {

  width: 100%;

  padding: 14px 10px;

  font-size: 18px;

  font-weight: 600;

  border-radius: 3px;

  border: none;

}

#form-remote .form-content input.contact-remot::placeholder {

  color: #969595;

}

#form-remote .form-content input#submit-remot {

  text-decoration: none;

  background: #f4b907;

  color: #fff;

  font-size: 20px;

  text-transform: uppercase;

  transform: scale(0.92);

  transition: transform 1.2s;

  padding: 18px 22px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 2px solid #f4b907;

}

#form-remote .form-content input#submit-remot:hover {

  transform: scale(1);

  background: #0074b6;

}

.items-flexible .content-img {

  position: relative;

}

.items-flexible .theme-content-left {

  padding-bottom: 0;

  display: flex;

  flex-direction: column;

  height: 582px;

  gap: 15px;

}

.items-flexible .content-img img {

  max-width: 376px;

  max-height: 274px;

}

.items-flexible .content-img h3.title-flexible {

  text-transform: uppercase;

  font-size: 24px;

  color: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

  margin-left: 68px;

}

.items-flexible .content-img h3.title-flexible:after {

  content: "";

  width: 95px;

  height: 7px;

  background: #007cc5;

  position: absolute;

  bottom: 26%;

  left: 0;

}

.items-flexible:nth-child(even) .content-img h3.title-flexible:after {

  content: "";

  width: 95px;

  height: 7px;

  background: #f4b907;

}

.items-flexible .text-flexible {

  padding: 0 10px 0 26px;

  position: relative;

}

.items-flexible .text-flexible p {

  font-size: 16px;

  line-height: 20px;

}

.items-flexible .text-flexible p a {

  color: #007cc5;

}

.items-flexible .text-flexible:before {

  content: url("https://kdsante.com/wp-content/uploads/2024/09/l-jaune.png");

  position: absolute;

  top: 5px;

  left: 0;

}

.items-flexible:nth-child(even) .text-flexible:before {

  content: url("https://kdsante.com/wp-content/uploads/2024/09/l-bleu.png");

}

#rdv-section {

  margin-bottom: 46px;

}

#rdv-section h3.title-rdv {

  color: #007cc5;

  text-transform: uppercase;

  font-size: 26px;

  font-weight: 600;

  line-height: 34px;

}

#rdv-section .contact-cta a {

  text-decoration: none;

  color: #fff;

  font-size: 22px;

  font-weight: 600;

  text-transform: uppercase;

  background: url(https://kdsante.com/wp-content/uploads/2024/09/fond-cta.png)

    no-repeat;

  background-size: cover;

  display: flex;

  height: 88px;

  width: 302px;

  align-items: center;

  justify-content: flex-start;

  padding-left: 15px;

  margin-top: 30px;

}

#rdv-section .container {

  border: 3px solid #007cc5;

  padding: 30px;

}

h3.center-title {

  font-size: 36px;

  color: #fff;

  font-weight: 300;

  line-height: 42px;

  text-transform: uppercase;

}

h3 span.textJ {

  color: #ffc000;

  font-weight: 900;

}

#obtenir {

  margin: 30px 0;

}

#obtenir p,

#obtenir ul li {

  text-align: left;

}

#obtenir .imageFlex {

  display: flex;

  align-items: center;

  justify-content: center;

}

#obtenir .imageFlex .block-img {

  position: relative;

}

#obtenir .imageFlex .block-img h4.title-imgC {

  position: absolute;

  bottom: 12px;

  left: 0;

  display: flex;

  justify-content: center;

  width: 100%;

  text-transform: uppercase;

  font-weight: 800;

  font-size: 20px;

  color: #ffc000;

}

#obtenir .container .row .col-md-6 {

  padding: 0;

}

#obtenir .container .row .col-md-6:first-child {

  background: url(../img/contact.jpg) no-repeat top center;

  background-size: cover;

}

#obtenir .imageFlex .block-img:last-child h4.title-imgC {

  color: #007cc5;

}

#obtenir .title-w-bg.text-center {

  background: url(../img/landing-fond-4.jpg) no-repeat top center;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  max-height: 1176px;

}

#obtenir .reseau-flex {

  height: 60px;

  background: #0074b6;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 14px;

}

#obtenir .reseau-flex a {

  color: #fff;

  font-size: 32px;

}

#obtenir #form-landing {

  padding: 30px 46px;

  position: relative;

}



#obtenir #form-landing .kd-adresse {

  margin-bottom: 34px;

}

#obtenir #contact-form-cont label input {

  width: 100%;

  height: 40px;

  padding-left: 15px;

  border: 1px solid #d1d1d1;

  box-shadow: inset 0 4px 12px 0 rgba(0, 124, 197, 0.2);

}

#obtenir #contact-form-cont #zone-pro {

  display: flex;

  align-items: flex-start;

  justify-content: center;

  flex-wrap: wrap;

}

#obtenir #contact-form-cont #zone-pro .col-md-6#pro-pratique {

  background: #ffc000;

  padding: 15px;

}

#obtenir #contact-form-cont #zone-pro .col-md-6#pro-strategie {

  padding-top: 15px;

}

#obtenir #contact-form-cont #zone-pro .col-md-6#pro-strategie img {

  width: 100%;

}

#obtenir #contact-form-cont #zone-pro ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

#choise-title {

  font-size: 18px;

  text-transform: uppercase;

  color: #007cc5;

  font-weight: 800;

  margin: 40px 0 20px;

}

#pro-pratique {

  background: #ffc000;

  padding: 15px;

}

#pro-strategie {

  background: #c5c5c5;

  padding: 15px 0 0;

}

span.blue-lab {

  display: block;

  margin: 15px 0;

  font-size: 18px;

  color: #007cc5;

  font-weight: 800;

  text-transform: uppercase;

  text-align: center;

  line-height: 22px;

}

#pro-pratique ul li span.wpcf7-list-item {

  font-size: 14px;

}

.programme .wpcf7-list-item-label {

  display: none;

}

#contact-form-cont label {

  width: 100%;

}

#contact-form-cont label.center {

  margin-top: 30px;

}

#contact-form-cont label.center textarea {

  width: 100%;

  padding: 15px;

}

#submit-cta p {

  padding-top: 12px;

  position: absolute;

  left: 0;

  width: 100%;

}

#submit-cta input#go-contact {

  background: #ffc000;

  border: none;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  padding: 15px 0;

  width: 100%;

  height: 100%;

  color: #fff;

  font-size: 24px;

  text-transform: uppercase;

}

.wpcf7 form .wpcf7-response-output {

  position: absolute;

  bottom: -106px;

  padding: 10px;

  width: 100%;

  left: -7px;

}



.banner-avatar {

  background-color: yellow;

}



.content-avatar-page {

  margin-top: 30px;

  margin-bottom: 30px;

}



.h3-style {

  color: #0074b6;

  font-size: 22px;

  font-weight: 800;

}



.flex-row-kamui {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  width: 100%;

  gap: 20px;

  box-sizing: border-box;

  padding: 10px; /* optionnel, un peu d’espace autour */

}



.flex-item-kamui {

  flex: 1 1 calc(20% - 16px); /* 5 colonnes avec prise en compte du gap */

  box-sizing: border-box;

  text-align: center;

}



.flex-item-kamui img {

  max-width: 100%;

  height: auto;

  margin-bottom: 10px;

}



/* Responsive : moins de colonnes sur petits écrans */



@media (max-width: 1200px) {

  .flex-item-kamui {

    flex: 1 1 calc(33.33% - 13.33px); /* 3 colonnes */

  }

}



@media (max-width: 768px) {

  .flex-item-kamui {

    flex: 1 1 calc(50% - 10px); /* 2 colonnes */

  }

}



@media (max-width: 480px) {

  .flex-item-kamui {

    flex: 1 1 100%; /* 1 colonne */

  }

}



/* ------- responsive ----- */



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

  #expert h3.black-title {

    text-align: right;



    max-width: 208px;



    font-size: 17px;



    line-height: 26px;



    margin-top: 20px;



    text-transform: uppercase;

  }



  #expert .content-perso .title-experts {

    display: flex;



    justify-content: flex-end;



    flex-direction: column;



    align-items: end;

  }



  #expert h3.title-items {

    max-width: max-content;

  }



  #marketing-paging .images img {

    max-width: 412px;

  }

}



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

  .collapse ul.nav-list {

    padding: 25px 0;

  }



  #header-menu ul.nav-list li a {

    border-bottom: 2px solid #f4b907;



    width: 100%;



    background: #118dd0;



    font-size: 16px;



    color: #fff;



    text-align: left;



    display: flex;



    justify-content: flex-start;



    align-items: center;



    padding: 7px 0 7px 18px;



    margin-bottom: 4px;

  }



  #header-menu .content-nav {

    display: block;



    padding: 15px 0;

  }



  #header-menu ul.nav-list li {

    width: 100%;



    height: auto;

  }



  #header-menu ul.nav-list .sub-menu li {

    width: 100%;



    height: initial;



    padding: 0;

  }



  #header-menu ul.nav-list li a.dropdown-search i.fa-search {

    font-size: 12px;



    color: #f4b907;



    border: 2px solid #f4b907;



    padding: 6px;



    border-radius: 50%;

  }



  #header-menu ul.nav-list li ul.sub-menu {

    position: initial;



    margin: 0;



    list-style: none;



    background: #fff;



    padding: 7px 10px;



    width: 100%;



    display: block;

  }



  #header-menu ul.nav-list li ul.sub-menu li a {

    background: #ffffff;



    border: none;



    padding: 5px 0;



    margin: 0;

  }



  #header-menu ul.nav-list li a.dropdown-search {

    display: none;

  }



  .collapse ul.nav-list li a br {

    display: none;

  }



  #header-menu li a.dropdown-search + form.formFlex {

    display: flex;



    position: initial;



    justify-content: end;

  }



  #header-menu li form .content-form {

    display: flex;



    align-items: center;



    justify-content: space-between;



    border: 2px solid #fff;



    background: #118dd0;



    border-radius: 32px;



    padding: 0;



    width: 320px;

  }



  button.btn-search-succes {

    padding: 0 12px;



    background: #118de0;



    border: none;



    border-radius: 32px;



    font-size: 24px;



    color: #fff;

  }



  #footer-menu .list-footer-nav ul {

    padding: 0;

  }



  #footer-menu .footer-nav-adress {

    display: flex;



    flex-wrap: wrap;

  }



  #post-404 {

    height: calc(100vh - 694px);

  }

  #section-banniere {

    height: auto;

  }

}



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

  .slick-content span.Gtitle {

    font-size: 30px;



    line-height: 40.75px;



    margin-left: 0;

  }



  h1.Gtitle {

    color: #fff;



    font-size: 30px;



    line-height: 40.75px;



    margin: 0;

  }



  h2.title-itemSect {

    font-size: 32px;



    text-transform: uppercase;



    line-height: 38.75px;



    font-weight: 800;



    padding-bottom: 18px;



    color: #0074b6;

  }



  #expert h2 {

    margin-bottom: 21px;

  }



  #expert .content-perso .content-experts ul li {

    margin-bottom: 0;

  }



  #formation #expert .content-perso {

    padding: 30px 24px;



    background: #f7f7f7;



    margin: 0 15px 30px 15px;



    min-height: 800px;

  }



  #formation #expert .content-perso .row {

    padding-bottom: 20px;



    align-items: center;

  }



  .content-perso .row .col-md-4 {

    display: block;



    width: 100%;

  }



  #formation #expert .img-w-border {

    width: 160px;



    height: 151px;



    margin: 0 auto 30px;



    border: 3px solid #f4b907;



    border-radius: 50%;



    display: flex;



    align-items: center;

  }



  .content-perso .row .col-md-8 {

    width: 100%;

  }



  #formation .title-items {

    display: block;



    text-transform: uppercase;



    font-size: 20px;



    color: #007cc7;



    font-weight: 400;



    line-height: 12px;

  }



  #formation .content-perso .content-cta a {

    text-decoration: none;



    background: none;



    color: #f4b907;



    font-size: 14px;



    font-weight: 700;



    text-transform: uppercase;



    transform: scale(0.92);



    transition: transform 0.4s;



    padding: 8px 22px;



    display: flex;



    align-items: center;



    justify-content: center;



    gap: 0;



    border: 3px solid #f4b907;

  }



  #formation #expert .title-content {

    padding: 15px;

  }



  #formation #expert {

    margin-top: 30px;

  }



  #formation #marketcom .col-md-6:first-child .linkImage .content-cta a {

    background: #17b0ba;



    font-size: 19px;

  }



  #formation .content-perso .content-experts {

    height: 967px;



    max-height: 100%;



    display: flex;



    flex-direction: column;



    justify-content: space-between;



    align-items: flex-start;

  }



  #marketing-paging .images .content-ctaMarket {

    position: absolute;



    top: 0;



    right: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    margin-right: 0;



    width: 100%;



    height: 100%;

  }



  #marketing-paging .row:nth-child(odd) .images .content-ctaMarket {

    justify-content: center;



    margin-right: 0;



    margin-left: 0;

  }



  #marketing-paging .images .title-marketItems p {

    font-size: 26px;



    font-weight: 700;



    line-height: 28px;



    text-transform: uppercase;



    margin: 0;



    display: flex;



    justify-content: center;



    color: #f4b907;



    width: 310px;



    align-items: center;



    height: 72px;



    text-align: center;



    padding: 15px;



    border: 1px solid #f4b907;

  }



  #conseil #marketing-paging .row:nth-child(odd) .images .content-ctaMarket {

    justify-content: center;



    margin-right: 0;



    margin-left: 0;

  }



  #conseil #marketing-paging .images .title-marketItems p {

    font-size: 18px;



    font-weight: 700;



    line-height: 22px;



    text-transform: uppercase;



    margin: 0;



    display: flex;



    justify-content: center;



    color: #f4b907;



    width: 310px;



    align-items: center;



    height: 72px;



    text-align: center;



    padding: 0;



    border: 1px solid #f4b907;

  }



  #conseil #marketing-paging .conseil-block .images .content-ctaMarket {

    position: absolute;



    top: 0;



    right: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    margin-right: 0;



    width: 100%;



    height: 100%;

  }



  #conseil

    #marketing-paging

    .conseil-block

    .row:nth-child(odd)

    .images

    .content-ctaMarket {

    justify-content: center;



    margin-right: 0;



    margin-left: 0;

  }



  #factory #marketing-paging .images .content-ctaMarket {

    position: absolute;



    top: 0;



    right: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    margin-right: 0;



    width: 100%;



    height: 100%;

  }



  #factory #marketing-paging .row:nth-child(odd) .images .content-ctaMarket {

    justify-content: center;



    margin-right: 0;



    margin-left: 0;

  }



  .text-right {

    text-align: center;



    padding-top: 50px;

  }



  #factory .col-md-4 .images img {

    width: 100%;



    height: 100%;

  }



  #factory .row.contenu-sante .col-md-4 .images {

    width: 100%;



    height: 248px;

  }



  .fond {

    background-color: #0b0438;



    width: 100%;



    min-height: 0;

  }



  .text-left {

    text-align: center !important;

  }



  .page-id-38 #factory .realite-fond {

    background: #f8f8f8;



    padding: 0 0 17px;



    margin-top: 100px;

  }



  #livres #marketing-paging .section-theme-inner .row .col-md-6:nth-child(2) {

    padding-left: 12px;

  }



  #livres #marketing-paging .section-theme-inner {

    padding: 30px 0 0;

  }



  .content-cta a {

    text-decoration: none;



    background: #f4b907;



    color: #fff;



    font-size: 16px;



    text-transform: uppercase;



    transform: scale(0.92);



    transition: transform 0.4s;



    padding: 18px 22px;



    display: flex;



    align-items: center;



    justify-content: center;



    gap: 18px;

  }



  .ctaFlex-center .cta-inner .content-cta {

    position: absolute;



    bottom: 0;



    left: 15%;

  }



  #formulaireLB h1.titleG {

    font-size: 42px;

  }



  #formulaireLB h3.title-items {

    width: 100%;

  }



  #banner .banner-contact {

    position: absolute;



    bottom: 0;

  }



  #banner .text-section-contact h2.blue-title {

    margin-top: 0;



    font-size: 20px;



    line-height: 28px;

  }



  #section-1 .img-iconC {

    margin-top: 10px;

  }



  #section-1 .img-iconC img {

    max-width: 124px;

  }



  #factory .row.contenu-sante {

    align-items: center;

  }



  #content-prod .row.contenu-sante {

    align-items: center;

  }



  .page-id-36 #marketing-paging .row,

  .page-id-18 #marketing-paging .row {

    align-items: center;



    padding: 26px 0 0;

  }

}



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

  body p {

    font-size: 15px;



    font-weight: 400;



    line-height: 1.4;



    text-align: left;

  }



  body li {

    font-size: 15px;



    font-weight: 400;



    line-height: 1.2;



    padding-bottom: 10px;



    text-align: left;

  }



  .content-text p br {

    display: none;

  }



  #header-menu li form .content-form {

    width: 254px;

  }



  h1.Gtitle {

    font-size: 17px;



    line-height: 21.75px;



    margin: 0;

  }



  h1.titleG {

    font-size: 28px;



    color: #fff;



    text-transform: uppercase;



    font-weight: 700;



    min-height: auto;



    display: flex;



    flex-direction: column;



    justify-content: center;



    margin: 0;

  }



  #post-404 h1 {

    font-size: 34px;

  }



  h2.title-itemSect {

    font-size: 20px;



    line-height: 24.75px;

  }



  .page-id-20 h2.title-itemSect {

    font-size: 18px;



    line-height: 22.75px;

  }



  .page-id-2 #section-theme .row:nth-child(even) h2.title-itemSect:before {

    display: none;

  }



  .page-id-2 #section-theme .row:nth-child(even) .col-md-6.sectLeft {

    padding-right: 0;



    padding-left: 15px;



    border: none;

  }



  h3.title-w-border:before {

    display: none;

  }



  #contentAgence .row .col-md-6 {

    border: none;



    padding-left: 15px;



    padding-right: 30px;

  }



  #contentAgence .row .col-md-6.sectLeft {

    border: none;



    padding-right: 26px;

  }



  #contentAgence .row:nth-child(even) .col-md-6.sectLeft {

    padding-left: 15px;



    border: none;



    padding-right: 26px;

  }



  #contentAgence .row:nth-child(even) .col-md-6.sectRight {

    border: none;



    padding-right: 26px;

  }



  .page-id-2 #section-theme .row:nth-child(even) .col-md-6.sectRight {

    padding-left: 15px;



    border: none;



    padding-right: 0px;

  }



  .slick-content span.Gtitle {

    font-size: 17px;



    line-height: 21.75px;



    margin: 0;



    background: rgba(0, 0, 0, 0.6);

  }



  .slick-dots li {

    width: 6px;



    height: 6px;

  }



  .slick-dots li button:before {

    font-size: 10px;



    position: absolute;



    top: -37px;



    width: 6px;



    height: 6px;

  }



  #section-theme {

    background: #fff;



    padding: 0 0 25px;

  }



  #section-theme .col-md-6.sectLeft {

    padding-right: 15px;



    border-right: none;

  }



  .theme-content-right {

    margin-bottom: 20px;

  }



  .theme-content-right img {

    display: block;



    text-align: center;



    width: 100%;

  }



  .theme-content-right h2.title-itemSect:before {

    display: none;

  }



  #section-theme .col-md-6.sectRight {

    padding-left: 15px;

  }



  #prise-contact .yellow-ctaFlex {

    display: flex;



    align-items: end;



    flex-wrap: wrap;



    justify-content: center;

  }



  .ctaFlex-center {

    display: flex;



    justify-content: center;



    flex-wrap: wrap;



    gap: 15px;

  }



  .content-cta {

    margin: 30px 0;

  }



  .ctaFlex-center .cta-inner .content-cta {

    position: absolute;



    bottom: 0;



    left: 0;



    width: 100%;



    display: flex;



    justify-content: center;

  }



  #prise-contact .content-startUp {

    min-height: auto;



    margin-top: 30px;



    padding: 30px;

  }



  #agenceAcomp h2.title-agence {

    padding-top: 30px;

  }



  #agenceMot-pres {

    background: #fff;



    padding: 30px 0 0;

  }



  .content-cta a {

    text-transform: uppercase;



    transform: none;

  }



  h2.title-agence {

    padding-bottom: 20px;



    font-size: 18px;

  }



  h3.title-w-border {

    font-size: 16px;



    padding-bottom: 9px;

  }



  #contentAgence .col-md-6:nth-child(even) {

    border: none;

  }



  #contentAgence .row {

    padding-top: 0;

  }



  h3.title-w-border.text-end:before {

    display: none;

  }



  h3.title-w-border.text-start:before {

    display: none;

  }



  .theme-content-left .content-text:before {

    width: 100%;

  }



  #contentNewsletter .block-input input {

    width: auto;

  }



  #footer-menu .list-footer-nav ul {

    display: flex;



    flex-wrap: wrap;

  }



  #contentNewsletter .content-news h4 {

    font-size: 30px;

  }



  #contentNewsletter .block-input input::placeholder {

    font-size: 16px;



    font-weight: 300;



    text-transform: none;



    color: #a8a8a8;



    line-height: 16px;

  }



  #block-ctaClients a.btnclient {

    color: #0074b6;



    border: 2px solid #0074b6;



    padding: 15px 22px;



    font-size: 20px;



    width: 100%;



    flex: 40%;



    display: flex;



    justify-content: center;



    margin-bottom: 0;



    font-weight: 600;

  }



  #client .content-logoClients {

    display: flex;



    justify-content: center;

  }



  #marketing-paging .images .title-marketItems p {

    font-size: 18px;



    font-weight: 700;



    line-height: 22px;



    text-transform: uppercase;



    margin: 0;



    display: flex;



    justify-content: center;



    color: #fff;



    width: 100%;



    align-items: center;



    height: auto;



    text-align: center;



    padding: 10px 20px;



    border: 1px solid #fff;

  }



  #conseil #marketing-paging .conseil-block .images .content-ctaMarket {

    position: absolute;



    top: 0;



    right: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    margin-right: 0;



    width: 100%;



    height: 100%;

  }



  #marketing-paging .row:nth-child(odd) .images .content-ctaMarket {

    justify-content: center;



    margin-right: 0;



    margin-left: 0;

  }



  #conseil

    #marketing-paging

    .conseil-block

    .row:nth-child(odd)

    .images

    .content-ctaMarket {

    justify-content: center;



    margin-right: 0;



    margin-left: 0;

  }



  #marketing-paging .images .content-ctaMarket {

    position: absolute;



    top: 0;



    right: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    margin-right: 0;



    width: 100%;



    height: 100%;

  }



  #marketing-paging .row {

    padding-bottom: 0;

  }



  .text-conseil {

    max-width: 471px;



    text-align: justify;



    margin: 20px 0;

  }



  #conseil #marketing-paging .images .title-marketItems p {

    font-size: 18px;



    font-weight: 700;



    line-height: 22px;



    text-transform: uppercase;



    margin: 0;



    display: flex;



    justify-content: center;



    color: #f4b907;



    width: 287px;



    align-items: center;



    height: 72px;



    text-align: center;



    padding: 0;



    border: 1px solid #f4b907;

  }



  #formation #expert .img-w-border {

    width: 167px;



    height: 167px;



    margin: auto;



    border: 3px solid #f4b907;



    border-radius: 50%;



    display: flex;



    align-items: center;



    margin-bottom: 22px;

  }



  #formation .title-items {

    display: block;



    text-transform: uppercase;



    font-size: 20px;



    color: #007cc7;



    font-weight: 400;



    line-height: 27px;

  }



  #formation .content-perso .content-cta a {

    text-decoration: none;



    background: none;



    color: #f4b907;



    font-size: 15px;



    font-weight: 700;



    text-transform: uppercase;



    transform: scale(0.92);



    transition: transform 0.4s;



    padding: 8px 22px;



    display: flex;



    align-items: center;



    justify-content: center;



    gap: 0;



    border: 3px solid #f4b907;

  }



  #formation .title-content {

    padding: 0 15px;

  }



  #expert h2 {

    margin-bottom: 0;

  }



  #factory #marketing-paging .row:nth-child(odd) .images .content-ctaMarket {

    justify-content: center;



    margin-right: 0;



    margin-left: 0;

  }



  #factory #marketing-paging .images .content-ctaMarket {

    position: absolute;



    top: 0;



    right: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    margin-right: 0;



    width: 100%;



    height: 100%;

  }



  #factory #marketing-paging .images .title-marketItems p {

    font-size: 18px;



    font-weight: 700;



    line-height: 22px;



    text-transform: uppercase;



    margin: 0;



    display: flex;



    justify-content: center;



    color: #fff;



    width: 294px;



    align-items: center;



    height: 72px;



    text-align: center;



    padding: 0;



    border: 1px solid #fff;

  }



  .page-id-20 h2.title-itemSect {

    width: 100%;

  }



  .text-right {

    text-align: center;



    padding-top: 34px;

  }



  #marketing-paging .section-theme-inner .texte-factory {

    padding: 15px 0;

  }



  #factory #marketing-paging {

    padding: 46px 0 0;

  }



  #factory .contenu-sante-1 .images {

    text-align: center;



    margin-bottom: 17px;

  }



  #formation .content-perso .content-experts {

    height: auto;



    max-height: 100%;



    display: flex;



    flex-direction: column;



    justify-content: space-between;



    align-items: flex-start;

  }

  .content-paragraph {

    display: flex;

    flex-direction: column;

    min-height: 236px;

    justify-content: flex-start;

  }



  #partenaire .logoFlex .logo-content img {

    max-height: 46px;

  }



  #partenaire .logoFlex .img-block {

    min-height: 72px;



    max-width: 146px;

  }



  #marketing-paging {

    padding: 0;



    margin-top: 0;

  }



  #livres #marketing-paging .section-theme-inner {

    padding: 0;

  }



  #livres #marketing-paging .section-theme-inner:first-child {

    padding: 38px 0 0;

  }



  #livres h3.title-items {

    padding-top: 16px;



    font-size: 26px;



    line-height: 32px;



    margin-bottom: 20px;

  }



  #livre-blanc h2.title-itemSect {

    padding-bottom: 20px;



    text-align: center;

  }



  #livres #marketing-paging .section-theme-inner .row .col-md-6:nth-child(2) {

    padding-left: 10px;

  }



  #livres h3.title-items {

    font-size: 25px;

  }



  #formulaireLB h3.title-items {

    padding-top: 39px;



    width: 100%;



    font-size: 22px;



    line-height: 28px;



    margin-bottom: 20px;

  }

  #contact-form-cont .form-contact {

    padding: 20px 20px 0;

  }



  #formulaireLB #end-sect {

    margin-top: 0;

  }



  #banner .fond-banner .bg-banner-image img {

    height: 218px;



    object-fit: cover;

  }



  #banner .text-section-contact h2.blue-title {

    margin-top: 10px;



    font-size: 13px;



    line-height: 18px;

  }



  #contact-section {

    margin-top: 0;

  }



  .page-id-19963 #section-1 .row {

    align-items: center;



    flex-direction: column-reverse;

  }



  #section-1 .img-iconC {

    max-width: 178px;



    width: 100%;



    margin: 26px auto 0;



    display: none;

  }



  .page-id-19963 #section-1 h3.title-items {

    margin-top: 10px;

  }



  #end-sect {

    margin-top: 20px;

  }



  .content-meeting iframe {

    height: 638px !important;

  }



  #marketcom .content-cta {

    display: flex;



    align-items: center;



    justify-content: center;

  }



  #section-theme h2.title-itemSect.text-end:before {

    display: none;

  }



  #section-theme .row .content-text {

    margin-left: 0;

  }



  .slick-content img {

    max-height: 524px;



    height: 100%;



    object-fit: cover;



    width: 100%;

  }



  #content-prod .row.contenu-sante .images {

    max-width: 212px;



    margin: 10px auto 0;



    display: none;

  }



  .page-id-36 #marketing-paging .row,

  .page-id-18 #marketing-paging .row {

    align-items: center;



    padding: 26px 0 0;

  }



  #blog #section-1 {

    margin-bottom: 0;

  }



  #blog #section-1 .title-itemSect {

    font-size: 32px;



    margin-bottom: 20px;



    margin-top: 30px;



    line-height: 1;

  }



  #fablab #marketing-paging .section-theme-inner:first-child {

    padding: 15px 0 46px;

  }



  #service {

    padding: 46px 0 20px;

  }



  #fablab

    #marketing-paging

    .section-theme-inner:nth-child(odd)

    .images

    .content-ctaMarket {

    justify-content: center;

  }



  .page-id-9 h2.title-itemSect {

    padding-bottom: 10px;



    margin-top: 30px;

  }



  #block-ctaClients {

    display: flex;



    align-items: center;



    justify-content: space-between;



    padding: 20px 0 30px;



    position: relative;



    flex-wrap: wrap;



    gap: 20px;

  }



  #marketcom .col-md-4:nth-child(even) .portfolioImage {

    flex-direction: column;

  }



  #marketcom .col-md-4:nth-child(even) h3.title-items {

    padding-top: 20px;

  }



  #agenceMot-pres .row {

    flex-direction: column-reverse;

  }



  #agenceMot-pres h2.title-agence {

    padding-top: 20px;

  }



  .text-reality {

    padding: 20px 10px 0;

  }



  .mrg .content-sante-mrg {

    flex-wrap: wrap;

  }



  #realis-project button.slick-arrow {

    font-size: 0;



    line-height: 0;



    position: absolute;



    display: block;



    width: 42px;



    top: initial;



    height: 42px;



    padding: 0;

  }



  #realis-project button.slick-next {

    right: 28%;



    bottom: -30%;

  }



  #realis-project button.slick-prev {

    left: 29%;



    bottom: -30%;



    z-index: 1;

  }



  #realis-project button.slick-arrow:before {

    color: #007cc7;



    font-size: 32px;



    font-weight: bolder;



    line-height: 1;

  }



  .single-post #content-wrap .post-content p img {

    width: 100%;

  }



  #block-ctaClients:after {

    position: absolute;



    bottom: 0;



    left: 19%;



    width: 217px;



    margin-left: 0;

  }



  .page-id-20403 #section-theme .row:nth-child(even) .col-md-6.sectRight {

    border: none;



    padding: 0 10px;

  }



  .page-id-20403 #section-theme .row:nth-child(even) .col-md-6.sectLeft {

    border: none;



    padding: 0 10px;

  }



  #section-theme .resultat .content-resultat {

    display: flex;



    align-items: self-start;



    justify-content: center;



    flex-wrap: wrap;

  }



  #section-theme .titleRes h2.title-itemSect:before {

    display: none;

  }



  #section-theme .titleRes h2.title-itemSect:after {

    content: "";



    background: #f4b907;



    width: 107px;



    height: 4px;



    position: absolute;



    bottom: -4px;



    left: 35%;



    z-index: 1;

  }



  #section-theme .identity-content-w-border {

    padding: 20px;



    border: 2px solid #f4b907;



    margin: 30px 0;

  }



  #post-404 {

    height: 100%;

  }



  #plan .content .nav-item-plan a.menu-plan {

    font-size: 16px;

  }



  #plan .content ul.sub-menu li a {

    font-size: 13px;

  }

  #levier .block-levier {

    position: relative;

    padding: 0;

  }

  #polyvalente .row .images .content-ctaMarket {

    position: inherit;

    margin-left: 0;

    margin-top: 15px;

  }

  #polyvalente .images .title-marketItems p {

    width: 100%;

    height: auto;

  }

  #remote-assiste h2.title-itemSect {

    font-size: 20px;

    line-height: 24.75px;

    text-align: left !important;

  }

  #levier {

    margin-top: 0;

  }

  #levier .text-levier {

    margin-top: 15px;

  }

  h4.bold-title {

    text-align: center;

    font-size: 18px;

  }

  #content-atous .section-theme-inner .row:before {

    display: none;

  }

  #content-atous .content-texte-atous {

    max-width: 226px;

  }

  #content-atous .content-texte-atous p br {

    display: none;

  }

  #remote-assiste #offre .row .images .content-ctaMarket {

    position: inherit;

    margin: 15px 0;

  }

  #remote-assiste #offre .images .title-marketItems {

    margin-right: 0;

    width: 100%;

  }

  #remote-assiste #offre .images .title-marketItems p {

    width: 100%;

  }

  #obtenir #contact-form-cont #zone-pro .vc_col-sm-6 {

    flex: 100%;

    width: 100%;

  }

  #obtenir .title-w-bg.text-center {

    height: auto;

  }

  h3.center-title {

    font-size: 26px;

    padding: 62px 0;

  }

  #obtenir #form-landing {

    padding: 30px 20px 66px;

    margin-bottom: 20px;

    position: relative;

  }

  #obtenir h2.title-itemSect {

    text-align: center;

  }

  #titre-form .titre-jaune br {

    display: none;

  }

  #levier .content-cta a {

    font-size: 18px;

  }

  #content-prod {

    background: none !important;

  }

  #section-banniere .section-banniere-inner {

    max-height: 250px;

  }

  #section-banniere {

    height: auto;

  }

  #qlwapp.qlwapp-bottom-right {

    display: flex !important;

    justify-content: center;

    width: 100%;

    max-width: 100%;

    position: sticky !important;

    top: initial !important;

    bottom: 0;

    left: 0 !important;

    right: initial !important;

  }

  #service .theme-service {

    padding-right: 0;

  }

}



@media screen and (min-width: 480px) and (max-width: 767px) {

  .title-items {

    display: block;



    text-transform: uppercase;



    font-size: 15px;



    color: #007cc7;



    font-weight: 700;



    line-height: 20px;

  }



  .title-items br {

    display: none;

  }



  .images img {

    width: 100%;



    max-width: 100%;

  }

}

.post-content {

  font-style: 14px !important;

}

.post-content a {

  text-decoration: none;

  color: #007cc7;

}

.post-content p strong,

.post-content strong {

  /*color: #007cc7; */

  color: black;

}

.post-content h3 strong {

  color: #4d5458;

}

#realis-project .slick-items {

  height: 205px;

}

#partenaire .slick-list {

  height: 102px;

}



.container-img-webinaire {

  padding-left: 10px;

  padding-right: 10px;

  padding-top: 10px;

}



.btn-webinaire-replay {

  display: inline-flex;

  justify-content: center; /* centre horizontalement */

  align-items: center; /* centre verticalement */



  color: #fff;

  background-color: #f4b400;



  padding: 6px 18px;

  min-height: 34px; /* hauteur stable comme ton visuel */



  font-weight: 600;

  font-size: 14px;

  text-transform: uppercase;



  border-radius: 6px;

  text-decoration: none;

  border: none;



  gap: 8px; /* espace entre texte et flèche */



  transition: background-color 0.2s ease, transform 0.2s ease;

}



.btn-webinaire-replay:hover {

  background-color: #e0a800;

  color: #fff;

}



/* Effet au survol */

.telecharger input.wpcf7-submit:hover {

  background-color: #e1a900 !important;

  transform: translateY(-3px) !important;

  box-shadow: 0 14px 30px rgba(106, 18, 60, 0.35) !important;

}