.header-top-bar {background: #F08700;color:#fff}
.header-top-bar p {margin:0;font-size:0.8rem;text-align:center}
.header-top-bar-2 {background: #ff5100;color:#fff}
.header-top-bar-2 p {margin:0;font-size:0.8rem;text-align:center}
.marquee {
  color: white;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.marquee p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 25s linear infinite;
}
@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}
.typo-oranger {color:#F08700;font-weight:bold}
.dark-section .sppb-title-subheading {color:#fff}
#sp-bottom {background:#131220!important;padding:30px 0 0}
#sp-bottom .sppb-addon-content,
#sp-bottom .sppb-optin-form-details {color:#B1B1B1;font-size:14px;text-align:justify}
#sp-bottom a {color:#B1B1B1!important;}
.horizontal-mnu ul>li>a {
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
	line-height:20px;
	color:#fff
}
.horizontal-mnu.sp-module ul>li>a:hover, .sp-megamenu-parent .sp-mega-group>li>a:hover {
	color:#0056A3;
}
.horizontal-mnu.sp-module .menu-child a{
	color:#252525;
}
.horizontal-mnu.sp-module .menu-child a:hover {
	color:#F08700;
}
.horizontal-mnu .sp-module-content>ul {
  display: flex;
  padding:0;
  list-style: none;
  margin:0;
}

.horizontal-mnu li {
  margin: 0;
}

.horizontal-mnu a {
  display: block;
  padding: 5px 15px;
  text-decoration: none;
  color: #fff;
}

/* Style the dropdown */
.horizontal-mnu .sp-module-content>ul .menu-parent {
  position: relative;
}
.horizontal-mnu .sp-module-content>ul .menu-parent>a:after{content:"";font-family:"Font Awesome 5 Free";float:right;    margin-left: 7px;
    font-weight: 900;}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.horizontal-mnu .sp-module-content>ul .menu-child {
  display: none;
  border-top: 3px solid #0345bf;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 5px 10px;
  position: absolute;
  z-index:100;
  top: 100%;
  left: 0;
  background-color: #fff;
  animation: fadeIn 0.3s ease-in-out;
}
.horizontal-mnu .sp-module-content>ul .menu-child li {padding:0}
.horizontal-mnu .sp-module-content>ul .menu-parent:hover .menu-child {
  display: block;
}
#sp-header.lg-header #sp-logo{order:inherit}
#sp-header {height:inherit}
.header-sticky .main-menu-row {display:none}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {line-height:inherit}
#sp-bottom .sp-module ul>li {margin-bottom:5px}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding:10px 20px}
.sp-megamenu-parent .sp-mega-group>li>a {margin:0; padding:5px 15px;}
.header-multi-row .header-modules {float:inherit}
.sppb-btn-small {
	font-size:13px!important;
	line-height:20px;
}
.sppb-btn-outline {
	border: 1px solid #F08700;
}
.sppb-btn-outline:hover {
	border: 1px solid #0056A3;
}
.btn-oranger {
	background:#F08700;
	color:#fff;
}
.btn-oranger:hover {
	background:#03BEFF;color:#fff;
}
.awesomplete > ul {z-index:1000}
.mnu-header-bg {
	padding:10px 0;
background: linear-gradient(180deg, #0056A3 2.1%, #002A5E 86.17%);
}
.logos-area.wshadow {
box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.73);
-webkit-box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.73);
-moz-box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.73);
}
.logos-area {
	padding:10px 0;
}
.logos-area .mod-banners.bannergroup {display: flex;
    justify-content: center;
    align-items: center;
gap: 20px;}
.header-sticky .mnu-header-bg {display:none}
.sppb-btn-lg, .sppb-btn {border-radius:100px}

/* css formular */
span.label {
    color: #ff7400;
    font-size: 1.33em;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px;
}
span.desc1 {
font-weight: bold;
    color: #333;
}
span.desc2 {
    font-weight: 400;
    color: #333;
    font-size: smaller;
}
button#button_28, button#button_15, button#button_19, button#button_12, .button  {
    background: #ff7400 !important;
  border:transparent  !important;
    color: #fff !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
    border-radius: 35px !important;
  margin-top:30px;
}
button#button_28:hover,button#button_15:hover, button#button_19:hover,button#button_12:hover, .button:hover {
    background: #03BEFF !important;
    }
