@import url(../fonts/stylesheet.css);

html {
  font-size: 20px;
}
@media screen and (max-width: 1100px) {
  html {
    font-size: 18px;
  }
}
@media screen and (max-width: 900px) {
  html {
    font-size: 14px;
  }
}

body{
  font-family: 'Inter';
  font-weight: normal;
  color: #1D2424;
}
body.logged-in {
  padding-top: 80px !important;
}

.text-break {
  word-wrap : break-word;
}

/*** CONTAINER ****/
.container{
  max-width: 90% !important;
}

/*** STYLE TITRES ****/
body h1, body h2, body h3, body h4, body h5, body h6, body
.h1, body .h2, body .h3, body .h4, body .h5, body .h6,
.etape1 .fieldset-legend{
  font-family: 'Inter';
  font-weight: 500;
  line-height: 1.2;
  color: #1D2424 !important;
}
body h2:before, body h3:before, body h4:before,
.etape1 .fieldset-legend:before {
  /* content: '\2022'; */
  margin-right: .5rem;
}
body h1 {
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0 0 3.5rem;
  line-height: 3.25rem;
}
body h2 {
  font-weight: 500;
}
.frontpage h1{
  margin-bottom: 0;
}
h2{
  margin: 1rem 0 3rem;
}
h2,h3 {
  font-size: 1.75rem;
  font-weight: 500;
}
h3 {
  margin-bottom: 1.75rem;
}
h4 {
  font-size: 1.05rem;
  margin-bottom: 1.75rem;
}
h5 {
  font-size: 1.05rem;
  margin-bottom: 1.75rem;
}
h6 {
  font-size: 1rem;
}

p,
.node--view-mode-full p{
  font-size: 1rem;
  font-weight: 300;
  color: #A7A4A4;
  line-height: 1.4rem;
  margin-bottom: 1.25rem;
}

.small-text p{
  font-size: .8rem;
}

.contenu{
  max-width: 46.5rem;
  margin: 3rem auto;
}

blockquote,
.gsc-image-content-carousel .item-content .content-box .subtitle{
  text-transform: uppercase !important;
  font-size: 1.05rem !important;
  color: #A7A4A4 !important;
  font-weight: 300;
  line-height: 1;
  margin-bottom: .75rem;
  letter-spacing: 1px;
}

body a {
  outline: none !important;
  color: #006BCF!important;
  text-decoration: none;
}
body a:hover, body a:focus, body a:active {
  outline: none !important;
  color: #004382!important;
  text-decoration: none;
}

/*** LISTE A PUCES ****/
.liste-puces {
  color: #1D2424;
}

/*** réglages PADDING par défaut du thème ****/
.gbb-row .bb-inner {
  padding-top: 0px;
  padding-bottom: 0px;
}


#menu-bar span {
  background: white;
}
.gva-offcanvas-mobile .close-offcanvas i{
  color: #004382 !important;
}

/*** MENU ****/
.main-menu-inner {
  color: #1D2424;
}

.fa-chevron-circle-right {
  color: #004382;
}

.gva-menu {
  padding: 32px 10px;
  line-height: 1.2;
}

.navigation ul {
  line-height: 1.3;
}

.gva-offcanvas-mobile {
  float: left !important;
}

/*** HEADER ****/
.frontpage .body-page{
  position: relative;
}
body header,
body header.header-default .header-main{
  background: rgba(0,67,130,1) !important;
}
.frontpage header{
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: transparent !important;
  box-shadow: none;
  padding: 0;
}

.header-main-inner .content-inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
header .area-main-menu .navigation ul.gva_menu{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .header-main a{
  padding: 0 !important;
}
header.header-v2 .header-inner{
  padding: 0;
}
header.header-v2 .main-menu-inner{
  float: none;
  padding-top: 10px;
}
header.header-v2 .navigation .gva_menu > li {
  max-width: 6rem;
  margin: 0 4.2vw;
}
header.header-v2 .navigation .gva_menu > li:last-child {
  margin-right: 0;
}
header.header-v2 .navigation .gva_menu > li {
  padding: 0;
}
header .navigation .gva_menu > li i{
  display: none;
}
header .navigation .gva_menu > li a {
  display: block;
  color: white !important;
  font-weight: normal;
  font-size: 0.65rem;
  position: relative;
  letter-spacing: 1px;
}
header .navigation .gva_menu > li.menu-item > a:after{
  content:'';
  position:absolute;
  bottom:-5px;
  left:0;
  width:100%;
  height:1px;
  background:white;
  transform:rotateY(90deg);
  transition:.5s all ease;
}
header .navigation .gva_menu > li a:hover,
header .main-menu ul.gva_menu > li > a:hover{
  color:white !important;
}
header .main-menu ul.gva_menu > li.menu-item--active-trail > a:after,
header .main-menu ul.gva_menu > li > a:hover:after{
  transform:rotateX(0deg);
}
header.header-v2 .header-main {
  top: 0 !important;
  padding: .75rem 0;
  -webkit-transition: all 2.6s cubic-bezier(.43,.195,.02,1);
  -moz-transition: all 2.6s cubic-bezier(.43,.195,.02,1);
  -o-transition: all 2.6s cubic-bezier(.43,.195,.02,1);
  transition: all 2.6s cubic-bezier(.43,.195,.02,1);
}
header.header-v2 .header-main.stuck{
  top: 0 !important;
  translate: none;
  background: rgba(0,67,130,.9);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.logged-in header,
.logged-in .frontpage header,
.logged-in header.header-v2 .header-main,
.logged-in header.header-v2 .header-main.stuck{
  top: 80px !important;
}

/* LOGO */
header .site-branding__text{
  display: none;
}
header.header-v2 .branding{
  width: auto;
  float: none;
}
header .site-branding-logo{
  display: flex;
  flex-direction: column;
  align-items: center;
}
header .site-branding-logo img{
  height: auto;
  max-height: none;
}
header .site-branding-logo img.logo-icon{
  width: 27px;
  margin-bottom: 2px;
  -webkit-transition: all .75s ease-in-out;
  -moz-transition: all .75s ease-in-out;
  -o-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out;
}
header .site-branding-logo img.logo-text{
  height: 18.2px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
header.header-v2 .header-main.stuck .logo-text{
  opacity: 0;
  height: 0;
}
header.header-v2 .header-main.stuck .logo-icon{
  width: 43px;
}
.gv-sticky-menu{
  top: 0 !important;
}
.navigation .gva_menu > li.menu-item-border{
  max-width: 154px;
}
header .main-menu ul.gva_menu > li.menu-item--expanded > a{
  display: flex;
  margin-top: .75rem;
  background: white;
  border: none !important;
  color: #004382 !important;
  padding: .4rem .9rem .3rem 1rem !important;
}
header .main-menu ul.gva_menu > li.nos-ateliers-menu> a{
  background: none !important;
  color: white !important;
}
header .main-menu ul.gva_menu > li.menu-item--expanded > a:after{
  display: none !important;
}
header .main-menu ul.gva_menu > li.menu-item--expanded > a span{
  background: url(../img/icons/arrow.svg) no-repeat center;
  background-size: 100%;
  width: 12px;
  margin: 0 0 0 .5rem;
  transform-origin: center center;
  transition: transform 0.3s ease-in-out
}
header .main-menu ul.gva_menu > li.nos-ateliers-menu> a span{
  background: url(../img/icons/white-arrow.svg) no-repeat center;
}
header .main-menu ul.gva_menu > li.menu-item--expanded:hover span{
  transform: rotate(180deg);
}
header .main-menu ul.gva_menu > li.menu-item--expanded > a span:before{
  content: '';
}
.header-bg,
.youtube-bg{
  min-height: 32rem;
}
.navigation .gva_menu .sub-menu{
  left: auto;
  right: 0;
  min-width: 13rem;
  -webkit-transition: opacity 0.5s ease-in-out 0s;
  transition: opacity 0.5s ease-in-out 0s;
  -moz-transition: opacity 0.5s ease-in-out 0s;
  -ms-transition: opacity 0.5s ease-in-out 0s;
  border-radius: 15px;
  box-shadow : 2px 3px 3px rgba(0, 0, 0, 0.1);
  border: none;
  z-index: 1000;
}

/*** TABS ****/
.help{
  z-index: 10;
  height: 0;
}
.help .block{
  margin: 0;
}
.drupal-tabs{
  position: fixed;
  left: 0;
  top: 25%;
  background: white;
  display: flex;
  flex-direction: column;
}

body .background-primary {
  background-color: #006BCF !important;
}

/*** MENU GARAGE ORDI ****/
.menu-item-border {
  color: #004382;
  text-align: left;
}

.menu-item-border > a {
  border: 2px solid #004382 !important;
  color: #004382;
}

.navigation .gva_menu .sub-menu > li > a {
  color: #1D2424;
  text-transform: uppercase;
  font-size: 0.65rem;
}

.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a {
  color: #1D2424 !important;
  text-transform: uppercase;
}
.main-menu .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li.menu-item--active-trail a,
.main-menu .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a:hover {
  color: #006BCF !important;
}

.main-menu .sub-menu {
  text-align: left;
}

.navigation .gva_menu li a {
  text-align: center !important;
}

/*** réglages menu défaut du thème ****/
.header-inner {
  padding-right: 0px !important;
}
.gbb-row .bb-inner.padding-medium{
  padding: 3.5rem 0;
}
body .text-color-primary,
body .color-primary,
body .text-color-primary a,
body .color-primary a,
body .text-sinistre-orange legend{
  color: #004382!important;
}

/*** five-steps ****/
.bg-gray{
  background: #EFEFEFC7 !important;
}
.webform-progress,
.five-steps .bb-container{
  max-width: 50rem !important;
  margin: 0 auto;
}
.five-steps{
  padding: 2rem 0;
}
.five-steps .gsc-button{
  margin: 0 auto;
  display: block;
  width: 13rem;
  text-align: center;
}
.icon-sinistre,
.icon-sinistre.prise_de_rendez_vous{
  width: 3.55rem;
  height: 4rem;
  margin: 0 auto 2rem;
  background-color: #878787 !important;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  max-width: none;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transition: background-color, border-color;
  transition: background-color, border-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.webform-progress .webform-progress-tracker .progress-step:hover .icon-sinistre{
  background-color: #006BCF !important;
}
.sinistre1{
  -webkit-mask-image: url(../img/icons/sinistre1.svg);
  mask-image: url(../img/icons/sinistre1.svg);
}
.resultats{
  -webkit-mask-image: url(../img/icons/sinistre2.svg);
  mask-image: url(../img/icons/sinistre2.svg);
}
.chargement{
  -webkit-mask-image: url(../img/icons/sinistre3.svg);
  mask-image: url(../img/icons/sinistre3.svg);
}
.cout_des{
  width: 4.5rem;
  -webkit-mask-image: url(../img/icons/sinistre4.svg);
  mask-image: url(../img/icons/sinistre4.svg);
}
.prise_de_rendez_vous{
  -webkit-mask-image: url(../img/icons/sinistre5.svg);
  mask-image: url(../img/icons/sinistre5.svg);
}
.progress-step .progress-marker{
  font-family: 'Inter' !important;
  font-size: 1.05rem;
}
.progress-step .progress-title{
  margin-top: .6rem;
  font-family: 'Inter' !important;
  font-size: .8rem;
  color: #878787;
  font-weight: 300;
}
.progress-step .progress-title b{
  font-weight: 300;
}
.progress-marker::after{
  height: 1.5px;
  top: 1rem;
  background-color: #A7A4A4 !important;
}
.webform-progress-tracker .progress-step.is-active .progress-title{
  font-weight: 300;
}
.progress-step .progress-marker::before{
  width: 2rem;
  height: 2rem;
  background: #F4F4F7 !important;
  border: 1.5px solid #A7A4A4 !important;
  color: #A7A4A4;
  font-weight: bold;
  padding-top: 3px;
}
.progress-step.is-active .progress-marker::before,
.progress-step.is-complete .progress-marker::before,
.progress-step.is-progress .progress-marker::before,
.progress-step.is-complete .progress-marker::after,
.progress-step.is-progress .progress-marker::after,
.progress-step.is-active .icon-sinistre,
.progress-step.is-complete .icon-sinistre{
  background-color: #004382 !important;
  border-color: #004382 !important;
  color: white;
}
.webform-progress .webform-progress-tracker .progress-step.is-complete:hover .progress-marker[role="link"]:before,
.webform-progress .webform-progress-tracker .progress-step.is-complete:hover .progress-marker[role="link"]:after,
.progress-step:hover .progress-marker:before,
.progress-step:hover .progress-marker:after{
  background-color: #006BCF !important;
  border-color: #006BCF !important;
  color: white;
}
.progress-step.is-complete .progress-title{
  color: #707070;
}

/* Select2 */
.select2-container .select2-selection--single {
  height: 48px;
  border: 1px solid #A7A4A4;
  border-radius: 5px !important;
  background: white;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blocs-bleus .select2-container .select2-selection--single {
  border: none;
  border-radius: 25px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  background-repeat: no-repeat;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 17px;
  height: 11px;
}
.select2-container .select2-dropdown {
    min-width: 300px;
    background: white;
    border-radius: 25px;
    margin-top: 4px;
    overflow: hidden;
    border: none;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
}
.select2-container--default .select2-results>.select2-results__options{
  max-height: 400px;
}
.select2-container .select2-results__option{
    padding: 15px;
    color: black;
    transition: all 0.2s;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background: #006BCF;
}

body .gsc-button{
  font-weight: 500;
}
.gsc-button,
.button {
  position: relative;
  background: transparent !important;
  border-color: transparent !important;
  color: #ffffff !important;
  padding: .2rem 2.9rem;
  min-width: 13rem;
  text-align: center;
  letter-spacing: normal;
}
.gsc-button:before,
.button:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 3rem;
  background: #004382 !important;
  border-color: #004382 !important;
  color: #ffffff;
  -webkit-transition: all .6s cubic-bezier(.43,.195,.02,1);
  -moz-transition: all .6s cubic-bezier(.43,.195,.02,1);
  -o-transition: all .6s cubic-bezier(.43,.195,.02,1);
  transition: all .6s cubic-bezier(.43,.195,.02,1);
  font-size: 1.05rem !important;
  text-transform: none !important;
  padding: .175rem 2.9rem !important;
}
.button.form-submit{
  background: #004382 !important;
  border-color: #004382 !important;
  color: #ffffff;
}
.button.form-submit:hover,
.gsc-button:hover:before,
.button:hover:before{
  color: #ffffff !important;
  transform: scale(.94) translateZ(0);
}
.button.form-submit:hover,
.gsc-button:hover:before,
.button:hover:before,
.gsc-button:active:before,
.button:active:before,
.gsc-button:focus:before,
.button:focus:before{
  background: #006BCF !important;
  border-color: #006BCF !important;
}
.gsc-button:hover,
.button:hover,
.gsc-button:active,
.button:active,
.gsc-button:focus,
.button:focus{
  color: #ffffff !important;
}
.gsc-button.medium{
  font-size: 1.05rem;
  text-transform: none;
  padding: .15rem 2.25rem;
}
.gsc-button.btn-white:before{
  background: none!important;
  color: white !important;
  border: 1px solid white !important;
}
.gsc-button.btn-white:hover{
  color: #004382 !important;
}
.gsc-button.btn-white:hover:before{
  background: white!important;
  color: #004382 !important;
}
.block-webform .button.form-submit:not(:first-child){
  margin-left: 1rem;
}
.w-100 img{
  width: 100%;
}

/* Slider */
.gsc-image-content-carousel{
  margin: 1rem 0;
}
.gsc-image-content-carousel .item-content .content-box{
  max-width: 25.5rem;
}
.gsc-image-content-carousel .item-content .content-box .subtitle{
  margin-bottom: 1rem;
  letter-spacing: 1px;
}
.gsc-image-content-carousel .item-content .content-box h3{
  margin-bottom: 3rem;
}
.gsc-image-content-carousel .item-content .content-box p{
  margin: 0;
}
.gsc-image-content-carousel .item-content .row{
  align-items: center;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover{
  background-color: #006BCF;
  border-color: #006BCF;
  transform: scale(.96) translateZ(0);
}
.owl-carousel .owl-nav .owl-prev:hover i, .owl-carousel .owl-nav .owl-next:hover i {
    -webkit-mask-repeat: no-repeat;
    background-color: white;
    -webkit-mask-position: center;
    -webkit-mask-size: 105%;
}
.owl-carousel .owl-nav .owl-prev i,
.owl-carousel .owl-nav .owl-next i{
  width: 50px;
  height: 50px;
  background-size: 100%;
  -webkit-mask-image: url('../img/icons/slider-arrow-rounded.svg');
  mask-image: url('../img/icons/slider-arrow-rounded.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #1D2424;
}
.owl-carousel .owl-nav .owl-prev i{
  transform:rotateY(180deg);
}
.owl-carousel .owl-nav .owl-next i:before,
.owl-carousel .owl-nav .owl-prev i:before{
  content: '';
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 3px;
  position: relative;
  border: none;
  padding: 0;
  background: transparent;
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #E8E6E6;
  border-radius: 50%;
}
.owl-carousel .owl-dots .owl-dot.active {
  background: #A7A4A4;
}

/*** Cookie ****/
body .sliding-popup-bottom{
  background: #004382 !important;
  padding: .3rem 0 0;
  font-size: 0.65rem;
}
body .sliding-popup-bottom .eu-cookie-compliance-buttons{
  margin: 0;
}
body .sliding-popup-bottom .eu-cookie-compliance-buttons button {
    border-radius: 50px;
    text-shadow: none;
    background-image: none;
    background: transparent;
    color: white!important;
    font-family: 'Inter';
    border: 1px solid white !important;
    font-size: 1rem;
    padding: .2rem 2.9rem;
    margin-top: 2px;
    font-weight: 500;
    transition: all 400ms;
    box-shadow: none;
}


body .sliding-popup-bottom .eu-cookie-compliance-buttons button:hover {
    background: white!important;
    color: #004382 !important;
    transform: scale(.94) translateZ(0);
}

div#popup-buttons {
    float: left;
    margin-left: 55px;
}

.blocs-bleus .webform-submission-demande-de-devis-pneumatique-lig-form .button--primary

div#popup-buttons {
    float: left;
    margin-left: 55px;
}
body .eu-cookie-compliance-message h2{
  font-size: .8rem !important;
  margin: 0;
  color: white !important;
}
body .eu-cookie-compliance-message p{
  font-weight: normal;
}

/* Pneu row */
.links-blocks {
  align-items: flex-start;
}
.links-blocks .row-wrapper{
  display: flex;
  min-height: 25rem;
}
.links-blocks .row-wrapper .column-content{
  padding: 1.5rem;
}
.links-blocks .row-wrapper .bb-container .column-content-inner .column-content{
  min-height: 25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.links-blocks .row-wrapper .bb-container .bg-size-cover .column-content-inner .column-content{
  min-height: 25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.links-blocks .row-wrapper .bb-container .bg-size-cover{
  min-height: 35rem;
}
.links-blocks.blocs-bleus .row-wrapper .bb-container .bg-size-cover{
  min-height: 27rem;
}
.links-blocks .row-wrapper .gbb-row.bg-size-cover h1,
.links-blocks .row-wrapper .gbb-row.bg-size-cover h2,
.links-blocks .row-wrapper .gbb-row.bg-size-cover h3,
.links-blocks .row-wrapper .gbb-row.bg-size-cover h4,
.links-blocks .row-wrapper .gbb-row.bg-size-cover h5,
.links-blocks .row-wrapper .gbb-row.bg-size-cover h6,
.links-blocks .row-wrapper .gbb-row.bg-size-cover p,
.links-blocks .row-wrapper .gbb-row.bg-size-cover blockquote{
  color: white !important;
}
.links-blocks .gsc-column{
  margin: 0;
  padding: 0;
  margin: 0 !important;
}
.links-blocks .column-content ul{
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3rem 0;
  padding: 0;
}
.links-blocks .column-content ul li{
  color: #A7A4A4;
  font-size: .8rem;
  font-weight: 300;
  text-align: center;
  line-height: 1rem;
  max-width: 5rem;
  margin: 0 .75rem;
}
.links-blocks .column-content ul li:before{
  content: '';
  display: block;
  background: #E8E6E6;
  border-radius: 50%;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto 1.5rem;
}
.blocs-bleus .pneu-form .gbb-row.bg-size-cover{
  background-color: #004382;
}
.blocs-bleus .gsc-column:first-child .webform-submission-form{
  padding: 1rem;
}
.blocs-bleus .gsc-column,
.blocs-bleus .max-height-250{
  height: 100% !important;
}
.blocs-bleus .icon-blanc{
  display: none !important;
}
.blocs-bleus .pt-3{
  padding-top: 0 !important;
}
.blocs-bleus .gsc-column:first-child .form-no-label .text-center{
  text-align: left !important;
}
.blocs-bleus .gsc-column:first-child .text-color-primary{
  color: white !important;
  margin: 0;
}
.blocs-bleus .gsc-column p{
  font-size: .8rem;
  max-width: 22.25rem;
}
/*
.blocs-bleus .gsc-column:first-child .text-color-primary:before{
  content: '\2022';
}
 */
.blocs-bleus .gsc-column:first-child h5{
  font-size: .8rem;
  font-weight: 300;
  margin: 0;
}
.blocs-bleus .webform-submission-form .pneu_light{
  max-width: 80%;
  margin: 9rem auto 1rem;
}
.blocs-bleus .webform-submission-form .form-item label{
  padding-left: 1rem !important;
}
.blocs-bleus .webform-submission-form .form-item input,
.blocs-bleus .webform-submission-form .form-item textarea,
.blocs-bleus .webform-submission-form .form-item select{
  border-radius: 1.25rem;
  background: white !important;
  border-radius: 2rem !important;
}
.blocs-bleus .webform-submission-form .button:before{
  border-color: white !important;
}
.blocs-bleus .webform-submission-demande-de-devis-pneumatique-lig-form .button--primary {
  background: none!important;
  color: white !important;
  border: 1px solid white !important;
  font-size: 1rem;
  width: auto;
  margin: 2.7rem ​auto ;
}
.blocs-bleus .webform-submission-demande-de-devis-pneumatique-lig-form .button--primary:hover {
  background: white!important;
  color: #004382 !important;
}
.blocs-bleus .webform-submission-demande-de-devis-pneumatique-lig-form .button--primary:hover:before {
  background: white!important;
  color: #004382 !important;
  border: 1px solid white !important;
}
.blocs-bleus .gsc-column:nth-child(2){
  opacity: 1;
}
.blocs-bleus .gsc-column:nth-child(2) .texte-boutons-carres a,
.blocs-bleus .gsc-column:nth-child(2) .texte-boutons-carres a:hover{
  color: white !important;
}
.blocs-bleus .gsc-column:nth-child(2) .texte-boutons-carres a:after{
  background-color: white !important;
}
.blocs-bleus .gsc-column:nth-child(3){
  background: #EFEFEFC7 !important;
  opacity: 1;
}
.blocs-bleus .gsc-column:nth-child(3) .bg-size-cover{
  background: none !important;
  opacity: 1;
}
body .overlay-1,
body .overlay-1:hover,
body .overlay-2,
body .overlay-2:hover,
body .overlay-3,
body .overlay-3:hover{
  background-color: transparent !important;
  opacity: 1 !important;
}
.blocs-bleus .gsc-column:nth-child(3) .texte-boutons-carres a{
  color: #1D2424 !important;
}

/* Eco Responsable row */
.row-eco-responsable{
  padding: 2rem;
}
.row-eco-responsable .gsc-column{
  padding: 0 !important;
}
.row-eco-responsable blockquote,
.row-eco-responsable h3,
.row-eco-responsable h4,
.row-eco-responsable p{
  color: white !important;
}
.row-eco-responsable h3,
.row-eco-responsable h4{
  font-size: 1.75rem;
}
.row-eco-responsable p{
  margin: 3rem 0 1.7rem;
  line-height: 1.3rem;
  max-width: 30rem;
}
body .gsc-button{margin: 0;}

/* Specialiste automobile */
.row-specialiste-automobile{
  padding: 3.5rem 1rem 1rem;
  background-color: #010101;
}
/*
.row-specialiste-automobile h2,
.row-specialiste-automobile h3,
.row-specialiste-automobile h4,
.row-specialiste-automobile p{
  color: white !important;
}
*/
.row-specialiste-automobile h2,
.row-specialiste-automobile h3,
.row-specialiste-automobile h4{
  font-size: 3rem;
  margin-bottom: 6.25rem;
}
.row-specialiste-automobile h2:before,
.row-specialiste-automobile h3:before,
.row-specialiste-automobile h4:before,
.big-title h2:before,
.big-title h3:before,
.big-title h4:before,
.big-title h5:before,
.big-title h6:before{
  display: none;
}

.big-title{
  padding: 3rem;
}
.big-title h2,
.big-title h3,
.big-title h4,
.big-title h5,
.big-title h6{
  font-size: 3rem;
  max-width: 33rem;
}

/* Simple et pratique */
.simple-et-pratique{
  background-color: white;
  background-position: top right;
  background-size: contain;
}
.simple-et-pratique .gsc-column {
    padding: 1.5rem 2.7rem 0;
}
.simple-et-pratique .gsc-column h2,
.simple-et-pratique .gsc-column h3,
.simple-et-pratique .gsc-column h4{
  font-size: 1.75rem;
  margin-bottom: 5.75rem;
}
.simple-et-pratique .gsc-column p{
  font-size: .8rem;
  line-height: 1.05rem;
  max-width: 27.5rem;
  margin-bottom: 1.5rem;
}
.simple-et-pratique .gsc-column img{
  height: 100%;
  width: auto;
}

/* Accordion (FAQ) */
.gsc-accordion .panel-group{
  margin: 2rem 1rem 3.5rem;
}
.gsc-accordion .panel-group .panel .panel-title{
  margin: 0;
  border-bottom: 1.5px solid #707070;
}
.gsc-accordion .panel-group .panel .panel-title:before{
  display: none;
}
.gsc-accordion .panel-group.skin-white .panel .panel-title > a,
.gsc-accordion .panel-group.skin-white .panel .panel-title > a.collapsed{
  font-size: 1.05rem;
  border: none;
  color: #1D2424 !important;
  padding: 0.6rem 2.5rem 0.6rem 0.6rem;
}
.gsc-accordion .panel-group.skin-white .panel .panel-title > a:before,
.gsc-accordion .panel-group.skin-white .panel .panel-title > a.collapsed:before{
  content: '\2022';
  margin-right: .15rem;
}
.gsc-accordion .panel-group .panel .panel-title > a:after,
.gsc-accordion .panel-group .panel .panel-title > a.collapsed:after{
  content: '+';
  font-size: 1.3rem;
  color: #1D2424 !important;
  font-family: 'Inter';
  font-weight: 400;
  left: auto;
  top: 35%;
  right: 1rem;
}
.gsc-accordion .panel-group .panel .panel-title > a:after{
  content: '-';
}
.gsc-accordion .panel-group .panel .panel-body p {
  font-size: .9rem;
}


/* FORM */
.webform-submission-form{
  max-width: 100%;
}
.webform-submission-form .form-item label{
  font-weight: 300 !important;
}

.etape1 legend{
  line-height: 1;
  margin: 0;
}
.webform-element-help{
  display: none;
}
.webform-submission-simulation-sinistre-form .webform-flexbox{
  padding: 0;
}

#edit-processed-text,
.js-form-type-processed-text{
  padding: 0 1rem;
}
#edit-processed-text div,
.js-form-type-processed-text div{
  text-align: left;
}
#edit-processed-text h1,
.js-form-type-processed-text h1{
  font-size: 1.75rem !important;
  margin: 0 !important;
}
.description,
.form-no-label, .field-suffix, .messages__item, .text-right{
  font-family: 'Inter' !important;
}
#edit-processed-text span,
.etape1 .description{
  color: #A7A4A4;
  font-weight: 300;
  font-size: .8rem;
  margin-bottom: 2rem;
}
.description{
  margin-top: .5rem;
}
.field-suffix,
.webform-element-description,
.webform-element-more--link{
  color: #6B6868;
  font-family: 'Inter' !important;
  font-size: .65rem;
  font-weight: 300;
  line-height: 1rem;
}
.webform-element-more--link:before{
  content: '';
}
.etape1 .webform-flex--4{
  background: url('../img/saviez-vous.jpg') no-repeat top left;
  background-size: cover;
}
.webform-flex--8,
.webform-flex--4{
  flex: 1;
}
.etape1 .webform-flex--4 img{
  display: none;
}
.encart_foncer_rond{
  font-family: 'Inter' !important;
}
.encart_blanc_rond{
  background: none;
  color: #006BCF;
  font-family: 'Inter' !important;
  font-size: 1.05rem;
  font-weight: 300;
  line-height: 1.3;
  padding: 0;
  max-width: 26.85rem;
}
.etape1 .encart_blanc_rond{
  color: white;
  max-width: 16.35rem;
}
.etape1 .encart_blanc_rond:before{
  display: block;
  content: '\2022 Le saviez-vous?';
  color: white;
  font-family: 'Inter';
  font-size: 1.75rem;
  line-height: 2;
  padding: 0;
  max-width: 16.35rem;
  margin-bottom: 1rem;
}
.webform-flexbox{
  margin: 0 !important;
}
body .row-wrapper .form-item-sinistre-boutton,
body .row-wrapper #edit-sinistre-boutton label{
  max-width: 20.75rem;
  margin: 1rem auto 2rem !important;
}
body .row-wrapper .form-item-sinistre-boutton,
body .row-wrapper #edit-sinistre-boutton label{
  text-align: center;
}
.webform-submission-form .form-actions{
  margin-top: 3rem;
  text-align: center;
}

.webform-submission-form .form-item input[type=number] {
    background-color: white!important;
    border-color: #A7A4A4!important;
    color: #444!important;
    padding: 0 .5rem !important;
    height: 48px;
  }

.webform-submission-form .form-item input[type=text] {
    background-color: white!important;
    border-color: #A7A4A4!important;
    color: #444!important;
    padding: 0 .5rem !important;
    height: 48px;
}

.webform-submission-form .form-item input[type=email] {
    background-color: white!important;
    border-color: #A7A4A4!important;
    color: #444!important;
    padding: 0 .5rem !important;
    height: 48px;
}

.webform-submission-form .form-item input[type=tel] {
    background-color: white!important;
    border-color: #A7A4A4!important;
    color: #444!important;
    padding: 0 .5rem !important;
    height: 48px;
}

body .webform-submission-form .form-item textarea {
    background-color: white!important;
    border-color: #A7A4A4!important;
    color: #444!important;
    padding: 0 .5rem !important;
}

body .webform-submission-form .form-item select {
    background-color: white!important;
    border-color: #A7A4A4!important;
    color: #444!important;
    padding: 0 .5rem !important;
}



.webform-submission-form .form-item input,
.webform-submission-form .form-item textarea,
.webform-submission-form .form-item select,
body .row-wrapper .form-item-sinistre-boutton label,
body .row-wrapper #edit-sinistre-boutton label{
  display: block;
  background-color: #004382 !important;
  color: #fff !important;
  border: 1px solid #004382 !important;
  border-radius: 5px !important;
  padding: .15rem 2.25rem!important;
  font-size: .8rem !important;
  font-weight: 300 !important;
  margin: 0 !important;
  -webkit-transition: all .6s cubic-bezier(.43,.195,.02,1);
  -moz-transition: all .6s cubic-bezier(.43,.195,.02,1);
  -o-transition: all .6s cubic-bezier(.43,.195,.02,1);
  transition: all .6s cubic-bezier(.43,.195,.02,1);
}

body .row-wrapper .form-item-sinistre-boutton {
    display: flex;
    max-width: none;
    justify-content: center;
}

body .row-wrapper .form-item-sinistre-boutton label,
body .row-wrapper #edit-sinistre-boutton label{
    font-size: 1.05rem!important;
    border-radius: 3rem!important;
    width: 25rem!important;
    max-width: none!important;
  }

body .row-wrapper .form-item-sinistre-boutton label:hover,
body .row-wrapper #edit-sinistre-boutton label:hover{
  cursor: pointer;
  background-color: #006BCF !important;
  border-color: #006BCF !important;
  color: white !important;
  transform: scale(.94) translateZ(0);
}

.webform-submission-demande-de-devis-pneumatique-form{
  max-width: 42.5rem !important;
  margin: 4rem auto 0;
}
.webform-submission-demande-de-devis-pneumatique-form .webform-button--submit{
  margin-bottom: 4rem;
}
.webform-flexbox .webform-flexbox,
.webform-contact .webform-flexbox{
  display: flex;
  justify-content: space-between !important;
}
.webform-contact--wrapper legend{
  display: none;
}
.webform-submission-demande-de-devis-pneumatique-form .webform-flexbox .webform-flex .webform-flex--container{
  margin: 0;
}
.webform-submission-demande-de-devis-pneumatique-form .webform-contact .webform-flex{
  margin: 0!important;
  max-width: 10rem;
}
.webform-submission-demande-de-devis-pneumatique-form .webform-flexbox .webform-flex .webform-flex--container .webform-flexbox .webform-flex{
  margin: 0!important;
  max-width: 7.75rem;
}
.webform-submission-demande-de-devis-pneumatique-form .webform-flexbox .webform-flex .webform-flex--container .webform-flexbox .webform-flex .webform-flex--container{
  margin: 0!important;
}

/*** FOOTER ****/
.gva-body-wrapper #footer,
.gva-body-wrapper #footer .footer-center{
  background: #004382 !important;
}
.gva-body-wrapper #footer{
  padding: 0;
}
.gva-body-wrapper #footer a{
  color: #ffffff !important;
}
.gva-body-wrapper #footer .footer-center{
  padding: 3rem 0;
}
.gva-body-wrapper #footer .footer-center p{
  color: white;
  font-size: .8rem;
  margin-bottom: 1rem;
  font-weight: 300;
}
.gva-body-wrapper #footer .footer-center p strong{
  display: inline-block;
  color: white;
  font-size: 1rem;
  margin-bottom: .5rem;
}
.gva-body-wrapper #footer .footer-second,
.gva-body-wrapper #footer .footer-third,
.gva-body-wrapper #footer .footer-four{
  padding-left: 0;
  padding-right: 0;
}
footer .scroll-to-top{
  right: 45px;
  bottom: 1.5rem;
}
footer .scroll-to-top,
footer .scroll-to-top:hover,
.scroll-to-top:focus{
  width: 54px;
  height: 50px;
  background: url(../img/icons/backtotop.svg) no-repeat top left;
  background-color: transparent !important;
  background-size: 100%;
  border: none;
  z-index: 9;
}
footer .scroll-to-top i{
  display: none;
}
#footer .before-footer {
  text-align: center;
}
#footer .field--name-field-image-svg .field__label {
  display: none;
}