#chronoform-contact-form {
    display: flex;
    flex-direction: row;
}
#chronoform-contact-form a {
    display: none;
}
span.desc1 a {
    display: inline-flex !important;
}
#chronoform-contact-form h2.sppb-title-heading {
    text-align: center;
    margin-bottom: 20px;
}
#chronoform-contact-form .img-cotact {
  display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 30px;
}
#chronoform-contact-form .div-form {
    display: flex;
    flex-direction: column;
    width: 51%;
    flex-wrap: nowrap;
    align-items: flex-start;
}
#chronoform-contact-form .field.holder {
    width: 100%;
}
/* css tabs */

.tabs-recherche .sppb-tab-content {
    display: block;
    width: 100%;
}
.tabs-recherche .sppb-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}
.tabs-recherche .sppb-addon-content.sppb-tab.sppb-modern-tab.sppb-tab-nav-left {
    margin-top: -53px;
    margin-right: -8px;
}
.tabs-recherche h3.sppb-addon-title {
    position: relative;
    text-transform: uppercase;
    margin: 0 !important;
    color: #fff;
    font-weight: 500;
}
  .tabs-recherche .sppb-nav-modern>li.active>a, .sppb-nav-modern>li.active>a:focus, .sppb-nav-modern>li.active>a:hover {
    color: #ffff !important;
    background-color: #f08700 !important;
    border-color: transparent !important;
    cursor: default;
}
  .tabs-recherche .sppb-nav-modern>li>a {
    background: #5a5c5c !important;
    color: #a9aaab !important;
    border: transparent !important;
  font-size: 18px !important;
}
  .tabs-recherche div#sppb-tab1-1 {
    background-image: url(/images/2024/07/09/pneu.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
      background-position: bottom !important; 
/* background-position: 187px 121px !important;*/
    background-size: 47% !important;

}
  .tabs-recherche div.pneu1 {
    background-image: url(/images/2024/07/11/pneu205.png) !important;

}  
.tabs-recherche div.pneu2 {
    background-image: url(/images/2024/07/11/pneu65.png) !important;

}  
.tabs-recherche div.pneu3 {
    background-image: url(/images/2024/07/11/pneu15.png) !important;

}

.sppb-col-md-6:has(.class-brochure) {
    padding-left: 0px !important;
}
.class-brochure {
    border-radius: 25px 0 0 25px;
}
.contact-votre-agence, .agence-mobile{
    text-transform: uppercase;
    font-size: 1.7em;
    font-weight: 600;
}
.contact-votre-agence{
   color: #3c3c3b;
}
.agence-mobile{
    color: #f06d08;
}

.fixngo {
    font-size: 2.8em;
      margin-top: -18px;
}
.btn-appel {
    border-radius: 25px !important;
    background: #0080c9 !important;
  border:0px !important;
}
.btn-appel:hover {
    background: #f06800 !important;
}
.sppb-addon-table-main tbody tr {
    background: #fff !important;
    border: none;
}
.cta .sppb-addon-single-image-container:hover img.sppb-img-responsive.lazyloaded {
    width: 125px;
}
.cta a h3 {
    color: #fff !important;
}
.sppb-articles-carousel-img {
    width: 90%!important;
    border-radius: 10px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
}
.article-intro-image.float-left {
    align-items: center;
    justify-content: center;
    display: flex;
}
.article-list .article .article-header h2 {
    margin: 0.5rem 0 1.25rem 0;
}
.sppb-addon-image-layout-content.sppb-text-alignment {
    background: transparent;
}
#column-id-1725005951644 {
    border-radius: 20PX 0 0 20px;
}