.gsc-image {
  text-align: none;
}

.footer-bloc1 img {
  filter: opacity(100%);
  -webkit-filter: opacity(100%);
}

.footer-bloc1 img:hover {
  filter: opacity(70%);
  -webkit-filter: opacity(70%);
}

.footer-bloc-before img {
  filter: opacity(100%);
  -webkit-filter: opacity(100%);
}

.footer-bloc-before img:hover {
  filter: opacity(70%);
  -webkit-filter: opacity(70%);
}

.footer-bloc3 button {
  background-color: transparent;
  border-radius: 30px;
  color: #004382;
  padding: 12px 35px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin: 4px 2px;
  cursor: pointer;
}

.footer-bloc3 button:hover {
  border-radius: 30px;
  color: #1D2424;
}

.footer-top {
  background-color: #1D2424 !important;
  border-bottom: 1px solid white;
}

#footer .footer-center {
  padding: 40px 0 30px;
}

/*** SEPARATEURS ****/
.separator-accueil-3s {
  box-sizing: content-box;
  width: 50%;
  height: 0;
  padding-left: 50%;
  padding-top: 5%;
  overflow: hidden;
}

.separator-accueil-3s div {
  width: 0;
  height: 0;
  margin-left: -1000px;
  margin-top: -100px;
  border-left: 1000px solid transparent;
  border-right: 1000px solid transparent;
  border-top: 100px solid white;
}

.separator-actualite {
  box-sizing: content-box;
  width: 50%;
  height: 0;
  padding-left: 50%;
  padding-top: 5%;
  overflow: hidden;
}

.separator-actualite div {
  width: 0;
  height: 0;
  margin-left: -1000px;
  margin-top: -100px;
  border-left: 1000px solid transparent;
  border-right: 1000px solid transparent;
  border-top: 100px solid #eff1f9;
}

/*** CARROUSSEL ****/
.gsc-image-content-carousel .item-content .content-box .subtitle {
  color: #004382;
}
.gsc-image-content-carousel .item-content .content-box .subtitle:before{
  content: '';
}

.owl-carousel .owl-nav > div:hover {
  background: #006BCF;
}

.lheight-00 {
  line-height: 1.1;
}

.bouton-centrer {
  position: relative;
  display: inline-block;
  margin: auto;
  text-align: center;
}

@media only screen and (max-width: 750px) {
  .gsc-image-content-carousel p {
    text-align: center !important;
  }

  .margin-top-30 {
    text-align: center !important;
  }
}

@media only screen and (max-width: 576px) {
  .gsc-image-content-carousel p {
    text-align: center !important;
  }
}

/*** MEDIA QUERIES ACCUEIL ****/
@media only screen and (max-width: 991px) {
  .accueil-section1-tx1 {
    margin-top: -40px !important;
  }

  .accueil-section1-img2 {
    padding-top: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .accueil-section2-bloc1 {
    text-align: center;
  }

  .accueil-section2-bloc3 {
    text-align: center;
  }

  .accueil-section2-bloc3-img1 {
    margin-top: 20px !important;
  }

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

@media only screen and (max-width: 576px) {
  .margin-top-30 {
    text-align: center !important;
  }

  .accueil-section2-bloc3 p {
    text-align: center !important;
  }
}

/*** PAGE QUI SOMMES NOUS ****/
.qui-section1 p {
  text-align: justify !important;
}

/*** PAGE OFFRE ****/
.offre-section2-bloc2 p {
  text-align: justify !important;
}

.offre-section2-bloc3 p {
  text-align: justify !important;
}

.offre-bloc2-sec3-img {
  filter: opacity(100%);
  -webkit-filter: opacity(100%);
}

.offre-bloc2-sec3-img:hover {
  filter: opacity(70%);
  -webkit-filter: opacity(70%);
}

/*** PAGE CARROSSERIE ****/
.carrosserie-section2 .liste-puces,
.carrosserie-section3 .liste-puces {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .carrosserie-section2 h4 {
    text-align: left !important;
  }

  .carrosserie-section2 .liste-puces {
    text-align: justify;
    margin-top: 20px;
  }

  .carrosserie-section2 .gsc-image {
    text-align: LEFT !important;
  }

  .carrosserie-section3 h4 {
    text-align: left !important;
  }

  .carrosserie-section3 .liste-puces {
    text-align: justify;
    margin-top: 20px;
  }

  .carrosserie-section3 .gsc-image {
    text-align: LEFT !important;
  }

  .appli-bloc-etape p {
    text-align: center !important;
  }
}

/*** PAGE CONTACT ****/
.contact-sectionform{
  max-width: 42.5rem;
  margin: 0 auto;
}
.contact-sectionform blockquote{
  margin-bottom: 1.5rem;
}
.contact-sectionform h4{
  font-size: 1.75rem !important;
}
.contact-sectionform p{
  margin-top: 1rem;
}
.contact-sectionform p strong{
  color: #1E2424;
}
.contact-sectionform .webform-submission-form .form-actions{
  margin-top: .5rem;
}

.contact-sectionmap img {
  padding-bottom: 20px;
}

.contact-sectionform h2 {
  display: none;
}

.button:hover,
.button:focus,
.button:active,
.button.active,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.btn-theme-second:hover,
.btn-theme-second:focus,
.btn-theme-second:active,
.btn-theme-second.active,
.more-link a:hover,
.more-link a:focus,
.more-link a:active,
.more-link a.active,
.btn-theme-submit:hover,
.btn-theme-submit:focus,
.btn-theme-submit:active,
.btn-theme-submit.active {
  background: #1D2424;
  color: white;
}

label.option.js-form-required.form-required,
#edit-checkbox--description {
  text-transform: none;
  font-size: .8rem;
  font-weight: 300;
  color: #1D2424;
  line-height: 1.1rem;
  text-align: left;
  display: block;
  padding: 0 0 0 2rem;
}
.webform-submission-form .form-item label {
  text-transform: none;
  color: #6B6868;
  font-size: .8rem;
  margin-bottom: 0;
}

.webform-submission-form .form-item input,
.webform-submission-form .form-item textarea,
.webform-submission-form .form-item select {
  background-color: white;
}

#edit-checkbox--description {
  font-size: .8rem;
  font-weight: 400;
  color: #1D2424;
  line-height: 1.1rem;
}