.rdv-atelier {
    background: linear-gradient(#00509a, #002a5e);
    border-radius: 15px;
    padding: 10px;
    width: 75%;
    margin: auto;
    color: #fff;
}
.rdv-atelier p {
margin-bottom: 5px;
    text-transform: uppercase !important;
    margin-left: 20px;
    font-style: italic;
    font-weight: 700;
    font-size: 0.9em;
    line-height: 1.3em;
}
.rdv1 p{
  text-align: right;
  
}
.rdv1 {
    margin-right: 8%;
}
.rdv1 p:first-child{
    color: #f06800;
    font-weight: 600;
    font-style: italic;
    line-height: 1em;
    padding-top: 45px;
    text-transform: uppercase;
    font-size: 0.9em !important;
}
.rdv1 p:last-child{
    color: #000;
    font-weight: 400;
    font-style: italic;
    line-height: 1em;
    padding-bottom: 32px;
    font-size: 0.9em !important;
}
.rdv1 p a {
    text-decoration: none !important;
}
div#sppb-addon-1725006937614 {
    width: 76% !important;
    margin: auto;
}
   .div-map { 
	margin: auto !important;
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}
.div-map .sppb-col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}
.titre-center h5 , .titre-center h2, .sppb-addon-accordion .sppb-panel-faq .sppb-panel-heading .sppb-panel-title{
    color: #0056a3 !important;
}
i.fa.fa-chevron-right {
    color: #fff;
    background: #0056a3 !important;
    padding: 8px 10px;
    border-radius: 40px;
    font-size: 15px;
}
.sppb-addon-accordion .sppb-panel-faq .sppb-toggle-direction i.fa-chevron-right {color:#fff}
span.sppb-panel-title {
    color: #f08700;
    font-weight: 700;
	font-size:18px
}
.sppb-addon-accordion .sppb-panel-faq .sppb-panel-heading.active .sppb-panel-title {
	    color: #f08700!important;
}
.sppb-addon-accordion .sppb-panel-faq .sppb-panel-heading.active .sppb-toggle-direction i.fa-chevron-right{
	background: #f08700 !important;
}
/* div map js*/
#map {
  height: 100%;
}

/* fin div map js*/
@media (min-width:1386px){
  .rdv1 {
    margin-right: 12%;
}
.tabs-recherche div#sppb-tab1-1 {
       /* background-position: 178px 131px !important;*/
        background-size: 38% !important;
    }
}

@media (max-width:1199px){
#sppb-addon-wrapper-1720517731740, #sppb-addon-wrapper-1720518949198 {
    margin: 0px 1% 30px 1% !important;
}
  #sppb-addon-wrapper-1720519511118 {
    margin: 0px 1% 0px 0%!important;
}
 .tabs-recherche div#sppb-tab1-1 {
   /* background-position: 61px 136px !important;*/
    background-size: 48% !important;
    }
  .h3, h3 {
    font-size: calc(1.3rem + .4vw);
}
  .rdv1 {
    margin-right:7%;
}
  .rdv1 p:first-child, .rdv-atelier p, .rdv1 p:last-child{
    font-size: 0.8em !important;
}
}

@media (max-width:991px){
  .col-down-app1 {
    margin-left: 15px;
    margin-right: 15px;
    width: 96% !important;
}
  .col-down-app {
    padding-left: 15px;
}
  .div-centres .sppb-col-md-6 {
    margin-bottom: 40px;
}
    .sppb-col-md-6:has(.class-brochure) {
        padding-left: 0px !important;
        height: 330px;
        padding-right: 0px !important;
    }
  .appel-action .sppb-col-md-4 {
    margin-bottom: 30px;
}
      .class-brochure {
        border-radius: 25px 25px 0 0;
    }
    .class-brochure {
    border-radius: 25px 25px 0 0 !important;
}
 #section-id-1724771892744 .sppb-row, div#section-id-1725005951643 .sppb-row {
    margin-left: 0px;
    margin-right: 0px;
}
  #sppb-addon-1725006937614 .sppb-addon.sppb-addon-raw-html {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 31%;
    margin-top: 3%;
}
.rdv-atelier{
    width: 60%;
}

  div#sppb-addon-1725006937614 {
    width: 95% !important;
    margin: auto;
    padding: 19px;
}
  .rdv1 p{			
    text-align: right;
    margin-right: -60px;
    
}
.rdv1 p:first-child, .rdv-atelier p, .rdv1 p:last-child{
    font-size: 1.1em !important;
}  
}


@media (max-width:767px){
  .sp-page-builder .page-content #section-id-1727864455431 {
    width: 100% !important;
    max-width: 100% !important;
}

  #sp-main-body {
    padding: 40px 0;
}
  #chronoform-contact-form {
    display: block;
}
  #chronoform-contact-form .div-form {
    width: 100%;
    margin-top: 30px;
}
  .tabs-recherche h3.sppb-addon-title {
    top: 0px !important;
}
    .tabs-recherche div#sppb-tab1-1 {
	background-position: 38px 340px !important;
    background-size: 73% !important;
}
  .tabs-recherche div#sppb-addon-1720519511118 {
    padding-right: 0px;
    position: relative;
    top: 15px;
} 
  .tabs-recherche .sppb-addon-content.sppb-tab.sppb-modern-tab.sppb-tab-nav-left {
    margin-top: 0px;
    margin-right: 0px;
}
  .sppb-col-md-6:has(.class-brochure) {
    padding-left: 0px !important;
    height: 330px;
    padding-right: 0px !important;
}

  .tab-btn td:before{
    display:none !important;
}
 .button {
		margin-bottom: 15px;
        margin-top: 60px !important;
}
 .cta .sppb-col-md-4 {
    margin-bottom: 15px;
}
  .rdv1 {
    margin-right: -25%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-end;
}
.rdv-atelier {
    width: 80%;
}

}
@media (max-width:480px) and (min-width:453px){
  .tabs-recherche div#sppb-tab1-1 {
       background-position: 39px 340px !important;
        background-size: 76% !important;
    }
.sppb-text-right {
    text-align: center !important;
}
 .button {
		margin-bottom: 15px;
        margin-top: 30px !important;
}
  .cta .sppb-column {
    padding: 10px !important; 
}
        div#sppb-addon-1725006937614 {
        width: 80% !important;

    }  
}
  @media (max-width:469px){
   .sppb-nav-modern>li {
    width: 100% !important; 
} 
    .tabs-recherche div#sppb-tab1-1 {
        background-position: 18px 385px !important;
        background-size: 85% !important;
    }
}



@media (max-width:452px){
   .sppb-nav-modern>li {
    width: 100% !important;} 

.sppb-text-right {
    text-align: center !important;
}
    .tabs-recherche div#sppb-tab1-1 {
        background-position: 78% 86% !important;
        background-size: 109% !important;
    }
    .cta .sppb-column {
    padding: 10px !important; 
}
  .rdv1 p {
        margin-right: -40px;
    }
      div#sppb-addon-1725006937614 {
        width: 80% !important;

    }
}
@media (max-width:320px){

     .sppb-nav-modern>li {
    width: 100% !important;} 
    .tabs-recherche div#sppb-tab1-1 {
background-position: -23px 396px !important;
        background-size: 109% !important;
    }
   .tabs-recherche  a#btn-1720519511118 {
    margin-top: 7px;
}
  .cta .sppb-column {
    padding: 10px !important; 
}
.contact-votre-agence, .agence-mobile {
    font-size: 1.2em;
} 
    .rdv-atelier {
        width: 95%;
    }
     .rdv1 {
        margin-right: -40%;
    }
div#sppb-addon-1725006937614 {
        width: 100% !important;

    }
      .rdv1 p:first-child, .rdv-atelier p, .rdv1 p:last-child {
        font-size: 0.8em !important;
    }
}
.article-full-image {text-align:center}
body.view-article #sp-main-body {padding-top:0}
.article-details .article-full-image img {border-radius:0}
#sp-page-builder .page-content .sppb-section:first-child {
    padding-top: 0;
}
.article-details .article-ratings-social-share {padding:5px 0}
.article-details .article-full-image {margin-bottom:0}
.article-list .article .article-intro-image {display: flex;justify-content: center;}
.sppb-img-container.img-holder {display: flex!important;justify-content: center;}
#column-id-1670913955162 ul.menu {max-height:350px;overflow:auto}
#column-id-1670913955162 ul.menu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #000000;
}

#column-id-1670913955162 ul.menu::-webkit-scrollbar
{
	width: 5px;
	background-color: #000000;
}

#column-id-1670913955162 ul.menu::-webkit-scrollbar-thumb
{
	background-color: #F5F5F5;
	border: 2px solid #555555;
}
.pagination-wrapper .pagination .disabled {display:none}
.sppb-addon-articles-carousel .bx-wrapper {margin-bottom:0}
.burger-icon>span {background-color:#fff}
.offcanvas-menu {background-color: #005bab;}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {color: #fff;}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #f08700;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {color:#fff}
.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: rgb(255 255 255 / 50%);
}
.close-offcanvas {top:15px}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {background-color: #fff;}
.offcanvas-menu .offcanvas-inner .sp-module, .offcanvas-menu .offcanvas-inner .sp-module .awesomplete {width:100%}
.offcanvas-menu .logo-image {display:none!important}
.offcanvas-menu .logo-image-phone {display:inline-block!important}
.sppb-row:has(#column-wrap-id-1737150113232){justify-content: center;}
.djslider-default.img-vcenter img.dj-image {width:auto!important;height:100%!important;margin:0 auto!important}
@media (max-width: 991px) {
    .sppb-col-md-6:has(.class-brochure) {
		height:498px!important;
	}
}