#edit-checkbox--description a {
  font-size: .8rem;
  font-weight: 700;
  color: #1D2424;
  line-height: 1.1rem;
  text-decoration: underline;
}

#edit-checkbox--description a:hover {
  font-size: 16px;
  font-weight: 700;
  color: #004382;
  line-height: 22px;
  text-decoration: underline;
}

.form-item-checkbox{
  padding-left: 1rem;
}
.form-item-checkbox label,
#edit-checkbox--description,
#edit-checkbox--description strong{
  font-size: .8rem;
  color: #A7A4A4 !important;
  font-weight: 300;
}
#edit-checkbox {
  float: left;
  margin-right: 1rem !important;
  width: 1rem !important;
}

.js-form-type-checkbox.form-item-checkbox.js-form-item-checkbox {
  top: -25px;
}

@media only screen and (max-width: 991px) {
  .contact-sectionform {
    text-align: center;
    padding-top: 70px;
  }

  .contact-sectionform h4 {
    text-align: center !important;
  }

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

/*** POSTS ACTUALITES ****/
.post-title a {
  font-size: 30px;
  font-weight: 600;
  line-height: 33px;
}

.post-block .author {
  color: white;
}

.post-block-1 .item-image::before {
  background: none;
}

.node--type-recrutement.node--view-mode-teaser.clearfix a {
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 33px !important;
}

.node--type-recrutement.node--view-mode-teaser.clearfix li {
  display: none;
}

h2.node__title {
  padding-top: 50px;
}

.actu-miseenavant .item-image {
  max-width: 650px;
  padding-top: 10px;
}

.quickedit-field {
  font-size: 36px;
}

.node--view-mode-full .post-thumbnail {
  max-width: 400px;
}

.post-block .post-content .post-title-fix {
  color: #A7A4A4 !important;
  font-family: 'Inter';
  font-size: 1.05rem !important;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 1rem;
}

.post-block .post-content .post-title span {
  color: #1d2424 !important;
  font-family: "Work Sans" !important;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}

.post-readmore a{
  background: #004382 !important;
  color: white !important;
  border: none;
}

.post-readmore a:hover{
  transform: scale(.94) translateZ(0);
  background: #006bcf !important;
  border: none;
}

.post-block .post-content {
  padding: 0px 0 0;
}

/*** ON RECRUTE ****/
.post-title {
  margin-bottom: 50px !important;
}

.post-poste {
  font-weight: bold;
  color: #1D2424;
}

.post-remuneration {
  font-weight: bold;
  color: #1D2424;
}

.field--name-field-remuneration {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding-bottom: 50px !important;
  color: #1D2424;
}

/*** BOUTONS CARRES ****/
.boutons-carres{
  padding: 0;
  text-align: left !important;
}
.links-blocks h4{
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 1.75rem !important;
  font-weight: 500 !important;
  line-height: 2rem;
  font-family: 'Inter' !important;
  color: #1D2424;
}
.links-blocks p{
  color: #1D2424;
}
.links-blocks .gsc-column .gsc-button{
  margin: 0 auto;
  display: block;
  width: 14rem;
}
.blocs-bleus .gsc-column .gsc-button,
.links-blocks .gbb-row.bg-size-cover .gsc-column .gsc-button,
.bloc .gsc-column .gsc-button{
  width: 100%;
  margin: 0;
  display: block;
  font-size: 0;
  height: 0;
  padding: 0;
}
.links-blocks .gsc-column.bg-size-cover .gsc-button:before,
.blocs-bleus .gsc-button:before{
  display: none;
}
.blocs-bleus .gsc-button,
.links-blocks .gsc-column.bg-size-cover .gsc-button{
  max-width: 100%;
}
.blocs-bleus .gsc-button:after,
.links-blocks .gsc-column.bg-size-cover .gsc-button:after{
  content: '';
  position: absolute;
  bottom: 0;
  right: 1rem;
  width: 50px;
  height: 50px;
  background-size: 100%;
  -webkit-mask-image: url('../img/icons/slider-arrow-rounded.svg');
  mask-image: url('../img/icons/slider-arrow-rounded.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #1D2424;
}
.links-blocks .gsc-column.bg-size-cover .gsc-button:after,
.blocs-bleus .gbb-row.bg-size-cover .gsc-button:after{
  background-color: white;
}
.links-blocks .gsc-column.bg-size-cover .gsc-button:hover:after,
.blocs-bleus .gsc-button:hover:after,
.texte-boutons-carres a:hover:after{
  transform: scale(.94) translateZ(0);
}
.texte-boutons-carres a:before{
  content: '\2022';
  margin-right: .5rem;
}

/*** BOUTONS COSMETIQUE AUTOMOBILE ****/

.texte-notre-specialite a {
  margin-left: 20px;
  font-size: 2em;
  font-weight: 300;
  line-height: 33px;
  color: #004382;
}

.texte-notre-specialite a:hover {
  color: white;
}

.texte-cosmetique-auto {
  margin-left: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 33px;
  color: white;
}

.paragr-cosmetique-auto {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 22px;
}

/*** overlay orange vers bleu ****/
.overlay-1 {
  background-color: rgba(255, 73, 23, 0.7);
}

.overlay-1:hover {
  background-color: rgba(58, 65, 90, 0.7);
  transition: all 0.5s ease-in-out;
}

/*** overlay gris-bleu vers orange ****/
.overlay-2 {
  background-color: rgba(164, 164, 164, 0.7);
}

.overlay-2:hover {
  background-color: rgba(255, 73, 23, 0.7);
  transition: all 0.5s ease-in-out;
}

/*** overlay carrosserie responsable > gris ****/
.overlay-3 {
  background-color: rgba(140, 198, 63, 0.7);
}

.overlay-3:hover {
  background-color: rgba(164, 164, 164, 0.7);
  transition: all 0.5s ease-in-out;
}

/*** overlay bleu-gris vers orange ****/
.overlay-4 {
  background-color: rgba(58, 65, 90, 0.7);
}

.overlay-4:hover {
  background-color: rgba(255, 73, 23, 0.7);
  transition: all 0.5s ease-in-out;
}

/*** BOUTONS HEADER ****/

.accueil-header-btn1 {
  padding-top: 10px;
  position: relative;
  display: inline-block;
  margin: auto;
  text-align: center;
}

.boutons-header {
  text-align: center;
  transition: transform 500ms;
  background-color: white;
  border-radius: 25px;
  box-shadow: 0px 5px 16px black;
  min-width: 263px;
}

.boutons-header:hover {
  transform: scale(1.07);
  transition: transform 500ms;
}

.bouton-header-padding {
  padding: 2% 5%;
}

.bouton-header-paddinglarge {
  padding: 2% 10%;
}

.texte-bouton-header a {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1 !important;
}

.texte-bouton-secondaire {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

/*** BOUTONS VERTICAUX ****/
.bouton-verticaux {
  padding: 1% 3%;
  max-width: 240px;
}

@media only screen and (max-width: 992px) {
  .bouton-verticaux {
    margin: auto;
    text-align: center;
    width: 240px;
  }
}

/*** BARRE ETAPES SINISTRE ****/
.progress-title {
  font-size: 16px;
}

/*** BREADCRUMBS ****/
.breadcrumb-content-inner
  .gva-breadcrumb-content
  .breadcrumb-links
  nav.breadcrumb
  li {
  display: none;
}

.breadcrumb-style {
  background-image: url("../../sites/default/files/2021-01/breadcrumb-carflex_1.jpg") !important;
}


/*** STICKY ****/
.sticky-links{
  list-style: none;
  position: fixed;
  transition: all 700ms;
  right: 0;
  padding: 0;
  top: 30%;
  opacity: 0;
}
.sticky-links.show{
  opacity: 1;
}
.sticky-links li{
  margin: 0;
  position: relative;
  height: 70px;
  margin: 0 0 2px;
}
.sticky-links li:nth-child(2){
  margin: 0 0 3px;
}
.sticky-links a{
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 8rem;
  right: -80px;
  padding: .5rem .5rem .15rem;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #006bcf;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
  transition: all 700ms;
}
.sticky-links a:hover{
  right: 0;
}
.sticky-links a,
.sticky-links a:hover{
  color: #ffffff !important;
  font-size: .8rem;
  font-weight: 300;
}
.sticky-links li a:before{
  display: block;
  content: '';
  background-color: white;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.sticky-links li:first-child a:before {
  content: '';
  width: 35px;
  height: 27px;
  margin-left: 8px;
  -webkit-mask-image: url("../img/icons/sinistre.svg");
  mask-image: url("../img/icons/sinistre.svg");
}
.sticky-links li:nth-child(2) a{
  padding-left: 1.1rem;
}
.sticky-links li:nth-child(2) a:before {
  width: 34px;
  height: 28px;
  margin-left: -2px;
  -webkit-mask-image: url("../img/icons/rdv.svg");
  mask-image: url("../img/icons/rdv.svg");
}
.sticky-links li:nth-child(3) a:before {
  width: 34px;
  height: 24.5px;
  margin-left: 12px;
  -webkit-mask-image: url("../img/icons/contact.svg");
  mask-image: url("../img/icons/contact.svg");
}

.icon-5-min {
  height: 100%;
  width: 100%;
  background-color: white;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../../sites/default/files/2020-11/icon-chrono-5min.svg");
  mask-image: url("../../sites/default/files/2020-11/icon-chrono-5min.svg");
}



.icon-carrosserie-responsable {
  height: 100%;
  width: 100%;
  background-color: white !important;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../../sites/default/files/2020-11/icon-carrosserie-responsable.svg");
  mask-image: url("../../sites/default/files/2020-11/icon-carrosserie-responsable.svg");
}

.icon-voiture {
  height: 100%;
  width: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../../sites/default/files/2020-11/icon-voiture-blanc.svg");
  mask-image: url("../../sites/default/files/2020-11/icon-voiture-blanc.svg");
}

.icon-map {
  height: 100%;
  width: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../../sites/default/files/2020-11/icon-map.svg");
  mask-image: url("../../sites/default/files/2020-11/icon-map.svg");
}

.icon-chevron {
  height: 100%;
  width: 100%;
  background-color: white !important;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../../sites/default/files/2020-11/icon-chevron-blanc.svg");
  mask-image: url("../../sites/default/files/2020-11/icon-chevron-blanc.svg");
}

.icon-jefaisreparer {
  height: 100%;
  width: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../../sites/default/files/2020-11/btn-je-fais-reparer.svg");
  mask-image: url("../../sites/default/files/2020-11/btn-je-fais-reparer.svg");
}

/*** COULEURS ICONS SVG ****/
.icon-blanc {
  background-color: white !important;
}

.icon-primary {
  background-color: #006BCF;
}

.icon-secondary {
  background-color: #393939;
}

/*** TAILLES ICONS SVG ****/
.icon-margintop20 {
  margin-top: 20px;
}

.icon-margintop10 {
  margin-top: 10px;
}

.max-height-250 {
  height: 250px;
}

.icon-150 {
  height: 150px;
}

.icon-120 {
  height: 120px;
}

.icon-100 {
  height: 100px;
}

.icon-90 {
  height: 90px;
}

.icon-80 {
  height: 80px;
}

.icon-70 {
  height: 70px;
}

.icon-60 {
  height: 60px;
}

.icon-40 {
  height: 40px;
}

.icon-30 {
  height: 30px;
}

/*** SMARTPHONE ****/
@media only screen and (max-width: 991px) {
  .container{
    max-width: 90% !important;
  }
  .max-height-250{
    height: auto;
  }
  .gsc-button.medium{
    padding: .65rem 2.25rem;
  }
  .gva-offcanvas-mobile{
    top: 83px;
    max-width: 100%;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret {
    right: 0px;
    display: none;
  }
  .links-blocks .gsc-column{
    max-width: 100%;
  }
  .links-blocks .gsc-column:not(.bg-size-cover){
    padding: 1.5rem;
  }
  .links-blocks.blocs-bleus .gsc-column{
    padding: 0;
  }
  .links-blocks .gsc-button:after{
    bottom: 1.5rem;
  }
  .blocs-bleus .webform-submission-demande-de-devis-pneumatique-lig-form .button--primary{
    margin-bottom: 2rem;
  }
  .blocs-bleus .gsc-button, .links-blocks .gsc-column.bg-size-cover .gsc-button{
    max-width: 100%;
  }

  .select2-container .select2-dropdown {
      min-width: 200px;
  }
  .select2-container--default .select2-results>.select2-results__options{
    max-height: 300px;
  }

  .sticky-links{
    position: fixed;
    display: flex;
    top: auto;
    bottom: .5rem;
    left: 0;
    justify-content: center;
  }
  .sticky-links li{
    height: auto;
    margin: 0 .75rem;
  }
  .sticky-links a{
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    width: auto;
    right: auto;
    padding: .5rem;
    border-radius: 5px;
  }
  .sticky-links a::before{
    margin-right: .5rem;
  }
  .sticky-links li:first-child a:before,
  .sticky-links li:nth-child(2) a:before,
  .sticky-links li:nth-child(3) a:before{
    width: 30px;
    height: 24px;
  }

  footer .scroll-to-top{
    bottom: 8rem;
    right: 1rem;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
    letter-spacing: 0px;
    color: #1D2424 !important;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu > li.menu-item--active-trail > a {
    color: #006BCF !important;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
    display: flex;
    align-items: center;
    text-align: left !important;
    border-bottom: 1px solid #E8E6E6;
    padding: 1.7rem 2rem 1.5rem !important;
    line-height: 1;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu li a i {
    display: block;
    margin: 0 0 .2rem;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu li a i:before {
    content: '\2022';
    color: #006BCF;
    font-size: 1.5rem;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li.menu-item-border > a{
    padding: 1.5rem 2rem 0 !important;
    color: #006BCF !important;
    font-size: 1.1rem;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu{
    display: block;
    padding: 2rem 4rem !important;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li{
    padding: 0 0 2rem;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a{
    text-align: left !important;
    padding-left: 10px !important;
  }

  .help{
    z-index: 9;
  }

  header .area-main-menu .navigation ul.gva_menu{
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }
  header .navigation .gva_menu > li a:hover,
  header .main-menu ul.gva_menu > li > a:hover{
    color: #004382 !important;
  }
  header.header-v2 .navigation .gva_menu > li {
    max-width: 100%;
    text-align: left;
    box-shadow: none !important;
    margin-bottom: 3px ​!important;
  }
  header.header-v2 .gva-offcanvas-mobile{
    height: 100vh;
    margin-top: -5px;
  }
  header.header-v2 .main-menu-inner,
  .main-menu .area-main-menu .area-inner .block,
  header.header-v2 .navigation .gva_menu > li{
    margin: 0 !important;
    padding: 0 !important;
  }
  header.header-v2 .header-main.stuck{
    background: rgba(0,67,130,1);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .gva-offcanvas-mobile .close-offcanvas{
    display: none !important;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li {
    border-bottom: none;
  }
  .gva-offcanvas-mobile .block {
    border-bottom: none;
  }
  .navigation .gva_menu > li.menu-item-border {
    max-width: 100% !important;
    text-align: center !important;
  }
  header.header-v2 .header-main {
    -webkit-transition: all .5s cubic-bezier(.43,.195,.02,1);
    -moz-transition: all .5s cubic-bezier(.43,.195,.02,1);
    -o-transition: all .5s cubic-bezier(.43,.195,.02,1);
    transition: all .5s cubic-bezier(.43,.195,.02,1);
  }

  .big-title{
    padding: 1.5rem 1.5rem;
  }
  .small-text p,
  .gva-body-wrapper #footer .footer-center p,
  .blocs-bleus .gsc-column:first-child h5,
  .gsc-accordion .panel-group .panel .panel-body p,
  .blocs-bleus .gsc-column p,
  .simple-et-pratique .gsc-column p{
    font-size: 1rem;
  }

  .links-blocks .column-content ul li{
    font-size: .9rem;
    max-width: none;
  }

  #edit-container-20, #edit-container-21, #edit-flexbox-17, #edit-flexbox-10{
    margin: 0;
  }
  .etape1 .webform-flex--4{
    padding: 1rem 0;
  }
  .etape1 .encart_blanc_rond{
    max-width: 100%;
  }

  .gsc-accordion .panel-group .panel .panel-title > a:after, .gsc-accordion .panel-group .panel .panel-title > a.collapsed:after{
    top: 33%;
    right: .5rem;
  }

  .boutons-carres{
    padding: 0;
    min-width: 43vw;
  }
  .texte-boutons-carres a{
    font-size: 1.1rem !important;
    line-height: 1.3 !important;
  }
  .blocs-bleus .gsc-column .texte-boutons-carres p{
    top: 5rem;
  }

  .gsc-image-content-carousel .item-content .image{
    margin: 2rem 0;
  }
  .gsc-image-content-carousel .item-content .content-box{
    max-width: none;
  }

  .row-specialiste-automobile .gsc-column{
    padding: 0;
  }

  .links-blocks .row-wrapper .column-content{
    padding: .5rem;
  }
  .links-blocks .row-wrapper,
  .links-blocks.blocs-bleus .row-wrapper .bb-container .bg-size-cover,
  .links-blocks .row-wrapper .bb-container .bg-size-cover .column-content-inner .column-content{
    min-height: 17rem;
    padding: .5rem .25rem 0;
  }
  .blocs-bleus .gsc-column h2,
  .blocs-bleus .gsc-column h3,
  .blocs-bleus .gsc-column h4,
  .blocs-bleus .gsc-column p,
  .blocs-bleus .gsc-column:first-child .text-color-primary{
    margin: 0 0 1rem;
  }
  .texte-boutons-carres,
  .texte-boutons-carres a{
    display: block;
    height: 10rem;
    min-height: 10rem;
  }
  .blocs-bleus .gsc-column, .blocs-bleus .max-height-250{
    height: auto !important;
  }
  .gsc-image{
    margin: 0;
  }

  .blocs-bleus .webform-submission-form .pneu_light{
    max-width: 100%;
  }
  .blocs-bleus .webform-submission-form .pneu_light .col-3{
    padding: 0 .25rem;
  }

  .row-specialiste-automobile{
    background-position: right 35% top !important;
  }
  .row-specialiste-automobile h2,
  .row-specialiste-automobile h3,
  .row-specialiste-automobile h4{
    max-width: 70%;
  }
  .row-specialiste-automobile .gsc-column {
    padding: 0 1.5rem !important;
  }

  .icon-sinistre, .icon-sinistre.prise_de_rendez_vous{
    width: 2rem;
    height: 2rem;
    -webkit-mask-size: 100%;
    mask-size: 100%;
  }
  .cout_des{
    width: 2.5rem;
  }

  label.option.js-form-required.form-required{
    font-size: .9rem;
  }

  .simple-et-pratique .gsc-column.bg-size-cover{
    padding: 7rem 0;
  }

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

  .footer-bloc1 img {
    float: inherit;
  }
}

@media only screen and (max-width: 768px) {
  .icon-mobile {
    max-height: 70px !important;
  }
}



header.header-v2 .main-menu-inner{padding-top: 5px;padding-bottom: 5px;}
body .big-title{padding: 0;}
body .gbb-row.bg-size-cover {padding:0!important;}
.blocs-bleus>.bb-inner.default{padding: 0!important;}
.gavias-builder--content>.gbb-row-wrapper>div>div.default {padding: 3.5rem 0!important;}
.gbb-row .bb-inner.remove_padding_bottom {padding-bottom: 0 !important;padding-top: 3.5rem!important;}
.gbb-row .bb-inner.remove_padding_top {padding-top: 0 !important;padding-bottom: 3.5rem!important;}
.owl-carousel .owl-dots .owl-dot.active {background: #006BCF;}
.blocs-bleus .webform-submission-form .pneu_light {max-width: 100%;margin: 11.7rem auto 1rem;}
.webform-submission-form .pneu_light .form-item {flex: 0 0 20%;max-width: 20%;width: 20%;}
.select2-container .select2-dropdown {border-radius: 30px;}
::-webkit-scrollbar {width: 3px;height: 3px;display: block;}
::-webkit-scrollbar-button {width: 2px;height: 0px;}
::-webkit-scrollbar-thumb {background: #151513;border: 0px none #151513;border-radius: 0px;}
::-webkit-scrollbar-thumb:hover {background: #151513;}
::-webkit-scrollbar-thumb:active {background: #151513;}
::-webkit-scrollbar-track {background: #151513;border: 0px none #151513;border-radius: 0px;}
::-webkit-scrollbar-track:hover {background: #151513;}
::-webkit-scrollbar-track:active {background: #151513;}
::-webkit-scrollbar-corner {background: transparent;}
*{scrollbar-color: #151513 white;scrollbar-width: thin;}
.webform-submission-form>.form-item {margin: 0 -15px;}
.container {max-width: 100% !important;padding: 0 3.5rem;}
.gbb-row-wrapper>.gbb-row>.bb-inner {margin: 0 -15px!important;}
.gbb-row .bb-inner.padding-medium {padding: 3.5rem 0;}
div#block-gaviascontentbuildermacarrosserieresponsableligne {padding: 0 15px;}
.header-main-inner.p-relative .row {margin: 0 -30px;}
.gsc-column.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 {padding: 0;}
div#block-gaviascontentbuilderencartcarrejecontactlatelier .row-wrapper .column-content {padding: 1.5rem 0;}
div#block-gaviascontentbuilderencartcarrejentretienmonvehicule .row-wrapper .column-content {padding: 1.5rem 0;}
#footer .container {margin: 0 -30px;}
.gsc-image-content-carousel .item-content .content-box .subtitle:before{display: none;}
.gsc-image-content-carousel {margin: 0;}
body .row-specialiste-automobile h4 {color: white!important;}
body:not(.frontpage) header#header{position: absolute;top: 0;width: 100%;z-index: 6;}

.frontpage .blocs-bleus .gsc-column:nth-child(2) .clearfix.widget.gsc-block-drupal.title-align-left.hidden-title-on.remove-margin-on.text-dark{padding: 0 15px 0 0px;}
.frontpage .blocs-bleus .gsc-column:nth-child(3) .clearfix.widget.gsc-block-drupal.title-align-left.hidden-title-on.remove-margin-on.text-dark{padding: 0px 23px 0 0px;}
#block-gaviascontentbuilderencartcarrejecontactlatelier .gbb-row-wrapper>.gbb-row>.bb-inner {margin-right: 5px!important;}

div#block-gaviascontentbuildernotrespecialite {padding-left: 30px;}
html{background-color: #004382;}
.gbb-row.gva-parallax-background.bg-size-cover .bb-inner {margin-right: -35px!important;}
.row-specialiste-automobile.gbb-row.bg-size-cover {background-color: transparent;background-image: none!important;}
body input#edit-actions-submit{font-weight: 500;}
.gsc-column.col-xl-6.col-lg-6.col-md-12.col-sm-12.col-xs-12.pneu-form {padding: 0;}
div#block-webform-2 {margin: -40px -40px 0 -30px;}
.container-fw .gbb-row-wrapper>.gbb-row>.bb-inner {margin: 0!important;}
body .simple-et-pratique.gbb-row.bg-size-cover>.bb-inner {margin: 0!important;}
.popup-content.info.eu-cookie-compliance-content {text-align: center;display: flex;justify-content: center;padding: 5px 0 10px;flex-wrap: wrap;}
div#block-contactfootertestbloc1-2 a{color: white!important;}
body #footer .footer-center a:hover{color: white!important;text-decoration: underline;}
body strong {font-weight: 700;}
.gsc-accordion .panel-group {margin-bottom: 0;margin-top: 0;}
.small-text.contenu.gbb-row.bg-size-cover {margin: 0 auto;}
body #edit-checkbox--description a{color: #004382!important;}
body #edit-checkbox--description a:hover{color: #006BCF!important;}
#edit-checkbox {float: left;margin-right: 10px!important;width: 1rem !important;}
label.option.js-form-required.form-required {width: 90%;padding: 0;margin: 0;float: left;line-height: 1.2;}
.webform-element--title-inline.js-form-item.form-item.js-form-type-checkbox.form-item-checkbox.js-form-item-checkbox {display: flex;flex-wrap: wrap;}
.gsc-accordion .panel-group .panel .panel-title {margin: 0;border-bottom: 1px solid #A7A4A4 !important;}
.col-sm-6 .column-inner.bg-size-cover.big-title {margin: 0 -15px;}
 #edit-checkbox--description{padding-left: 29px;}
.button, .btn, .btn-white, .btn-theme, .btn-black, .btn-theme-second, .more-link a, .btn-theme-submit{font-size: 1.05rem;}
body .webform-submission-form .form-actions{margin-top: 0;}
body .encart_blanc_rond {font-weight: 300;line-height: 1.4rem;font-size: 1rem;}
.onlytitle h1 {margin: 0;}
.onlytitle h2 {margin: 0;}
.onlytitle h3 {margin: 0;}
.onlytitle h4 {margin: 0;}
.webform-submission-demande-de-devis-pneumatique-form .webform-button--submit {margin-top: 3.5rem;margin-bottom: 0;}
body .webform-submission-demande-de-devis-pneumatique-form {margin: 0 auto;}
body .links-blocks .row-wrapper .bb-container .bg-size-cover .column-content-inner .column-content {padding-left: 0;}
body .sengager.links-blocks .row-wrapper .bb-container .bg-size-cover .column-content-inner .column-content {padding-left: 1.5rem;}
.contenu {max-width: 46.5rem;margin: 0rem auto;}
body .select2-container--default .select2-selection--single .select2-selection__placeholder {color: black;}
body .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: black transparent transparent;margin-left: 0;}
body .gsc-accordion .panel-group .panel .panel-title > a:after, .gsc-accordion .panel-group .panel .panel-title > a.collapsed:after{top: 16px;right: 0;}
a#button-mkkvc7iw2hqj {margin-top: 3.7rem;}
.etape1 .encart_blanc_rond:before {content: '\2022  Le saviez-vous?';}
body legend{font-size: 1.75rem;}
.gva-body-wrapper #footer .footer-center p strong {letter-spacing: 1px;}
input#edit-actions-submit--2 {font-weight: 500;}
div#block-gaviascontentbuilderencartcarrejentretienmonvehicule {margin-right: -30px;}
body .select2-container--default .select2-results>.select2-results__options{overflow-y: inherit;}
body .gsc-accordion .panel-group.skin-white .panel .panel-title > a, .gsc-accordion .panel-group.skin-white .panel .panel-title > a.collapsed {padding: 0.9rem 2.5rem 0.9rem 0rem;}
body .gsc-accordion .panel-group .panel .panel-body {padding: 20px;}
body .gsc-accordion .panel-group .panel:first-child .panel-title {border: none!important;}
body .gsc-accordion .panel-group .panel .panel-title {border-top: 1px solid #A7A4A4 !important;border-bottom: none!important;}


div#block-gaviascontentbuildersengagerpouravancer ul li:before {background-size: 80%;background-color: transparent;background-repeat: no-repeat;background-position: center;}
div#block-gaviascontentbuildersengagerpouravancer ul li:nth-of-type(1):before{background-image: url('/sites/bulgarelli/files/picto1.png');}
div#block-gaviascontentbuildersengagerpouravancer ul li:nth-of-type(2):before{background-image: url('/sites/bulgarelli/files/picto2.png');}
div#block-gaviascontentbuildersengagerpouravancer ul li:nth-of-type(3):before{background-image: url('/sites/bulgarelli/files/picto3.png');}
div#block-gaviascontentbuildersengagerpouravancer ul li:nth-of-type(4):before{background-image: url('/sites/bulgarelli/files/picto4.png');}


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


.webform-submission-form .pneu_light .form-item {flex: 0 0 100%;max-width: 100%;width: 100%;}
div#block-webform-2 {margin: 0 0px 0 0px;}
.gbb-row-wrapper>.gbb-row>.bb-inner {margin: 0px!important;}
#footer .container {margin: 0;}
div#popup-buttons {text-align: center;margin: 5px 0;    float: none;}
.webform-progress.text-center.col-12{padding: 0;}
.blocs-bleus .webform-submission-form .pneu_light {margin: 5rem auto 1rem;}
.container-fw .gbb-row.gva-parallax-background.bg-size-cover .bb-inner {margin-right: 5px!important;}
.webform-flexbox .webform-flexbox, .webform-contact .webform-flexbox {flex-wrap: wrap;}
.webform-submission-demande-de-devis-pneumatique-form .webform-flexbox .webform-flex .webform-flex--container .webform-flexbox .webform-flex {margin: 0!important;max-width: 100%!important;width: 100%;}
.links-blocks .column-content ul {align-items: flex-start;flex-wrap: wrap;}
.links-blocks.sengager.gbb-row.bg-size-cover .scroll .column-inner.bg-size-cover {padding: 15px 3px;}
body .contact-sectionform {padding-top: 0px;}
.links-blocks .column-content ul li {margin: 0 .3rem 1rem;width: 45%;}
fieldset.webform-composite-hidden-title {margin-top: 0;}
body .row-wrapper .form-item-sinistre-boutton label, body .row-wrapper #edit-sinistre-boutton label {font-size: 0.9rem!important;}
div#block-gaviascontentbuildersengagerpouravancer .links-blocks .gsc-column:not(.bg-size-cover).max-height-250 {padding: 2.5rem;}
body .sengager.links-blocks .row-wrapper .bb-container .bg-size-cover .column-content-inner .column-content {padding-left: 0.25rem;}
div#block-gaviascontentbuilderencartcarrejentretienmonvehicule {margin-right: -0px;}


}
div#BtnSendForm a {height: auto!important;position: relative;background: 0 0!important;border-color: transparent!important;font-size: 1.05rem;text-transform: none;padding: .15rem 2.25rem;}
div#BtnSendForm a:hover:before {background: #006bcf!important;border-color: #006bcf!important;}
div#BtnSendForm a:hover:before {color: #fff!important;transform: scale(.94) translateZ(0);}
div#BtnSendForm a:before {content: "";display: block;position: absolute;height: 100%;width: 100%;top: 0;left: 0;z-index: -1;border-radius: 3rem;background: #004382!important;border-color: #004382!important;color: #fff;-webkit-transition: all .6s cubic-bezier(.43,.195,.02,1);-moz-transition: all .6s cubic-bezier(.43,.195,.02,1);-o-transition: all .6s cubic-bezier(.43,.195,.02,1);transition: all .6s cubic-bezier(.43,.195,.02,1);font-size: 1.05rem!important;text-transform: none!important;padding: .175rem 2.9rem!important;}
body a.buttons {color: white!important;}