:root {
    --color0: #ffffff;
    --color1: #d6b324;
    --color2: #090074;
    --color3: #000000;
    --color4: #f4f4f4;
    --font3: 'Open Sans',sans-serif;
    --font2: 'Montserrat-Bold',sans-serif;
    --radius: 5px;
    --bg_facultatif: #fffae6;
}
body{overflow-x: hidden;}
.nopad,.nopad-l {
    padding-left: 0
}

.modal-content input[type=number],.nopad,.nopad-r {
    padding-right: 0
}

.news.newsList article.item {
    padding: 2em;
    margin-bottom: 5%;
    background: var(--color0);
    box-shadow: 10px 10px 50px #0000000f;
}

.img-home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: var(--radius);
}

.img-home {
    position: relative;
    overflow: hidden;
    padding-left: 5%;
    height: 600px;
}

.col-lg-6.col-md-6.col-sm-12.col-xs-12.nopad.nopad-sm.nopad-xs.hide-print.formulaire {
    padding: 4% 0% 2% !important;
}

.noflicker,.transition {
    -webkit-transform: translateZ(0)
}

body,hr.trait,ol,ul {
    padding: 0
}

.atouts,.bloc-atout,.callTracker,.introBg,.nosServicesBg,.relative,.service-description .link-with-line {
    position: relative
}

.cat-liste .btn-filtrer .init-filtres:hover,.cat-produit .btn-retour:hover,.coordonnees address p a:hover,.fil-arianne a:hover,.h1 a:hover,.h2 a:hover,.h3 a:hover,.pied .copyright-fd a:hover,.pied .copyright-footer a:hover,.pied .navf .menu_footer li a:hover,.pied address p a:hover,.propositions-marques .marques a:hover,.tete .favoris a.btn-favoris:hover,.underline,a,a:link,a:visited,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
    text-decoration: underline
}

.slogan,a.accueil-plus,body {
    font-family: var(--font3)
}

.bannSwiper.swiper-container-horizontal {height: 90vh;overflow: hidden;}

.menu-mobile-dynamique li a,.nav-item {
    -webkit-tap-highlight-color: transparent;
}

#left_label_mail,#left_label_name {
    margin-left: 200px;
    color: #8c8c8c;
    opacity: .3;
    margin-top: -20px;
    padding-bottom: 5px
}
.service-content:hover .service-image img,body,html {
    height: 100%
}

a {
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.bootstrap-timepicker-widget table,.bootstrap-timepicker-widget table td,.bootstrap-timepicker-widget table th,.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker table,a img,iframe {
    border: none
}

img {
    max-width: 100%
}

.atout-desktop .atout-item img {
    height: 75px;
    max-width: fit-content;
    filter: brightness(0.5) brightness(0.5) brightness(0.5) brightness(0.5) brightness(0.5);
}

ol,ul {
    list-style: none inside
}

ol li,ul li {
        background: url(../images/ico-puce2.png) 0 8px no-repeat;
    padding: 0 0 0 25px;
}
.cat-produit .item-description li{background: url(../images/ico-puce2.png) 0 center no-repeat !important;}

dir,menu {
    padding-left: 15px
}

blockquote p {
    font-size: inherit
}

table,table td,table th {
    font-size: inherit;
    border: 1px solid #7c7c7c
}

.horaire-table tr td {
    color: var(--color3);
    text-align: left;
}

footer .horaire-table tr td {
    color: var(--color0);
    line-height: 1.7;
}

.cat-produit .cont-miniatures:hover .precedent-miniatures,.cat-produit .cont-miniatures:hover .suivant-miniatures,.cat-produit .cont-sliderthumb:hover a.customLinkThumb[data-target=next],.cat-produit .cont-sliderthumb:hover a.customLinkThumb[data-target=prev],.modal-content .horaires span,.prestation .cell.texte .contenu ul li .bouton-principal,.services .cell.droite .contenu ul li .bouton-principal,.submenu-active,article,aside,footer,header,hgroup,main,nav,section {
    display: block
}

section.section.reservation {
    padding: 5% 10%;
}

footer#footer {background: var(--color2);padding-top: 0em;}

.cat-liste {
    min-height: 640px
}

[data-anim] {
    opacity: 0
}

.row {
    margin-right: 0!important;
    margin-left: 0!important
}

.row.contactForm {
    background: var(--color4);
    position: relative;
}

.row.relative.nav-top {
    display: flex;
    align-items: center;
}

.row.relative.nav-top .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.row.map-home {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    grid-gap: 0;
    /* display: none; */
}

.row.map-home:before {
    display: none;
}

.row.relative.header {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.row.relative.header:before,.row.relative.header:after {
    display: none;
}

.cat-liste #filtres p,.cont-slider .haut .gauche h3,.nomargin {
    margin: 0
}

#contactMessage,.cat-produit .controlsthumb ol li a span,.cont-slider .controls,.contact .formulaire .form-group .col-md-4,.hide,.menu_referencement li:first-child:before,.sidebar-form2,.submenu {
    display: none
}

.alert-success,.center,.modal h2 {
    text-align: center
}

.cat-produit .fluid-filtres,.right {
    text-align: right
}

.justify {
    text-align: justify
}

.clear:after {
    content: '';
    display: block;
    clear: both
}

.bold,.coordonnees address p span.intitule {
    font-weight: 700
}

.cat-produit .favoris,.inline-block {
    display: inline-block;
    vertical-align: top
}

.gallery .ligne-photos,.retrait {
    margin-left: -15px!important;
    margin-right: -15px!important
}

.transition {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cover {
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important
}

.footerBg02 {
    background: var(--color2);
}

.row.bande1 h3:before {
    background: var(--color1);
    height: 1px;
}

.footerBg02 .container {
    padding: 0%;
}

hr.trait {
    height: 1px;
    margin: -.5em 0;
    color: #e0e0e1;
    background-color: #e0e0e1;
    border: 0
}

.body-page-1 .page-contenu p {
    text-align: justify;
}

.page-contenu img {
    margin: 10px
}


.atout-item, .slogan {
    display: flex;
    color: var(--color3);
    line-height: 1.7;
}

.row.bande1 {
    color: var(--color0);
}

.flex-address {
    display: flex;
    gap: 5px;
}

.row.bande1 i {
    color: var(--color1);
    padding-right: 8px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--color1) !important;
}

.container {
    max-width: 100%;
    width: 100%;
    padding: 1% 10%;
}
.row.page.clear.node-1.homepage {
    padding-bottom: 2em;
}
body.body-service .gallery h2{font-size: 20px;}
body.body-service .gallery h3{font-size: 18px;}
body.body-service .gallery h4{font-size: 16px;}
body.body-service .gallery h5{font-size: 14px;}
body.body-service .gallery h6{font-size: 12px;}
@media (min-width: 1200px) {

body > div.main-page > main > div.container.nopad > div > div > div.zone-recherche.col-lg-6.col-md-6.col-sm-6.col-xs-12 > div.container {
    padding: 0% 0 0 12%;
}
}

body {
    width: 100vw;
    margin: 0;
    color: var(--color3);
    font-size: 16px;
    background: var(--color0);
    letter-spacing: .5px;
    line-height: 1.7;
}

span.t-hours {
    font-size: 22px;
    font-family: var(--font2);
}

.theReservationText {
    background: var(--color4);
    padding: 10%;
}

.theReservationText p strong {
    font-size: 22px;
    font-family: var(--font2);
    font-weight: 100;
}

.modal-dialog {
}

.news.newsList.term-3 .col-md-6 {
}

.news.newsList article.item .h h2 {
    margin: 10px 0;
    line-height: 1.5;
    min-height: 90px;
}

.news.newsList article.item .h h2 a {
    color: var(--color2);
}

.news.newsList article.item .h h2 a:hover {
    text-decoration: none;
}

.news.newsList article.item p.date_post {
    margin-bottom: 0;
}

.gallery .service-left .ligne-photos.centerservice div.col-md-12 {
    height: 100%;
    width: 33%;
}

.service-display {
    display: flex;
    gap: 40px;
    flex-direction: column;
}
.service-right{
    width: 100%;
    min-height: auto;
}
.service-left{}

.gallery .service-left .ligne-photos.centerservice {
    margin: 0 !important;
    padding: 0;
    width: 100%;
    height: 100%;
}

.row.ligne-photos.retrait.twofile{
    display: grid;
    margin: 0 !important;
    gap: 20px;
}

.row.ligne-photos.retrait.twofile div.col-md-6 {
    width: 100%;
    height: 250px;
}
.row.ligne-photos.retrait.threefile{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "img1 img2"
        "img3 img3";
    height: 100%;
    grid-gap: 20px;
}

.row.ligne-photos.retrait.threefile:before {
    display: none;
}
.threefile div.col-md-4:nth-child(1){grid-area: img1}

.gallery .ligne-photos.threefile div.col-md-4,.gallery .ligne-photos.fourfile div.col-md-3 {
    height: 100%;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}
.threefile div.col-md-4:nth-child(2){grid-area: img2}
.threefile div.col-md-4:nth-child(3){grid-area: img3}
.fourfile{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 250px 250px;
    grid-template-areas:
        "img1 img2"
        "img3 img4";
    height: 100%;
    grid-gap: 20px;
}

.row.ligne-photos.retrait.fourfile:before {
    display: none;
}
.fourfile div.col-md-3:nth-child(1){grid-area: img1}
.fourfile div.col-md-3:nth-child(2){grid-area: img2}
.fourfile div.col-md-3:nth-child(3){grid-area: img3}
.fourfile div.col-md-3:nth-child(4){grid-area: img4}
.vendu {
    background: var(--color1);
    color: #fff;
    padding: 3px 10px;
    text-align: center;
    font-size: 15px;
    position: absolute;
    z-index: 9999;
    top: 20px;
    left: -9px;
}

span.vendu:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    background: #000000;
    left: 0px;
    top: -5px;
    clip-path: polygon(0 95%, 100% 0, 100% 100%, 0% 100%);
}

.list-services {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    justify-content: space-between;
}

body.body-contact .fluid-contenu {
    padding-top: 0;
}

.row.map-home .img-zone {
    position: relative;
    display: block;
    height: 600px;
}

.recup-photos .propor .propor-cont img,.recup-photos .propor .propor-cont {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .3s linear;
}

.recup-photos .propor .propor-cont:hover img {
    transform: scale(1.2);
}

.realisations {
    position: relative;
    padding: 4% 10% 4%;
    background: var(--color0);
}

.realisations .contenu h2.h1 {
    text-align: center;
    margin-bottom: 50px;
}

.realisations .contenu h2.h1:before {
    left: 50%;
    transform: translate(-50%);
}

.actus {
    position: relative;
    padding: 4% 10% 2%;
}

.home-text.scrollbars {
    height: 400px;
}

.banniere-interne {
    position: relative;
    height: 55vh;
}

.banniere-interne:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #00000061;
    z-index: 1;
}

.banniere-interne .slogan {
    top: 270px;
}

.banniere-interne img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.bannSlide {
}

div#map {
    width: 100%;
    position: relative;
    height: 350px;
}

div#map iframe {
    height: 100%;
}

.atout-img {
    position: relative;
    z-index: 99;
    grid-area: img;
    /* mix-blend-mode: darken; */
    padding: 0% 2%;
}

.atout-img:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background: #545454;
    /* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */
    z-index: 0;
    mix-blend-mode: color-dodge;
    /* left: calc(100% - 100px); */
    top: 0%;
    transition: all .3s linear;
    /* animation: cleanup 3s alternate-reverse infinite; */
}
@keyframes cleanup{
    from{width: 0%;}
    to{width: 100%;}
}

.atout-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius);
}

.atout-items {
    display: grid;
    grid-gap: 1vw;
    grid-template-columns: 2fr 2fr;
    grid-template-areas:
        "i1 img"
        "i2 img"
        "i3 img"
        "i4 img"
        "i5 img";
    width: 100%;
    padding: 0;
    align-items: stretch;
}

.atout-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.atout-container .h1,.introBg .h1 {
    width: 100%;
    display: inline-block;
    color: var(--color2);
    text-align: center !important;
}

.atout-container .h1 {
    color: var(--color2);
    margin-bottom: 60px;
}

.atout-desktop {
    display: grid;
    position: relative;
    background: var(--bg_facultatif);
    padding: 5em 15% 7em;
    grid-gap: 50px;
}

p.copyright-footer {
    text-align: center;
    padding: 5px 0 0;
    margin: 0;
}

.atout-item {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding: 4vw 4vw;
    text-align: left;
    border: 1px solid #f3df8c;
    min-height: 28vh;
    font-size: 16px;
}

.atout-item img {height: 60px;}

.atout-item span {font-family: var(--font2);font-size: 20px;}

.atout-desktop .atout-item span {
    font-size: 1.1vw;
    opacity: 1;
    transition: all .3s linear;
    color: var(--color3);
    font-family: var(--font2);
}


.atout-desktop .atout-item:hover span {
    opacity: 1;
}

.atout-desktop .atout-item {border: 1px solid transparent;padding: 1vw 1vw;align-items: center;text-align: left;border: 1px solid #00000029;flex-direction: row;justify-content: flex-start;gap: 20px;border-radius: var(--radius);transition: all .3s linear !important;min-height: 12vh;}

.atout-desktop .atout-item:hover {
    background: var(--color0);
    box-shadow: 1px 1px 20px #0000000f;
    border-color: transparent;
}
.atout-desktop .atout-item:nth-child(1){
    grid-area: i1;
    /* clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%); */
}

.atout-desktop .atout-item:nth-child(4), .atout-desktop .atout-item:nth-child(5), .atout-desktop .atout-item:nth-child(6) {
}
.atout-desktop .atout-item:nth-child(2){
    grid-area: i2;
    /* clip-path: polygon(0 0, 90% 0, 90% 100%, 0 100%); */
}
.atout-desktop .atout-item:nth-child(3){
    grid-area: i3;
    /* clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%); */
}
.atout-desktop .atout-item:nth-child(4){
    grid-area: i4;
    /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%); */
}
.atout-desktop .atout-item:nth-child(5){
    grid-area: i5;
    /* clip-path: polygon(10% 0, 100% 0, 100% 99%, 10% 100%); */
}
.atout-desktop .atout-item:nth-child(6){
    grid-area: i6;
    /* clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%); */
}
.atout-desktop .atout-item:hover {
}

.atout-desktop .atout-item p {
    /* display: none; */
    font-size: .9vw;
    font-weight: 100;
    opacity: .7;
    color: var(--color3);
}

.atout-desktop .atout-item:hover p {
    opacity: 1;
}

.atout-item i {
    font-size: 35px
}

.atouts {
    padding: 10% 10% 8%;
    background: var(--bg_facultatif);
}

.img-reser {
    width: 50%;
    height: 70vh;
    border-radius: var(--radius);
}

.cat-produit .cont-sliderthumb img,.consultes .item .tableau,.modele-liste .item .tableau,.service-content:hover .service-description .link-with-line .red-line,.slogan,.sudo-slider,.sudo-slider img,.sudo-slider>div,.zone-favoris .item .tableau,div#map iframe {
    width: 100%;
}

.img-reser img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* transform: rotateY(180deg); */
    border-radius: var(--radius);
}

.row.bande1 {
    justify-content: space-evenly;
    padding: 3% 10% 5vh;
    z-index: 1;
    position: relative;
}

.row.bande1 ul li a {
    text-decoration: none;
    color: var(--color0);
}
.row.bande1 ul li a:hover,.row.bande1 ul li.active a{color: var(--color1);}
.row.bande1 h3 {
    font-size: 22px;
    font-family: var(--font2);
    padding-bottom: 10px;
    text-align: left;
    text-transform: initial;
    color: var(--color1);
    letter-spacing: 0;
    margin-bottom: 20px;
    font-weight: 100;
}

.row.bande1 h3:before {
    transform: translate(0) skewX(-34deg);
    left: 0
}

.introBg {
    background: var(--bg_facultatif);
    padding: 4% 10% 5em;
    text-align: left;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 50px;
}

.img-zone img {
    transform: rotateY(180deg);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zone-container {
    padding: 0;
}

.zone-container div.text-center {
    top: 30px;
    position: relative;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.zone-container .col-lg-12 {
    padding: 0;
}

.cat-produit .sudo-slider-thumb,.consultes,.consultes .item-bas,.zone-container .col-lg-10,.zone-favoris .item-bas {
    padding: 0
}
.nosServicesBg {
    padding: 5em 10% 5em;
    background-size: cover;
    background: var(--color0);
}
.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal a {
    color: var(--color0);
    text-align: center;
}

.cta {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: stretch;
    column-gap: 10px;
    justify-content: flex-start;
    height: 100%;
    margin: 1em 0;
    font-weight: 100;
}

.cta a.bouton-principal:after {
    display: none;
}

.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal {
    text-align: left;
    color: var(--color0);
    text-decoration: none;
    margin: 0 0 0;
    display: inline-grid;
    border: 0;
    overflow: hidden;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
    background: var(--color1);
    border-radius: var(--radius);
}

.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal:hover {
    background: var(--color2);
}

.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal span {
    text-align: center;
    min-width: auto;
}

.cta a.bouton-principal, button.bouton-principal, .cta .tel-header {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 14px 22px !important;
    background: var(--color1);
    backdrop-filter: blur(4px);
    transition: all .3s linear;
    color: var(--color0);
    text-decoration: none;
    border-radius: var(--radius);
}

.cta a.bouton-principal:hover, button.bouton-principal:hover, .cta .tel-header:hover {
    background: var(--color2);
    color: var(--color0);
    box-shadow: 3px 2px 15px 15px #ffffff26;
}
.slogan {
    position: absolute;
    top: calc(35% + 50px);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    z-index: 11;
    width: 80%;
    left: 50%;
    transform: translate(-50%);
}

.slogan .titre {
    font-size: 4em;
    font-family: var(--font2);
    font-weight: 900;
    color: var(--color0);
    text-transform: uppercase;
    font-style: italic;
}

a,a:link,a:visited {
    color: var(--color1)
}

.sitemap a {
    color: var(--color3);
    text-decoration: none
}

.navh .menu_principal>li a:hover, .navh .menu_principal a:hover, .navh .menu_principal li.active>a, a.link-cms:hover, a:hover,.tete.fixed .navh .menu_principal>li a:hover,.tete.fixed .navh .menu_principal a:hover,.tete.fixed .navh .menu_principal li.active>a {
    color: var(--color1);
}



.navh .menu_principal .sub-menu li.active>a,header.hide-print.tete.hidden-sm.hidden-xs.fixed .navh .menu_principal .sub-menu a:hover, header.hide-print.tete.hidden-sm.hidden-xs.fixed .navh .menu_principal .sub-menu li.active>a {
    color: var(--color1);
}

.h1,.h2,.h3,h1,h2,h3,h4,h5,h6 {
    color: var(--color1);
    font-family: var(--font2);
    text-transform: uppercase;
    line-height: 1.7;
    font-style: italic;
}

.h1,.tabb2 .cell .contt h2,h1 {
    color: var(--color2);
    font-size: 40px;
    padding: 0 0 15px;
    margin-bottom: 30px;
    text-align: center;
    font-family: var(--font2);
    font-weight: 900;
    position: relative;
    margin-top: 0;
    padding-top: 0;
}

.actualites .cell.texte h2.h1.sans-image {
    color: var(--color2);
}

.slogan h1 {
    color: var(--color1);
    font-size: 3.5em;
    margin: 0;
    line-height: 1.5;
    padding: 0;
    text-shadow: 10px 10px 40px #000;
}

.slogan p {
    font-size: 1.2vw;
    line-height: 1.5;
    color: var(--color0);
    letter-spacing: 1px;
}

.slogan h1:before,.slogan h1:after {
    display: none;
}

.coordonnees address p.tel span,.pied .callTracker span.t_affiche {
    font-weight: 700;
    text-decoration: underline
}

.h1:before, h1:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 1px;
    background: var(--color2);
    bottom: 0;
    transform: translate(-50%);
    left: 50%
}

.atout-container .h1:before,.introBg .h1:before {
    left: 50% !important;
    transform: translate(-50%) !important;
}

.body-garage-item h1 {
    font-size: 20px;
    line-height: 30px;
    padding: 0 0 30px;
    margin-bottom: 20px;
    text-align: center
}
.pageseo .formulaire .form-group input[name=captcha] {
    width: 100%!important;
    margin-right: 0!important;
    text-align: left!important
}

.pageseo .formulaire .form-group input[name=captcha]+a {
    position: absolute;
    width: 140px;
    top: 0;
    right: 0;
    margin-right: 0!important
}

.flex-seoContain {
    position: relative;
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
}

.flex-seoContain .seo-content {
    width: 55%;
    padding-top: 1em
}

.flex-seoContain .seo-content h1,.flex-seoContain .seo-form h2.h1 {
    text-align: left
}

.flex-seoContain .seo-content h1:before,.flex-seoContain .seo-form h2.h1:before {
    left: 0;
    margin-left: 0;
    transform: translate(0)
}

.flex-seoContain .seo-form {
    width: 44%;
    padding: 1em 3% 3em;
    background: var(--bg-facultatif)
}

.img-seo img {
    border-radius: var(--border-radius);
    width: 100%;
    height: 100%;
}
.imagecont.noflicker.img1 {
    display: block;
    margin: 1vh 0 2vh;
    height: 30vh;
    overflow: hidden;
}

.flex-seoContain .seo-content img {
    width: 100%;
    height: 100%;
}
.corps .page-contenu h2:first-of-type, .corps .gallery h2:first-of-type , .corps .seo-content h2:first-of-type , .corps .newsItem h2:first-of-type {
    position: relative;
    padding: 3vh 2vw;
    font-size: calc(var(--taille_font) + .2rem);
    line-height: calc(var(--taille_font) + 1rem);
    border: none;
    font-weight: 100;
    z-index: 1;
    color: var(--color0);
}

.corps .page-contenu h2:first-of-type:before, .corps .gallery h2:first-of-type:before , .corps .seo-content h2:first-of-type:before , .corps .newsItem h2:first-of-type:before {
    content: '';
    position: absolute;
    background: var(--color1);
    width: 100%;
    height: 100%;
    opacity: 1.2;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: var(--radius);
}

.corps .page-contenu h2, .corps .gallery h2 , .corps .seo-content h2, .corps .newsItem h2 {
    margin-bottom: 2vh;
}
.corps blockquote {
    font-size: inherit;
    background: var(--bg-facultatif);
    border-radius: var(--border-radius);
    border: 0;
    padding: 3vh 2vw;
    margin: 3vh 0;
}
.body-page-1 .h1,.body-page-1 h1,.body-pageseo .h1,.body-sitemap .content ul,.description-services .h1,.flex-seoContain .seo-content h1,.flex-seoContain .seo-form h2.h1 {
    text-align: left
}

.actus p.h1.titre2 {
    text-align: center;
}

.description-services .h1, .AvisClientsBg .h1 {
    color: var(--color2);
    text-align: center;
}

span.titre-secondaire {
    display: block;
    text-transform: math-auto;
    color: var(--color1);
    font-size: 16px;
    font-family: var(--font3);
    letter-spacing: 2px;
    font-weight: 100;
    text-wrap: balance;
}

.body-page-1 .description-services span.titre-secondaire, .AvisClientsBg .h1 span.titre-secondaire {
    color: var(--color1);
}

.atouts h1 {
    text-align: center;
}

.atouts h1:before {
}

.body-page-1 .h1:before,.body-page-1 h1:before {
    left: 0;
    transform: translate(0)
}

.body-page-1 .description-services .h1:before, .AvisClientsBg  .h1:before {
    left: 50%;
    transform: translate(-50%);
    background: var(--color2);
}

.actus p.h1.titre2::before {
    left: 50%;
    transform: translate(-50%);
}

.zone-recherche .container .contenu .h1.titre1:before {
    transform: skewX(-34deg) translate(-50%);
    left: 50%;
    bottom: -20px
}

.body-page-1 .atouts h1:before {
    left: 50%;
    transform: translate(-50%)
}

.h2,h2 {
    font-size: 24px
}

.h3,h3 {
    font-size: 20px
}

h4,h5,h6 {
    font-size: 17px
}

.h1 a,.h1 a:link,.h1 a:visited,.h2 a,.h2 a:link,.h2 a:visited,.h3 a,.h3 a:link,.h3 a:visited,h1 a,h1 a:link,h1 a:visited,h2 a,h2 a:link,h2 a:visited,h3 a,h3 a:link,h3 a:visited,h4 a,h4 a:link,h4 a:visited,h5 a,h5 a:link,h5 a:visited,h6 a,h6 a:link,h6 a:visited {
    font-size: inherit;
    color: var(--color1);
    text-decoration: none
}
a.link {
    text-decoration: underline !important;
    color: var(--color1) !important;
}
.sidebar-scroll-right .callTracker {
    width: 100%;
    height: 50px
}

.callTracker a,.callTracker span {
    display: inline-block;
    text-align: left;
    min-width: 145px;
    padding: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    height: 100%;
    text-decoration: none
}
span.telna {padding-top: 10px;}
.callTracker .t_phone,.callTracker.active .t_affiche {
    opacity: 0;
    display: none
}

.callTracker .t_affiche,.cat-liste #filtres>form select:hover {
    cursor: pointer
}

header .callTracker a,header .callTracker span {
    top: 5px
}


.callTracker.active .t_phone {
    opacity: 1;
    display: inline-block
}

.coordonnees .callTracker a,.pied .callTracker a {
    position: relative;
    left: 0
}

ol li.niveau2,ul li.niveau2 {
    margin-left: 30px
}

.main-page {
    position: relative;
    overflow-x: hidden;
    background: var(--color0)
}

.tete {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    right: 0;
}

.tete.fixed {
    box-shadow: 4px 4px 5px #0000000f;
}

.tete li a i {
    color: var(--color1);
    margin: 0 0 0 10px;
}

.tete i {
    margin: 0 10px;
}

.tete.fixed .fluid-haut i, .tete.fixed .fluid-haut .tel, .tete.fixed .fluid-haut .favoris a,.tete.fixed .fluid-haut .favoris {
}

.tete .fluid-haut {
    border-bottom: 1px solid #ffffff24;
    background: #0c0c0c00;
    backdrop-filter: blur(0px);
}
.tete.fixed .fluid-haut{
    background: var(--color1);
    border-bottom: 0;
}
.tete .logo-site {
    margin: 0;
    padding: 4px 0;
}

.tete .logo-site a {
    text-decoration: none;
}

.tete .logo-site span {
    font-family: var(--font2);
    font-size: 22px;
    color: var(--color2);
}

.encarts ul li,.tete .adresse,.tete .favoris,.tete .tel {
    padding: 0 0 0 30px
}

.tete .logo-site img {
    max-width: max-content;
    height: 60px;
    transition: all .3s linear;
}

.tete.fixed .logo-site img.logo2 {
    display: inline-block;
}

.tete .logo-site img.logo2,.tete.fixed .logo-site img.logo1 {
    display: none;
    transition: all .3s linear;
}

.tete .tel {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    color: var(--color0);
}

.coordonnees address p.tel a,.pied address p.tel a,.propositions-marques .marques a,.tete .tel a {
    color: inherit;
    text-decoration: none
}

.tete .adresse {
    display: inline-block;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.tete.fixed .fluid-haut p.adresse {
}

.tete .favoris {
    display: inline-block;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.tete {
    color: var(--color0);
    backdrop-filter: blur(10px);
}

header.hide-print.tete.hidden-sm.hidden-xs.fixed {
    background: var(--color0);
}

header.hide-print.tete div.container {
    width: 100%;
    max-width: 100%;
    padding: 5px 10%;
    position: relative;
    backdrop-filter: blur(0px);
    transition: all .3s linear;
    background: var(--color2);
}

header.hide-print.tete div.container:nth-child(2) {
    background: var(--color0);
}

header.hide-print.tete.fixed div.container:nth-child(2) {
    background: var(--color0);
}

.tete .favoris a.btn-favoris {
    text-decoration: none;
    color: var(--color0);
}

.deploy-right-sidebar span,.tete .favoris a.nombre_fav {
    color: var(--color0);
    text-decoration: none
}

.sidebar-right .favoris {
    color: var(--color0);
    font-size: 17px;
    padding: 18px;
    background: var(--color1);
    margin: 0;
    text-transform: uppercase
}

.sidebar-right .favoris a {
    display: inline-flex;
    font-size: 16px;
    color: var(--color0)!important;
    margin: 0 8px;
}

.sidebar-right .nombre_fav.btn-favoris.nombre_fav-block,.zone-favoris .item h2 a,.zone-favoris .item h3 a {
    font-size: 15px
}

.deploy-right-sidebar span {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    display: inline-block;
    background-color: var(--color2);
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    display: none;
}

.navh {
    margin: 0;
    z-index: 8000;
    padding: 0
}

.navh .menu_principal {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: center;
}

.navh .menu_principal>li {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 15px 0;
    background: 0 0;
    align-items: center;
}

li.menu-item.menu-item-service.menu-item-83 a:hover, li.menu-item.menu-item-service.menu-item-84 a:hover {
}

.navh .menu_principal a,.navh .menu_principal a:visited {
    color: var(--color3);
    font-size: 16px;
    text-decoration: none;
    text-transform: inherit;
    font-family: var(--font1);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    letter-spacing: 1.2px;
    margin: 0 15px;
}

.tete.fixed .navh .menu_principal a,.tete.fixed .navh .menu_principal a:visited {
    color: var(--color3);
}

header.hide-print.tete.hidden-sm.hidden-xs.fixedd .navh .menu_principal a, header.hide-print.tete.hidden-sm.hidden-xs.fixedd .navh .menu_principal a:visited {
    color: var(--color2);
}

.gallery .nav li.active a,.navh .menu_principal li.active>a:hover {
    cursor: default
}

.fluid-contenu {
    position: relative;
    z-index: 8001;
    margin: 0px 0 0;
}

.fluid-contenu {
    padding: 60px 0 4em
}
.body-page-1 .fluid-contenu {
    margin: 0;
    background: var(--color0);
    padding: 4em 0;
}

.body-page-1 .fluid-contenu .corps {
    padding: 40px 0 0em;
}

a.accueil-plus {
    display: inline-block;
    margin: 20px 0 0;
    text-align: center;
    padding: 15px 25px;
    transition: .4s;
    color: var(--color0);
    text-transform: inherit;
    font-size: 16px;
    text-decoration: none;
    background: var(--color1);
    border-radius: var(--radius);
}

a.accueil-plus:hover {
    background-color: var(--color2);
    text-decoration: none;
    color: var(--color0);
}

.help-block {
    margin-bottom: 20px
}

.form-question .help-block {
    margin-top: -10px
}

.masque-noir {
    display: none;
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9996
}

.resultats-recherche {
    text-align: center;
    padding: 0 0 30px
}

.resultats-recherche span {
    color: red
}

.zone-favoris {
    display: none;
    z-index: 9997;
    background: #fff;
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    padding: 40px 0;
    box-shadow: 0 2px 3px rgba(0,0,0,.1) inset;
    text-align: center
}

.zone-favoris h2 {
    color: #000;
    font-size: 23px;
    margin: 10px 0 5px
}

.zone-favoris .soustitre {
    font-size: 16px;
    color: #6d6d6d;
    background: url(../images/trait.png) center bottom no-repeat;
    padding: 10px 10px 15px;
    margin: 0 0 20px
}

.zone-favoris .item {
    position: relative;
    padding: 0 0 40px;
    text-align: left;
    min-height: 215px
}

.consultes .item-corps,.modele-liste .item-corps,.zone-favoris .item-corps {
    z-index: 101
}

.consultes .item .div-proportionnel-item,.modele-liste .item .div-proportionnel-item,.zone-favoris .item .div-proportionnel-item {
    width: 100%;
    position: relative;
    z-index: 9996
}

.consultes .item .div-proportionnel-item:after,.modele-liste .item .div-proportionnel-item:after,.zone-favoris .item .div-proportionnel-item:after {
    padding-top: 70%;
    display: block;
    content: ''
}

.cat-produit .cont-sliderthumb .div-proportionnel .cont-propor,.cat-produit .miniatures .div-proportionnel .cont-propor,.consultes .item .div-proportionnel-item .cont-propor,.cont-slider .div-proportionnel .cont-propor,.gallery .ligne-photos .propor .propor-cont,.modele-liste .item .div-proportionnel-item .cont-propor,.zone-favoris .item .div-proportionnel-item .cont-propor {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.cat-produit .miniatures .div-proportionnel .imagecont,.cont-slider .div-proportionnel .imagecont,.modele-liste .item .div-proportionnel-item .imagecont,.zone-favoris .item .div-proportionnel-item .imagecont {
    height: 100%;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative
}

.cat-produit .cont-sliderthumb .div-proportionnel .imagecont .imagefond,.cat-produit .miniatures .div-proportionnel .imagecont .imagefond,.consultes .item .div-proportionnel-item .imagecont .imagefond,.cont-slider .div-proportionnel .imagecont .imagefond,.gallery .ligne-photos .propor .propor-cont .imagecont .imagefond,.modele-liste .item .div-proportionnel-item .imagecont .imagefond,.zone-favoris .item .div-proportionnel-item .imagecont .imagefond {
    image-rendering: optimizeQuality;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat
}

.consultes .item .div-proportionnel-item .imagecont .masque,.modele-liste .item .div-proportionnel-item .imagecont .masque,.zone-favoris .item .div-proportionnel-item .imagecont .masque {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: url('../images/ico-zoom.png') center center no-repeat rgba(255,255,255,.5);
    filter: grayscale(1);
}

.consultes .item .div-proportionnel-item .imagecont:hover .masque,.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque,.modele-liste .item .div-proportionnel-item .imagecont:hover .masque,.zone-favoris .item .div-proportionnel-item .imagecont:hover .masque {
    opacity: 1
}

.consultes .item .noimage,.modele-liste .item .noimage,.zone-favoris .item .noimage {
    background: url(../images/no-image-large.jpg) center center/100% auto no-repeat #fff
}

.consultes .item h2,.consultes .item h3,.zone-favoris .item h2,.zone-favoris .item h3 {
    margin: 0;
    font-family: Lato-Medium;
    padding: 0;
    line-height: 16px
}

.consultes .item .prix-item,.zone-favoris .item .prix-item {
    font-size: 24px;
    color: var(--color1);
    font-family: Lato-Bold;
    line-height: 30px;
    padding: 0 0 15px
}

.consultes .caract,.cont-slider .caract,.modele-liste .caract,.zone-favoris .caract {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
}

.cat-produit .fluid-similaire ul li,.modele-liste .caract li,.zone-favoris .caract li {
    background: 0 0;
    padding: 0
}

li.vendu span {
    position: absolute;
    right: 0;
    background: black;
    padding: 4px 10px;
    margin-right: 30px;
    color: #fff !important;
    font-size: 14px;
}

.pied address p.adresse,.pied address p.tel {
    background-position: 0 2px;
    padding: 0 0 10px 25px
}

.consultes .caract li span,.cont-slider .caract li span,.etiquette .coupdecoeur,.etiquette .nouveaute,.etiquette-fiche .coupdecoeur,.etiquette-fiche .nouveaute,.modele-liste .caract li span,.zone-favoris .caract li span {
    color: var(--color1);
}

.zone-favoris .kilom {
    background: url(../images/ico-km.png) 0 center no-repeat;
    padding: 5px 40px 5px 35px;
    margin: 5px 0 0
}

.zone-favoris .retirer {
    background: url(../images/ico-fermer.png) center center no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -7px;
    right: 2px;
    overflow: hidden;
    text-indent: 100px
}

.zone-favoris .btn-fermer {
    color: #000;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: none;
    font-family: arial;
    background: #ececec;
    border-radius: 30px;
    font-size: 12px;
    padding: 2px 6px
}

.zone-favoris .btn-fermer:hover {
    background: #e2e2e2
}
.btn-liens-rs {
    text-align: center;
    padding: 0rem 0 0;
    display: flex;
    justify-content: center;
    position: relative;
    gap: 0.4vw;
}

.btn-liens-rs .btnrs {
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: transform 0.4s ease, background-color 0.4s ease;
}

.btn-liens-rs .btnrs svg {
    fill: var(--color0);
    width: 3rem;
    height: 3rem;
    transition: all .4s ease;
}

.fixed .btn-liens-rs .btnrs svg {
    fill: var(--color0);
}

.btn-liens-rs .btnrs:hover svg {opacity: .7;}

.hidden {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.btn-view-more {
    display: flex;
    align-items: center;
    margin-top: 0;
    cursor: pointer;
    font-size: 16px;
}

.plus-icon {
    font-size: 20px;
    margin-right: 8px;
}

.extra-socials-container {
    position: absolute;
    display: none;
    transition: all 0.4s ease;
}

.extra-socials-container.show {
    display: flex !important;
    flex-direction: column;
    width: 3.3rem;
    top: 72px;
    right: 0;
    gap: 0.4vw;
}

.view-more-text {
    font-size: 16px;
    font-weight: bold;
    color: var(--color2);
    background: var(--color0);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.4s ease, background-color 0.4s ease;
}

.view-more-text:hover {
    transform: rotate(360deg);
    background-color: var(--color1);
}

.btn-liens-rs .btnrs.extra-social {
    display: none;
}

.btn-liens-rs .btnrs.extra-social.show {
    display: inline-flex !important;
    animation: fadeIn 0.3s ease;
    opacity: 1;
    margin: 0 0 6px;
}

.btn-liens-rs .btnrs svg.picto.darkpicto {
    filter: drop-shadow(0px 0px 4px #00000082);
    transition: all .4s ease;
}

.btn-liens-rs.btn-rs-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0vh 0 2vh;
}

.btn-liens-rs.btn-rs-center .btnrs svg {
    fill: var(--color0);
}

.zone-favoris .btn-partage .btns {
    z-index: 9997;
    padding: 15px 0 0;
    margin: 30px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    margin-right: 10px;
}

.zone-favoris .btn-partage .btns a {
    background: transparent;
}
.zone-favoris .btn-partage .btns a:hover{background: var(--color1);}
.zone-favoris .btn-partage .btnp {
    width: 30px;
    height: 30px;
    margin: 0 1px;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    transition: .4s
}

.btn-partage .btnp:hover,.cat-produit .btn-partage .btnp:hover,.zone-favoris .btn-partage .btnp:hover {
    transform: rotate(360deg)
}

.cat-produit .btn-partage .btnp.btn-fb,.zone-favoris .btn-partage .btnp.btn-fb {
    background-image: url(../images/ico-fb2.png)
}

.cat-produit .btn-partage .btnp.btn-twitter,.zone-favoris .btn-partage .btnp.btn-twitter {
    background-image: url(../images/ico-twitter2.png)
}

.cat-produit .btn-partage .btnp.btn-google,.zone-favoris .btn-partage .btnp.btn-google {
    background-image: url(../images/ico-google2.png)
}

.cat-produit .btn-partage .btnp.btn-mail,.zone-favoris .btn-partage .btnp.btn-mail {
    background-image: url(../images/ico-mail2.png)
}

.encarts {
    padding: 90px 0 0!important;
    height: 759px;
    background: url(../images/bg-app.jpg) center top no-repeat;
    z-index: 8000;
    position: relative
}

.encarts h2 {
    font-size: 30px;
    color: #fff;
    font-family: Lato-Medium;
    margin-bottom: 60px
}

.encarts .flash p,.encarts ul li,.pied h2 {
    font-size: 24px;
    color: #fff
}

.encarts ul,.services .cell.droite .contenu ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

.encarts ul li {
    background: url(../images/ico-puce.png) 0 center no-repeat;
    margin: 17px 0
}

.encarts .captures {
    position: absolute;
    right: -270px;
    width: 660px;
    height: 300px
}

.encarts .captures .capture {
    position: absolute;
    top: 0;
    left: 0
}

.encarts .captures .capture.capture1 {
    position: absolute;
    z-index: 9993;
    top: 0;
    left: 0
}

.encarts .captures .capture.capture2 {
    position: absolute;
    z-index: 9992;
    top: 0;
    left: 150px
}

.encarts .captures .capture.capture3 {
    position: absolute;
    z-index: 9991;
    top: 0;
    left: 300px
}

.encarts .flash {
    position: absolute;
    top: 180px;
    left: 370px;
    background: url(../images/ombre-code.png) center bottom no-repeat;
    width: 406px;
    text-align: center
}

.encarts .flash p {
    text-transform: uppercase;
    font-family: Lato-Bold;
    padding: 7px 0 0;
    margin: 0
}

.encarts .titre-boutiques {
    color: #fff;
    margin: 50px 0 25px;
    font-size: 21px
}

.encarts .boutiques,.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover {
    background: var(--color2);
}

.encarts .boutiques .boutique {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 0 0
}

.zone-recherche {width: 100%;left: 0;padding: 0em 10%;top: 0;position: relative;}

.zone-recherche .container {
    padding: 0;
}
.zone-recherche .container .contenu {
    z-index: 101;
    position: relative;
    padding: 0;
    width: 100%;
}

.zone-recherche .container .contenu .h1.titre1 {
    padding: 0;
    margin-bottom: 50px;
    background: 0 0;
    text-align: center
}

.zone-recherche .container .contenu form {
    text-align: center;
    background: var(--color0);
    padding: 3em;
    backdrop-filter: blur(10px);
    background-position: left;
    box-shadow: 1px 1px 40px #00000017;
    border-radius: var(--radius);
}

.zone-recherche .container .contenu form .formg {
    display: inline-block;
    margin: 0 30px;
    width: 28%;
}

.zone-recherche .container .contenu form .formg.formmmm.range-prix, .zone-recherche .container .contenu form .formg.range-annee {
    margin: 0px 30px 40px;
}
.zone-recherche .container .contenu form .formg2 {
    margin: 0 15px;
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.range-prix .slider .tooltip-inner:after {
    content: '\20AC';
}

.zone-recherche .container .contenu form select option {
    color: inherit
}

.zone-recherche .container .contenu form label {
    width: 80px;
    text-align: left;
    font-weight: normal;
}

.zone-recherche .container .contenu form input[type="submit"]:hover {
    background: url(../images/fleche-d.png) no-repeat 245px center;
}

.zone-recherche .actus {
    padding: 45px 0 50px 0
}

.zone-recherche .actus .h1.titre2 {
    padding: 0px 0px 20px 0;
    margin-bottom: 50px;
    color: #000;
}

.slider-handle.min-slider-handle.round,.slider-handle.max-slider-handle.round {
    background: var(--color1) !important;
}

.slider-selection {
    background: var(--color2);
}

.slider.slider-horizontal {
    width: 100%;
}

.range-prix .slider .tooltip-inner:after {
    content: '\20AC';display: none;
}

.zone-recherche .container .contenu form select {
    width: 100%;
    margin: 0 0 23px;
    border: none;
    height: 50px;
    padding: 8px 20px;
    color: var(--color2);
    background: #eee;
}

.zone-recherche .container .contenu form select:focus {
    outline: none;
    background: #f1f1f17d;
}

.zone-recherche .container .contenu form input[type=submit] {
    display: block;
    width: auto;
    float: right;
    position: relative;
    background: var(--color2);
    transition: .3s linear;
    text-align: center!important;
    padding: 12px 20px!important;
    color: var(--color0) !important;
    border: 0;
}

.zone-recherche .actus {
    padding: 45px 0 50px
}

.zone-recherche .actus .h1.titre2 {
    padding: 0 0 20px;
    margin-bottom: 50px;
    color: #000
}

.pied {
    position: relative;
    z-index: 8000
}

.pied .bande1 {
    background: #141414;
    padding: 60px 0
}

.pied .bande2 {
    background: #323232;
    border-top: 17px solid #282828;
    padding: 30px 0 25px
}

.pied h2 {
    text-transform: uppercase;
    font-family: Lato-Regular;
    margin-bottom: 25px
}

.propositions-marques .titre {
    font-size: 15px;
    color: #929292;
    padding: 40px 0 0
}

.propositions-marques .marques {
    color: #c3c3c3
}

.menu_ref_bg {
    min-height: 150px
}

.menu_referencement {
    text-align: justify;
    margin-bottom: 20px;
    margin-top: 0;
    min-height: initial;
    width: 100%;
    padding: 0;
    float: left;
    font-size: 15px
}

.menu_referencement li {
    display: inline;
    list-style: none inside;
    background: 0 0;
    padding: 0
}

.menu_referencement li:before {
    font-size: 16px;
    content: ' - ';
    color: var(--color1);
    margin: 0
}

.menu_referencement li a {
    text-decoration: none;
    text-transform: none;
    color: var(--color0);
    font-size: 15px;
    font-weight: 100
}

.menu_referencement li a:focus,.menu_referencement li a:hover,.menu_referencement li.active a {
    text-decoration: underline;
    color: #c3c3c3
}

.tabb2 {
    display: flex;
    margin: 0;
    padding: 6em 10% 5%;
    width: 100%;
    justify-content: center;
    align-items: stretch;
    gap: 3vw;
    flex-direction: row-reverse;
    background: var(--bg_facultatif);
}

.tabb-reservation .cell,.tabb2 .cell {
    display: table-cell;
    vertical-align: top;
    position: relative
}

.cell.cellc {
    width: 45%;
    border: 1px solid #c09b1569;
    padding-top: 2%;
    border-radius: var(--radius);
}

.tabb2 .cell.cellg {
    width: 33.3333%;
    background: url(../images/photo2.jpg) center top/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: none;
}

.tabb2 .cell .reser .block {
    display: table;
    width: auto;
    height: 100%;
    text-align: center;
    font-size: 19px
}

.tabb2 .cell.celld {
    width: 33.3333%;
    background: url(../images/photo3.jpg) center top/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.tabb-reservation .cell .reser:hover,.tabb2 .cell .reser,.tabb2 .cell .reser:hover {
    background: rgba(0,0,0,.7)
}

.tabb2 .cell .reser {
    display: flex;
    position: absolute;
    top: 90px;
    left: 70px;
    right: 70px;
    padding: 6em 2vw;
    bottom: 90px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-align: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center
}

.cont-slider .voir,.tabb-reservation .cell .reser {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.tabb2 .cell .reser div a,.tabb2 .cell .reser div p {
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 20px;
    font-size: 17px
}

.tabb2 .cell .reser div p span {
    display: block;
    text-transform: uppercase;
    color: var(--color1);
    text-align: center;
    font-size: 27px
}

.tabb2 .cell .contt {
    padding: 10px 30px 30px;
    min-height: auto;
}

.tabb2 .cell .contt h2 {
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #c09b1545;
    padding: 0 0 25px
}

.tabb-reservation {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%
}

.tabb-reservation .cell.cellg {
    width: 37%;
    background: url(../images/photo-res.jpg) center center/cover no-repeat;
    padding: 80px 60px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.tabb-reservation .cell .reser {
    display: block;
    position: static;
    transition: .4s;
    background: rgba(0,0,0,.5)
}

.tabb-reservation .cell .contt {
    color: #fff;
    padding: 40px 30px 50px
}

.tabb-reservation .cell .contt h2 {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    font-family: Raleway-Light;
    margin-bottom: 40px
}

.tabb-reservation .cell ol {
    list-style-type: decimal;
    margin: 30px 0
}

.tabb-reservation .cell ol li {
    font-family: Raleway-SemiBold
}

.tabb-reservation .corps {
    padding: 40px 60px 50px!important
}

.bootstrap-timepicker-widget table td input {
    font-size: 13px
}

.ui-datepicker {
    width: 100%;
    border: none;
    padding: 0;
    background: 0 0;
    position: relative
}

.banniere,.cont-slider {
    top: 124px;
    /* width: 2000px; */
    /* margin-left: -1000px; */
    width: 100%;
}

.ui-datepicker .ui-datepicker-header {
    position: static;
    background: 0 0;
    color: var(--color1);
    border: none;
    text-transform: uppercase;
    font-size: 28px;
    padding: 30px 0 60px
}

.ui-datepicker th {
    text-transform: uppercase
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    font-weight: 400;
    background: 0 0;
    color: #000;
    text-align: center;
    padding: 20px 0;
    border: 1px solid transparent;
    border-radius: var(--radius);
}

.ui-datepicker .ui-state-active,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {
    background: var(--bg_facultatif);
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    background: var(--color1);
    color: #fff
}

.caption,.coordonnees {
}

.ui-state-highlight:hover,.ui-widget-content .ui-state-highlight:hover,.ui-widget-header .ui-state-highlight:hover {
    background: var(--color2);
    color: #fff
}

.ui-widget-header a:hover .ui-icon {
    background-image: url("images/ui-icons_999999_256x240.png");
    opacity: .8
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    background: #f7f7f7;
    border-radius: 0;
    top: 20px;
    cursor: pointer;
    width: 2.4em;
    height: 2.4em
}

.body-page-1 .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev {
    left: 0
}

.body-page-1 .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next {
    right: 0
}

.body-page-1 .ui-datepicker .ui-datepicker-next,.body-page-1 .ui-datepicker .ui-datepicker-prev {
    top: 10px;
    width: 1.5em;
    height: 1.5em;
    background: #f1f1f1
}

.body-page-1 .ui-state-default,.body-page-1 .ui-widget-content .ui-state-default,.body-page-1 .ui-widget-header .ui-state-default {
    padding: 10px 0;
}

.body-page-1 .ui-datepicker .ui-datepicker-header {
    padding: 10px 0 20px;
}

.body-page-1 .ui-datepicker .ui-datepicker-title {
    font-size: 22px;
    text-transform: initial
}

.modal {
    z-index: 9999
}

.modal-backdrop {
    z-index: 9998
}

.modal-content label.checkbox.label-rgpd span.help-block,.modal-content label.checkbox.label-rgpd span.text-warning {
    position: absolute;
    bottom: -40px
}

.modal-content label.checkbox.label-rgpd {
    font-size: 13px;
    padding: 0
}

.modal-content {
    border-radius: 0;
    height: 100%;
    background: var(--color0);
    position: relative;
    display: flex;
    flex-direction: column;
}

.modal-content .modal-header {
    border-bottom: none;
    width: 100%;
}

.modal-content .modal-header .close {
    font-size: 36px;
    line-height: 26px
}

.modal-content .modal-body {
    border-radius: 0;
    padding: 0 60px 40px
}

.modal-content h2 {
    text-align: center;
    margin-bottom: 20px
}

.modal-content .horaires {
    color: var(--color3);
    margin: 0 0 35px;
    font-size: .9vw;
    text-align: center
}

.modal-content .horaires span {
    font-size: 1.2vw;
    margin: 0 0 -20px;
}

.modal-content .btn-default,.modal-content .btn-inline {
    display: inline-block;
    font-size: 17px;
    transition: .4s;
    text-decoration: none
}

.modal-content .form-group:after {
    clear: both;
    display: table;
    content: " "
}

.modal-content input,.modal-content select {
    height: 48px;
    line-height: 1;
    padding: 0 12px;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #ccc
}

.modal-content textarea {
    padding: 10px;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #ccc;
    margin: 0 0 14px
}

.modal-content label {
    padding-left: 0;
    font-size: 16px;
    padding-top: 13px;
    font-weight: 400
}

.modal-content input[name=captchaReservation] {
    width: 100%!important;
    height: 38px!important;
    display: inline-block;
    float: none!important;
    margin-right: 2%!important;
    vertical-align: top;
    min-width: 0
}

.modal-content input[name=captchaReservation]+a {
    width: 30%!important;
    display: inline-block;
    margin-right: 2%;
    vertical-align: top
}

.modal-content #captcha3 {
    width: 100%;
    height: 38px!important;
    border-radius: 0;
    padding: 0
}

.modal-content .btn-default {
    background: var(--color1);
    text-transform: initial;
    border-radius: 0;
    color: var(--color0);
    width: auto;
    float: right;
    padding: 12px 24px;
    border-radius: var(--radius);
    border: 0;
}

.modal-content .btn-default:hover,.zone-recherche .container .contenu form input[type=submit]:hover {
    background: var(--color2);
}

.modal-content .btn-inline {
    background: #fff;
    border: 1px solid #000;
    text-transform: uppercase;
    color: #000;
    border-radius: 0
}

.modal-content .btn-inline:hover {
    color: #fff;
    background: #000
}

.modal-content .description {
    margin: 20px 0 25px;
    font-size: 14px
}

.modal-content .obligatoire {
    font-size: 12px;
    color: red;
    font-style: italic
}

.bootstrap-timepicker-widget {
    z-index: 9999!important
}

.pied .navf .menu_footer {
    color: #b4b4b4;
    padding: 15px 0;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    text-align: center
}

.pied .navf .menu_footer li {
    display: inline;
    margin-right: -4px;
    background: 0 0;
    padding: 0
}

.pied .navf .menu_footer li a,.pied .navf .menu_footer li a:visited {
    font-family: Lato-Light;
    font-size: 14px;
    padding: 0 8px;
    color: inherit;
    text-decoration: none
}

.pied .navf .menu_footer li.active a:hover {
    cursor: default;
    text-decoration: none
}

.pied address {
    margin: 0;
    padding: 15px 0;
    color: #fff
}

.pied address p {
    background-repeat: no-repeat;
    margin: 0
}

.pied address p.adresse {
    background-image: url(../images/ico-adresse.png)
}

.pied address p.tel {
    background-image: url(../images/ico-tel.png)
}

.coordonnees address p a,.pied address p a {
    text-decoration: none;
    color: inherit
}

.pied .horaires {
    color: #fff!important
}

.pied .atelier-txt {
    color: #fff;
    margin: 0 0 30px;
    text-align: justify
}

.pied .atelier-plus {
    display: block;
    border: 2px solid #fff;
    text-align: center;
    padding: 11px 30px 11px 0;
    color: var(--color1);
    transition: .4s;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Lato-Bold;
    text-decoration: none;
    background: url(../images/ico-plus.png) 210px center no-repeat
}

.pied .atelier-plus:hover {
    text-decoration: none;
    background-color: #fff
}

.pied .copyright-footer {
    margin: 22px 0 0;
    color: #b4b4b4;
    font-size: 14px
}

.pied .copyright-footer a {
    font-family: Lato-Light;
    color: inherit;
    text-decoration: none;
    line-height: 50px
}

#logoFD svg * {
    fill: var(--color1);
}

#logoFD svg {
    width: 200px
}

.pied .copyright-fd {
    display: inline-block;
    margin: 5px 0 0 50px;
    color: #b4b4b4;
    font-size: 11px;
    text-align: center;
    vertical-align: middle
}

.pied .copyright-fd img {
    opacity: .7
}

.pied .copyright-fd a {
    font-family: Lato-Light;
    color: inherit;
    text-decoration: none
}

.btn-partage {
    text-align: right;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}
article.news.newsItem .btn-partage{
    padding: 0;
    gap: 15px;
}
article.news.newsItem .btn-partage a{
    background: var(--color2);
    border-radius: var(--radius);
}

article.news.newsItem .btn-partage a:hover {
    background: var(--color1);
}
article.news.newsItem .btn-partage a i{
    font-size: 20px;
}
footer .btn-partage{text-align: left;justify-content: flex-start;margin-bottom: 2em;}

.btn-partage a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    width: 2vw;
    height: 2vw;
    transition: all .3s linear;
}

.btn-partage a:hover {
    color: var(--color2);
}

.btn-partage a img,.btn-partage a i {
    width: 15px;
    font-size: 15px;
    margin: 0;
    position: relative;
    left: -1px;
}

.btn-partage a.insta-icon i {
    font-size: 18px;
    top: -1px;
    position: relative;
}

.btn-partage .btnp,.cat-produit .btn-partage .btnp {
    transition: .4s;
}

.btn-partage .btnp.btn-fb {
}

.btn-partage .btnp.btn-twitter {
}

.btn-partage .btnp.btn-google {
    background-image: url(../images/ico-google.png)
}

.btn-partage .btnp.btn-mail {
    background-image: url(../images/ico-mail.png)
}

.infinite-scroll {
    padding: 0 0 50px;
    position: relative
}

.infinite-scroll .btn,.infinite-scroll .btn:focus {
    border: 3px solid var(--color1);
    background: #fff;
    padding: 11px 20px;
    text-decoration: none;
    color: var(--color1);
    border-radius: 0;
    text-transform: uppercase;
    font-family: Lato-Medium;
    transition: .4s
}

.infinite-scroll .btn:hover {
    background: var(--color1);
    color: #fff;
    border: 3px solid var(--color1)
}

.infinite-scroll .chargement {
    display: none;
    background: url(../images/chargement.gif) center top no-repeat;
    height: 32px;
    width: 32px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -16px
}

.consultes>li {
    margin: 0 0 20px;
    background: 0 0;
    border-bottom: 1px solid var(--color1);
    padding: 0 0 20px
}

.consultes .item {
    margin-bottom: 0;
    position: relative
}

.consultes .item .div-proportionnel-item .imagecont {
    height: 100%;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    background-image: url(../images/no-image-large.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.consultes .item h2 a,.consultes .item h3 a {
    font-size: 15px;
    color: #fff
}

.consultes .caract li {
    background: 0 0;
    padding: 0;
    color: #fff
}

.consultes .kilom {
    background: url(../images/ico-km.png) 0 center no-repeat;
    padding: 5px 40px 5px 35px;
    color: #fff;
    margin: 5px 0 0
}

.cat-produit .cont-sliderthumb .div-proportionnel,.cat-produit .miniatures .div-proportionnel,.cont-slider .div-proportionnel {
    width: 100%;
    position: relative
}

.cont-slider .div-proportionnel:after {
    padding-top: 49%;
    display: block;
    content: ''
}

.cont-slider .noimage {
    display: block;
    background: url(../images/no-image.jpg) center center no-repeat #fff;
    width: 100%;
    height: 979px
}

.cont-slider .haut {
    border-bottom: 1px solid #fff;
    padding: 13px 0;
    display: table;
    width: 100%
}

.cont-slider .haut .gauche {
    display: table-cell;
    vertical-align: middle;
    font-family: Lato-Medium;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 20px 0 0
}

.cont-slider .haut .gauche h3 a {
    color: #fff;
    text-decoration: none;
    font-family: Lato-Medium
}

.cont-slider .haut .droite {
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    color: #c11718;
    font-family: Lato-Bold;
    text-align: right;
    white-space: nowrap
}

.cont-slider .voir {
    display: block;
    border: 1px solid #fff;
    padding: 16px 0;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    transition: .4s
}

.cont-slider .voir:hover {
    background: #fff;
    color: #000
}

.cont-slider .trucss {
    display: table;
    width: 100%;
    color: #fff;
    margin: 0 0 30px
}

.cont-slider .trucss .gauche {
    display: table-cell;
    vertical-align: top
}

.cont-slider .trucss .centre,.cont-slider .trucss .droite {
    display: table-cell;
    vertical-align: top;
    text-align: right
}

.cont-slider .trucss .droite .info-cat {
    display: inline-block;
    background: #c11718;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 16px
}

.cont-slider .caract li {
    background: 0 0;
    padding: 0;
    font-size: 16px
}

.cont-slider .description {
    font-size: 16px;
    margin: 20px 0 30px
}

.cont-slider .kilom {
    background: url(../images/ico-km.png) 0 center no-repeat;
    padding: 5px 0 5px 30px;
    display: inline-block;
    font-size: 16px
}

.banniere {
    position: relative;
    height: 100vh;
    top: 0;
    z-index: 9;
}

.banniere.ban1 {
    background: url(../images/banniere1.jpg) center top no-repeat
}

.banniere.ban2 {
    background: url(../images/banniere2.jpg) center top no-repeat
}

.banniere.ban3 {
    background: url(../images/banniere3.jpg) center top no-repeat
}

.banniere.ban4 {
    background: url(../images/banniere4.jpg) center top no-repeat
}

.cont-slider {
    position: absolute;
    left: 50%
}

.sudo-slider .image {
    height: 979px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

a.sudolien.precedent,a.sudolien.suivant {
    z-index: 9000;
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 66px;
    height: 66px;
    margin-top: -33px
}

a.sudolien.precedent {
    left: 340px;
    background: url(../images/g2.png)
}

a.sudolien.suivant {
    right: 340px;
    background: url(../images/d2.png)
}

.cat-produit .cont-sliderthumb a.customLinkThumb[data-target=next]:hover,.cat-produit .cont-sliderthumb a.customLinkThumb[data-target=prev]:hover,.remonter button:hover,a.sudolien.precedent:hover,a.sudolien.suivant:hover {
    opacity: .8
}

.caption {
    position: absolute;
    bottom: 160px;
    left: 420px;
    font-size: 20px;
    width: 555px;
    color: #fff;
    opacity: 0;
    padding: 20px 40px 40px
}

.contact .formulaire .form-actions,.etiquette {
    font-size: 12px
}

.caption.active {
    -webkit-animation: 2s ease-in-out forwards caption;
    -moz-animation: 2s ease-in-out forwards caption;
    -o-animation: 2s ease-in-out forwards caption;
    animation: 2s ease-in-out forwards caption
}

@-webkit-keyframes caption {
    0% {
        opacity: 0;
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-moz-keyframes caption {
    0% {
        opacity: 0;
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-o-keyframes caption {
    0% {
        opacity: 0;
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes caption {
    0% {
        opacity: 0;
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.col-md-12.nopad.nopad-sm.nopad-xs.hide-print.formulaire {
    padding: 0 25%
}

.contact h2 {
    color: #000;
    font-size: 30px;
    line-height: 30px;
    padding: 0 0 30px;
    margin-bottom: 0px;
    text-transform: math-auto;
}

.contact .horaires {
    text-align: center;
    padding: 40px 0;
    background: #f5f5f5
}

.plan {
    position: relative;
    height: 350px;
}

.plan .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9996
}

.plan .block #googlemapapi,.plan iframe {width: 100%;height: 100%;}

.coordonnees {
    z-index: 9997;
    position: relative;
    color: var(--color3);
    padding: 0 20px 0 0;
}

.deploy-left-sidebar,.deploy-right-sidebar {
    background-image: url(../images/menu-mobile-3/nav.svg)
}

.deploy-left-sidebar,.deploy-right-mail,.deploy-right-sidebar {
    background-position: center center
}

.coordonnees h2,.sidebar-form .small-notification {
    margin-top: 20px
}

.coordonnees address p {
    padding: 0 0 0 0px;
    line-height: 1.7;
}

.coordonnees address p.adresse {
    /* background: url(../images/ico-adresse.png) 0 center no-repeat; */
    margin: 0 0 15px;
}

.coordonnees address p.tel {
    /* background: url(../images/ico-tel.png) 0 center no-repeat; */
}

.contact .description-contact {
    padding: 0 0 10px
}
.coordonnees address p.tel i {
    padding-right: .5vw;
}

.form-group .label-rgpd strong,.info-rgpd a,.info-rgpd a:visited,.info-rgpd strong {
    color: #c11718
}

.contact .formulaire .form-group div.col-md-8,.contact .formulaire .form-group label.col-md-4 {
    padding-left: 0!important;
    padding-right: 0!important
}

.contact .formulaire .form-group .col-md-8 {
    width: 100%!important
}

.contact .formulaire .control-label {
    text-align: left!important;
    font-weight: 400
}

.contact .formulaire .form-group {
    margin-bottom: 20px;
    padding: 0!important;
    margin-left: 0!important;
    margin-right: 0!important
}

.contact .formulaire .form-group .form-control {
    color: #000;
    border: none;
    border-bottom: navajowhite;
    box-shadow: none;
    border-radius: 0;
    width: 100%!important;
    font-size: 14px;
    height: auto;
}

.contact .formulaire .form-group textarea.form-control {
    height: 117px;
    position: static;
    border: none;
    padding: 15px;
}

.body-garage-item .contact .formulaire .form-group textarea.form-control {
    height: 162px
}

.contact .formulaire .form-group input.form-control {
    line-height: 1.7;
    padding: 15px;
}

.contact .formulaire .form-group select.form-control {
    height: auto;
    line-height: 32px;
    padding: 15px;
}

.contact .formulaire .form-group input[name=captcha] {
    width: 31%!important;
    height: 50px!important;
    display: inline-block;
    float: none!important;
    margin-right: 2%!important;
    vertical-align: top
}

.contact .formulaire .form-group input[name=captcha]+a {
    width: 35%;
    display: inline-block;
    margin-right: 2%;
    vertical-align: top
}

.contact .formulaire .form-group #captcha {
    width: 100%;
    height: 50px!important;
    border-radius: 0;
    padding: 0;
    border: 1px solid #b9b9b9
}

.contact .formulaire .form-group input.btn-primary {
    width: auto;
    display: inline-block;
    float: right;
    border-radius: var(--radius);
}

.contact a.btn.btn-default {
    float: right
}

.body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default {
    display: block;
    width: auto;
    padding: 15px 30px;
    color: var(--color0);
    font-size: 16px;
    text-transform: inherit;
    border-radius: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border: none;
    font-family: var(--font1);
    background: var(--color2);
    text-decoration: none;
    letter-spacing: 2px;
    border-radius: var(--radius);
}

.body-error404 a.btn.btn-default:active,.body-error404 a.btn.btn-default:hover,.contact .formulaire input.btn-primary:active,.contact .formulaire input.btn-primary:hover,.contact a.btn.btn-default:active,.contact a.btn.btn-default:hover {
    background-color: var(--color2);
}

::-webkit-input-placeholder {
    color: #000!important
}

:-moz-placeholder {
    color: #000!important;
    opacity: 1!important
}

::-moz-placeholder {
    color: #000!important;
    opacity: 1!important
}

:-ms-input-placeholder {
    color: #000!important
}

.etiquette,.etiquette-fiche {
    z-index: 9997;
    text-align: center;
    font-style: italic;
    color: #000;
    position: relative
}

.pageseo .formulaire .form-group input[name=captcha] {
    width: 100%!important;
    margin-right: 0!important;
    text-align: left!important
}

.pageseo .formulaire .form-group input[name=captcha]+a {
    position: absolute;
    width: 140px;
    top: 0;
    right: 0;
    margin-right: 0!important
}

.flex-seoContain {
    position: relative;
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
}

.flex-seoContain .seo-content {
    width: 55%;
    padding-top: 1em
}

.flex-seoContain .seo-content h1:before,.flex-seoContain .seo-form h2.h1:before {
    left: 0;
    margin-left: 0;
    transform: translate(0)
}

.flex-seoContain .seo-form {
    width: 44%;
    padding: 1em 2% 3em;
    background: var(--color5)
}

.img-seo img {
    border-radius: var(--border-radius);
    width: 240px;
    height: auto;
    float: right;
    padding: 0 0 10px 20px;
}
/* Display Gallery Photo */

/* Gallery Photo  */
.realisations .row.recup-photos.gallery::before{display: none;}
.realisations .row.recup-photos.gallery{
  padding: 0 0%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas:
    "item1 item2 item3 item5"
    "item4 item4 item3 item5";
  grid-template-rows: 300px 300px;
  grid-gap: 20px;
}
.recup-photos .propor{width:100%;position:relative;margin-bottom:10px;height: 100%;overflow: hidden;border-radius: var(--radius);}
/* Gallery Photo  */

.realisations .row.recup-photos.gallery .col-md-3{width: 100%;height: 100%;margin: 0;padding: 0;border-radius: var(--radius);}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(1){grid-area: item1;}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(2){grid-area: item2;}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(3){grid-area: item3;}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(4){grid-area: item4;}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(5){grid-area: item5;}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(6){grid-area: item6;}

/* Display Gallery Photo */

.gallery .description-galerie {
    padding: 0 0 20px;
}

.gallery .ligne-photos .col-md-1,.gallery .ligne-photos .col-md-2,.gallery .ligne-photos .col-md-3,.gallery .ligne-photos .col-md-4,.gallery .ligne-photos .col-md-6 {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.gallery .ligne-photos.centerservice2 {
    margin: 0 16%!important
}

.gallery .ligne-photos.centerservice {
    margin: 0 33%!important
}

.gallery .ligne-photos .propor {
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.gallery .ligne-photos.threefile .propor,.gallery .ligne-photos.fourfile .propor {margin: 0;height: 100%;}

.cat-produit .cont-sliderthumb .div-proportionnel:after,.gallery .ligne-photos .propor:after {
    padding-top: 72%;
    display: block;
    content: ''
}

.gallery .service-display .ligne-photos .propor .propor-cont .imagecont{border: 7px solid #ece9e9;}
.gallery .ligne-photos .propor .propor-cont .imagecont {
    height: 100%;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0)
}

.gallery .ligne-photos .propor .propor-cont .imagecont .masque {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #00000085;
}

.gallery .ligne-photos .propor .propor-cont .imagecont:hover .imagefond {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.gallery .nav {
    margin: 10px 0;
    padding-right: 10px
}

.gallery .nav li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.gallery .nav li a {
    background: #222;
    display: block;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 0;
    text-decoration: none
}

.gallery .nav li a:hover,.gallery .nav li.active a {
    background: #424445;
    color: #fff
}

.gallery .tab-content {
    padding-top: 10px;
    padding-bottom: 10px
}

.gallery .tab-content h2 {
    padding-left: 15px;
    margin-bottom: 20px
}

.cat-liste .btn-alerte,.cat-liste .btn-filtrer>a {
    padding: 10px 50px 8px 30px;
    text-decoration: none;
    text-transform: none;
}

.etiquette {
    display: block;
    margin: 5px 15px 0;
    padding: 2px 0 4px;
    border-bottom: 1px solid #c8c8c8
}

.etiquette-fiche {
    display: block;
    margin: 5px 0 60px;
    font-family: var(--font3);
    padding: 0;
    font-size: 14px
}

.etiquette.favoris {
    background: url(../images/ico-favoris.png);
    top: 5px;
    right: 5px;
    width: 18px;
    height: 15px
}

.etiquette.promotion {
    background: url(../images/ico-promotion.png);
    bottom: 5px;
    left: 5px
}

.fil-arianne {
    padding: 3% 2% 1%;
    font-size: 14px;
    text-transform: uppercase;
    color: #c8c8c8;
}

.fil-arianne a {
    text-decoration: none;
    color: #c8c8c8
}

.fil-arianne a.active,.fil-arianne span {
    color: #000
}

.cat-liste .titre-liste {
    background: #3f3f3f;
    border-radius: 3px;
    margin-bottom: 20px
}

.cat-liste .titre-liste h2 {
    background: 0 0;
    margin: 0
}

.cat-liste #filtres {
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    z-index: 9999;
}

.cat-liste #filtres>form {
    display: inline-block;
    padding: 9px 30px;
    border-right: 1px solid #e6e6e6
}

.cat-liste #filtres>form b,.cat-liste #filtres>form label {
    font-weight: 400
}

.cat-liste #filtres>form select {
    height: 45px;
    line-height: 36px;
    padding: 7px 20px 7px 12px;
    border: none
}

.cat-liste #pagination {
    padding: 8px 0;
    text-align: center
}

.cat-liste #pagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none
}

.cat-liste #pagination ul li {
    display: inline-block;
    width: 40px;
    background: 0 0;
    padding: 0
}

.cat-liste #pagination ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #000;
    background: #c8c8c8;
    font-size: 18px;
    text-decoration: none
}

.cat-liste #pagination ul li a:hover,.cat-liste #pagination ul li.active a {
    color: #fff;
    background: var(--color1)
}

.cat-liste .btn-alerte {
    background: url(../images/image-select2.png) 165px center no-repeat;
    display: inline-block;
    border-right: 1px solid #e6e6e6
}

.cat-liste .btn-alerte:hover {
    background: url(../images/image-select2.png) 165px center no-repeat #f5f5f5
}

.cat-liste .btn-filtrer {
    display: inline-block;
    border-right: 1px solid #e6e6e6;
    margin-left: -4px;
    position: relative
}

.cat-liste .btn-filtrer>a {
    background: url(../images/image-select2.png) 100px center no-repeat;
    display: block;
    filter: grayscale(1);
    background-color: whitesmoke;
    color: #000000;
}

.cat-liste .btn-filtrer>a:hover {
    background: url(../images/image-select2.png) 100px center no-repeat #f5f5f5
}

.cat-liste .btn-filtrer>a.active {
    background-color: #f5f5f5
}

.cat-liste .btn-filtrer .init-filtres {
    display: block;
    padding: 30px 0 10px;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    text-transform: none
}

.cat-liste .panneau-filtrer {
    position: absolute;
    top: 56px;
    right: 0;
    background: #f5f5f5;
    width: 260px;
    z-index: 9990;
}

.cat-liste .panneau-filtrer select {
    height: 36px;
    line-height: 36px;
    padding: 7px 20px 7px 0;
    border: none;
    width: 100%;
    background: 0 0;
    border-bottom: 1px solid #c8c8c8;
    margin: 0 0 10px
}

.cat-liste .panneau-filtrer label {
    font-weight: 400;
    margin-bottom: 35px
}

.cat-liste .panneau-filtrer .formg.formg1 {
    padding: 15px 15px 0
}

.cat-liste .panneau-filtrer .formg.formg2 {
    padding: 30px 15px 0
}

.cat-liste .panneau-filtrer .haut-form {
    padding: 15px 15px 4em;
}

.cat-liste .panneau-filtrer .bas-form {
    /* padding: 15px; */
    padding: 0px;
    background: var(--color2);
}

.cat-liste .panneau-filtrer .bas-form input {
    display: block;
    width: 100%;
    text-transform: initial;
    background: var(--color1);
    padding: 10px 20px;
    font-size: 18px;
    color: var(--color0);
    text-align: center;
    border: none;
    transition: all .3s linear;
}

.cat-liste .panneau-filtrer .bas-form input:hover {
    background-color: #8e8c8c;
}

.fluid-filtres {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.modele-liste {
    margin-left: -15px!important;
    margin-right: -15px!important;
    padding: 0
}

.modele-liste .col-md-2,.modele-liste .col-md-3,.modele-liste .col-md-4,.modele-liste .col-md-6 {
    padding-left: 15px!important;
    padding-right: 15px!important;
    background: 0 0
}
div#garage-vehicules-list > .row,ul.similare-product.modele-liste{display: flex;align-items: stretch;gap: 15px;}

div#garage-vehicules-list > .row {
    margin: 15px 0;
}

div#garage-vehicules-list > .row > div, ul.similare-product.modele-liste li {
    padding: 0 0 !important;
    background: var(--bg_facultatif);
}
.modele-liste .item {
    padding: 0;
    margin-bottom: 0;
    position: relative;
    background: var(--bg_facultatif);
    height: 100%;
}

.modele-liste .item:before {
    content: "";
    width: 396px;
    height: 241px;
    position: absolute;
    top: -10px;
    left: -18px;
    z-index: 100
}

.modele-liste .item h2,.modele-liste .item h3 {
    margin: 0 0 10px;
    padding: 11px 0 12px;
    border-bottom: 1px solid #c8c8c8;
    font-size: 18px;
    font-family: var(--font2);
    width: 100%;
}

.modele-liste .item .prix-item {
    font-size: 30px;
    font-family: var(--font2);
    line-height: 30px
}

.modele-liste .item-bas {
    /* position: relative; */
    padding: 30px 30px 60px;
    z-index: 9996;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}

.modele-liste .info-cat {
    position: absolute;
    top: 16px;
    right: 30px;
    background: #000;
    color: #fff;
    padding: 5px 15px;
    text-transform: inherit
}

.modele-liste .kilom {
    position: absolute;
    bottom: 20px;
    right: 30px;
    background: url(../images/ico-km.png) center right no-repeat;
    padding: 5px 40px 5px 0;
    font-family: var(--font1);
    font-weight: 100;
}

.cat-produit .pdt h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
    padding: 4px 0;
}

.cat-produit .btn-partage {
    text-align: right;
    padding: 0px 0px 0px 20px;
    display: inline-block;
    border-left: 1px solid #e7e7e7;
}

.cat-produit .btn-partage .btns {
    display: flex;
    gap: 10px;
}

.cat-produit .btn-partage .btns a {
    background: transparent;
}

.cat-produit .btn-partage .btns a:hover {
    background: var(--color1);
}

.cat-produit .favoris a {
    text-decoration: none;
    transition: .4s;
    padding: 5px 20px 5px 50px;
    display: inline-block;
    background: url(../images/ico-favoris-mini.png) 22px center no-repeat;
    border: 1px solid #0505051a;
    color: #979797;
    filter: grayscale(1);
}

.cat-produit .favoris a.active,.cat-produit .favoris a.remove-from-wishlist,.cat-produit .favoris a:hover {
    background: url(../images/ico-favoris-mini-h.png) 22px center no-repeat #f5f5f5;
}

.cat-produit .item-titre {
    font-size: 20px;
    margin: 0
}

.cat-produit .item-description {
    font-size: 16px;
    padding: 15px 0 30px;
    line-height: 28px
}

.cat-produit .item-prix {
    font-size: 50px;
    color: var(--color1);
    font-family: var(--font2);
    text-align: right;
    line-height: 46px;
    padding: 0
}

.cat-produit .particularites {
    margin: 15px 0 30px;
    padding: 2% 5%;
    list-style-type: none;
    background: var(--bg_facultatif);
}
.cat-produit div.particularites {
    background: var(--color2);
    color: var(--color0);
    font-size: 15px;
    margin: 2% 10%;
}
.cat-produit div.particularites br{display: none;}
.cat-produit .particularites li {
    background: 0 0;
    padding: 4px 0;
    display: flex;
    justify-content: space-between;
}
.cat-produit .particularites li.tarif-tool strong {
    font-size: 18px;width: 100%;text-align: center;
}
.cat-produit .particularites li.tarif-tool span{display: none;}

.cat-produit .particularites li span {
    display: inline-block;
    width: 165px;
    color: var(--color1);
    font-size: 18px;
}

.cat-produit .row.equip {
    padding-top: 15px
}

.cat-produit .controlsthumb ol,.cat-produit .equipements ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.cat-produit .equipements ul li {
    background: url(../images/ico-puce3.png) 0 center no-repeat;
    padding: 5px 0 5px 30px
}

.cat-produit .btn-retour {
    color: var(--color2);
    float: left;
    display: inline-block;
    padding: 18px 0 0;
    font-size: 14px;
    text-decoration: none;
    text-transform: initial
}

.cat-produit .titre-similaire {
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding: 5px 0 5px 15px;
    color: #fff
}

.cat-produit .cont-sliderthumb .div-proportionnel .imagecont {
    height: 100%;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: zoom-in
}

.cat-produit .noimage {
    display: block;
    width: 100%;
    height: 400px;
    background: url(../images/no-image-large.jpg) center center/100% auto no-repeat #fff
}

.cat-produit .cont-miniatures {
    overflow: hidden;
    position: relative;
    margin: 10px 0 0
}

.cat-produit .miniatures {
    width: 300000px
}

.cat-produit .miniatures .miniature {
    width: 122px;
    float: left;
    margin-right: 10px
}

.cat-produit .miniatures .div-proportionnel:after {
    padding-top: 80%;
    display: block;
    content: ''
}

.cat-produit .cont-miniatures .precedent-miniatures {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 15px;
    display: none;
    width: 32px;
    height: 32px;
    background: url(../images/ico-thumb-g.png)
}

.cat-produit .cont-miniatures .suivant-miniatures {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 15px;
    display: none;
    width: 32px;
    height: 32px;
    background: url(../images/ico-thumb-d.png)
}

.cat-produit .cont-sliderthumb a.customLinkThumb[data-target=next],.cat-produit .cont-sliderthumb a.customLinkThumb[data-target=prev] {
    z-index: 9000;
    position: absolute;
    top: 50%;
    display: none;
    width: 32px;
    height: 32px;
    margin-top: -16px
}

.cat-produit .cont-sliderthumb a.customLinkThumb[data-target=prev] {
    left: 0;
    background: url(../images/ico-thumb-g.png)
}

.cat-produit .cont-sliderthumb a.customLinkThumb[data-target=next] {
    right: 0;
    background: url(../images/ico-thumb-d.png)
}

.cat-produit .controlsthumb {
    z-index: 9000;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    text-align: center;
    display: none!important
}

.cat-produit .controlsthumb ol li {
    display: inline-block
}

.cat-produit .controlsthumb ol li a {
    display: block;
    width: 23px;
    height: 23px;
    background: url(../images/miette.png);
    margin: 0 2px
}

.cat-produit .controlsthumb ol li.current a {
    background: url(../images/miette-h.png)
}

.cat-produit .fluid-similaire {
    background: #f5f5f5
}

.cat-produit .fluid-similaire .modele-liste .item:before {
    background: url(../images/ombre2.jpg) center top no-repeat
}

.cat-produit .form-question {
    padding: 20px 0 0
}

.cat-produit .form-question select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b9b9b9;
    height: 32px;
    margin: 0 0 20px;
    line-height: 32px;
    padding: 5px 5px 5px 0
}

.cat-produit .form-question textarea {
    width: 100%;
    border: 1px solid #b9b9b9;
    padding: 10px;
    height: 277px;
    margin: 0 0 12px
}

.cat-produit .form-question input[type=email],.cat-produit .form-question input[type=tel],.cat-produit .form-question input[type=text] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b9b9b9;
    margin: 0 0 20px;
    height: 32px;
    line-height: 1;
    padding: 0
}

.cat-produit .form-question input[type=submit] {
    width: 100%;
    border: 3px solid var(--color1);
    background: url(../images/fleche-d.png) 320px center no-repeat;
    padding: 11px 20px 11px 0;
    color: var(--color1);
    text-transform: uppercase;
    font-family: Lato-Medium;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cat-produit .form-question input[type=submit]:hover {
    background: url(../images/fleche-d.png) 340px center no-repeat
}

.cat-produit .form-question input[name=captcha] {
    width: 83%
}

.cat-produit .form-question #captcha3 {
    height: 34px!important;
    padding: 0 4px
}

@media screen and (-webkit-min-device-pixel-ratio: 0),screen and (-moz-images-in-menus:0) {
    .cat-liste .panneau-filtrer select,.cat-produit .form-question select,.form-horizontal select.form-control,.zone-recherche .container .contenu form select {
        -webkit-appearance:none!important;
        -moz-appearance: none!important;
        appearance: none;
        background-image: url(../images/image-select.png)!important;
        background-repeat: no-repeat!important;
        background-position: 96% center!important;
        line-height: normal!important;
        filter: grayscale(1);
    }

    .cat-liste #filtres>form select option,.cat-liste .panneau-filtrer select option,.cat-produit .form-question select option,.form-horizontal select.form-control option,.zone-recherche .container .contenu form select option {
        color: inherit
    }

    .cat-liste #filtres>form select {
        -webkit-appearance: none!important;
        -moz-appearance: none!important;
        appearance: none;
        background-image: url(../images/image-select2.png)!important;
        background-repeat: no-repeat!important;
        background-position: 95% center!important;
        line-height: normal!important;
        filter: grayscale(1);
        background-color: whitesmoke;
    }
}

.cat-produit .form-question ::-webkit-input-placeholder {
    color: #000!important
}

.cat-produit .form-question :-moz-placeholder {
    color: #000!important;
    opacity: 1!important
}

.cat-produit .form-question ::-moz-placeholder {
    color: #000!important;
    opacity: 1!important
}

.cat-produit .form-question :-ms-input-placeholder {
    color: #000!important
}

.header-sidebars,.sidebar-left,.sidebar-right {
    background-color: #fff;
    letter-spacing: 1px
}

.header-sidebars {
    height: 65px;
    z-index: 9999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.1)
}

.deploy-left-sidebar,.deploy-right-call,.deploy-right-mail,.deploy-right-sidebar {
    display: table-cell;
    background-color: var(--color1);
    background-size: auto 49%;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px
}

.header-sidebars .header-top {
    display: table;
    height: 65px;
    width: 100%
}

a.top-logo {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 9999;
    text-align: left;
    text-decoration: none;
}


a.top-logo span {
    padding-left: 15px;
    font-family: var(--font2);
    color: var(--color2);
}
.top-logo img {
    position: absolute;
    left: 16px;
    top: 3px;
    height: 57px;
}

.deploy-right-sidebar {
    border-left: 1px solid #fff
}

.deploy-right-mail {
    border-left: 1px solid #fffefe;
    background-image: url(../images/menu-mobile-3/mail.svg);
    position: absolute;
    right: 65px;
    top: 0
}

.deploy-right-call,.sidebar-left .close-sidebar-left,.sidebar-right .close-sidebar-right {
    position: absolute!important
}

.deploy-right-call {
    background-image: url(../images/menu-mobile-3/telephone.svg);
    background-position: center 16px;
    right: 130px;
    top: 0
}

.delete-right-sidebar,.deploy-back-home {
    background-repeat: no-repeat;
    background-color: #f9fafc;
    width: 50px;
    height: 50px;
    margin-top: -50px;
    float: right
}

.close-sidebar-left,.delete-right-sidebar,.deploy-back-home {
    background-position: center center
}

.sidebar-left,.sidebar-right {
    font-family: Nunito-Regular,Helvetica!important;
    position: fixed;
    top: 0;
    bottom: 0
}

.deploy-back-home {
    background-image: url(../images/menu-mobile-3/home.png)
}

.delete-right-sidebar {
    display: none;
    background-image: url(../images/menu-mobile-3/contact.png)
}

.sidebar-decoration,.submenu a {
    background-image: url(../images/menu-mobile-3/sidebar-deco.png)
}

.sidebar-left {
    width: 270px;
    z-index: 9999;
    left: -270px;
    overflow: hidden;
    box-shadow: 3px 0 3px 0 rgba(0,0,0,.1)
}

.sidebar-scroll-left {
    padding-right: 20px;
    left: 0;
    width: 310px;
    overflow: scroll!important;
    overflow-x: hidden!important;
    -webkit-overflow-scroll: touch!important;
    height: 100%;
    background-color: #c31c26
}

.sidebar-scroll-right {
    width: 275px;
    overflow: auto!important;
    overflow-x: hidden!important;
    height: 100%;
    background-color: var(--color0)
}

.sidebar-right {
    background-repeat: repeat;
    overflow: hidden;
    z-index: 99999;
    right: -280px;
    width: 270px;
    margin-right: 10px;
    box-shadow: -2px 0 2px 0 rgba(0,0,0,.1)
}

.sidebar-decoration {
    background-repeat: repeat-x;
    height: 2px;
    margin-bottom: 15px
}

.sidebar-left a,.sidebar-right a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
    color: #000!important;
    z-index: 1
}

.sidebar-notifications a,.submenu a {
    color: #878787;
    text-transform: uppercase
}

.sidebar-header-left {
    height: 65px;
    background-color: #c11718;
    position: relative
}

.sidebar-left-logo {
    max-height: 75px;
    position: absolute;
    top: -2px;
    left: 8px;
    margin-right: 179px
}

.sidebar-right-logo {
    top: 17px;
    right: 25px;
    max-width: 180px;
    float: right;
    max-height: 32px;
    position: relative
}

.icon-active,.icon-drop,.icon-page {
    position: absolute;
    top: 19px
}

.close-sidebar-left {
    background-image: url(../images/menu-mobile-3/left-chevron.svg);
    background-size: 45% auto;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px;
    margin-left: 205px;
    display: block
}
.video-accueil {
    position: absolute;
    top: 0;
    left: 50%;
    width: 120%;
    width: 120vw;
    height: 100vh;
    margin-left: -60%;
    margin-left: -60vw
}

.video-accueil video {
    width: 100%;
    height: 120vh;
    vertical-align: top;
    z-index: 1;
    position: relative
}



.sidebar-divider-text {
    font-size: 20px;
    padding-top: 15px;
    padding-left: 20px;
    padding-bottom: 15px;
    margin-bottom: 0;
    color: #fff!important;
    background: #1e1e1e
}

.close-bottom-left,.close-bottom-right,.facebook-bottom,.twitter-bottom {
    display: block;
    background-position: center 33px;
    background-size: 16px 16px;
    height: 50px;
    margin-top: -25px
}

.facebook-bottom,.icon-active,.icon-drop,.icon-page,.nav-item,.twitter-bottom {
    background-repeat: no-repeat
}

.home-nav {
    background-image: url(../images/menu-mobile-3/home.png)
}

.info-nav {
    background-image: url(../images/menu-mobile-3/infoabout.png)
}

.folio-nav {
    background-image: url(../images/menu-mobile-3/bendedright.png)
}

.mail-nav {
    background-image: url(../images/menu-mobile-3/mail.svg)
}

.newsletter-nav {
    background-image: url(../images/menu-mobile-3/rss.png)
}

.call-nav {
    background-image: url(../images/menu-mobile-3/phonehook.svg)
}

.text-nav {
    background-image: url(../images/menu-mobile-3/speechbubble4.png)
}

.facebook-nav {
    background-image: url(../images/menu-mobile-3/facebook.png)
}

.twitter-nav {
    background-image: url(../images/menu-mobile-3/twitter.png)
}

.sidebar-bottom-controls {
    background-color: #f78e1e
}

.sidebar-bottom-controls p {
    margin-top: 3px
}

.sidebar-bottom-controls a {
    font-size: 12px;
    background-repeat: repeat-y;
    text-align: center;
    float: left;
    width: 33%;
    line-height: 10px;
    display: block
}

.facebook-bottom {
    padding-top: 26px;
    background-image: url(../images/menu-mobile-3/facebook.png)
}

.twitter-bottom {
    background-image: url(../images/menu-mobile-3/twitter.png)
}

.close-bottom-left,.close-bottom-right {
    padding-top: 26px;
    background-image: url(../images/menu-mobile-3/accessdenied.png);
    background-repeat: no-repeat
}

.nav-item {
    font-size: 16.2px;
    background-size: 22px auto;
    background-color: #c9323b;
    height: 60px;
    line-height: 61.5px;
    padding-left: 60px;
    background-position: 20px center;
    margin-bottom: 1px
}

.close-sidebar-right,.prestation .cell.photo,.services .cell.gauche {
    background-position: center center
}

.icon-active {
    background-image: url(../images/menu-mobile-3/left-sidebar/location.png);
    background-size: 10px 15px;
    display: block;
    width: 10px;
    height: 15px;
    left: 240px
}

.icon-page,.submenu a em {
    background-image: url(../images/menu-mobile-3/left-sidebar/gopage.png);
    background-size: 8px 11px;
    width: 10px;
    height: 15px;
    display: block
}

.icon-page {
    left: 240px
}

.icon-drop {
    background-image: url(../images/menu-mobile-3/left-sidebar/godrop.png);
    background-size: 10px 8px;
    display: block;
    width: 10px;
    height: 15px;
    left: 239px
}

.submenu a {
    text-shadow: 0 2px 0 #000;
    background-repeat: repeat-x;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 25px;
    font-size: 10px;
    font-weight: 900
}

.contactButton,.sidebar-notifications a,.sidebar-send-button {
    font-family: Lato,sans-serif;
    font-weight: 700
}

.submenu a em {
    background-repeat: no-repeat;
    float: left;
    margin-top: 5px;
    padding-right: 35px
}

.submenu a:first-child {
    background-image: none!important
}

.sidebar-notifications a {
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 38px;
    margin-left: 20px;
    font-size: 10px;
    line-height: 10px
}

.sidebar-header-right {
    height: 65px;
    background-color: var(--color0);
    position: relative
}

.contactButton,.text-input {
    background-color: rgba(255,255,255,.1);
    border: 1px solid #3d3d3d
}

.close-sidebar-right {
    background-image: url(../images/menu-mobile-3/right-chevron.svg);
    background-size: 45% auto;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px;
    margin-left: 0;
    display: block;
    filter: grayscale(1);
}

.right-sidebar-copyright {
    margin: 20px 0
}

.footer-text a {
    padding-top: 10px;
    font-size: 10px;
    color: #8a8a8a
}

.copyright-sidebar {
    font-size: 10px;
    text-align: center;
    text-transform: uppercase
}

#left_label_name,.text-input {
    font-size: 11px;
    overflow: hidden;
    position: relative
}
.navh .menu_principal>li:hover>ul {
    opacity: 1;
    position: absolute;
}

.navh ul.sub-menu {
    background: var(--color4);
    display: none;
    top: 47px;
    padding: 0;
    position: absolute;
    left: 100%;
    width: max-content;
    transition: all .3s linear;
    flex-direction: column;
    padding: 10px 10px éàpx;
}
.navh .menu-item-35:hover ul.sub-menu {
    display: flex;
    left: 0;
}

.navh .menu_principal>li ul li {
    display: block;
    text-align: left;
    border-bottom: 1px solid #e0e0e047;
    padding: 8px 12px;
    width: 100%;
    background: no-repeat;
    opacity: 1;
}

.navh .menu_principal>li ul li a {
    font-size: 15px;
}

.navh .menu_principal>li ul li:last-child {
    border: 0;
}

.navh .menu_principal>li ul li a {
    text-decoration: none;
}

.navh .menu_principal>li ul li:before {
    display: none;
}

.navh .menu_principal>li ul li:hover a {color: var(--color1) !important;}

.navh .menu_principal>li ul li:last-child {
}
.menu-mobile-dynamique {
    margin: 0;
    padding: 0;
    list-style: none inside
}

.menu-mobile-dynamique li {
    width: 100%;
    margin-bottom: 1px;
    background: var(--color0);
    padding-left: 15px;
}

.menu-mobile-dynamique .sub-menu li {
    background-color: transparent;
    margin-bottom: 0
}

.menu-mobile-dynamique .sub-menu li a {
    height: 42px;
    text-transform: none;
    padding: 0;
}

.menu-mobile-dynamique .sub-menu {
    background: #d5952d38;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none
}

.menu-mobile-dynamique li.parent {
    position: relative;
    background-image: url(../images/menu-mobile-3/left-sidebar/gopage.svg);
    background-position: 241px 26.2px;
    background-repeat: no-repeat;
    background-size: 15px auto;
}
.menu-mobile-dynamique li.parent i{display: none;}

.menu-mobile-dynamique li a {
    display: table-cell;
    width: 270px;
    vertical-align: middle;
    text-decoration: none!important;
    font-size: 18px;
    background-image: url(../images/menu-mobile-3/bendedright.svg);
    background-size: 8px auto;
    text-transform: initial;
    color: #fff;
    height: 60px;
    background-repeat: no-repeat;
    padding-left: 14px;
    background-position: 0px 20px;
}

.menu-mobile-dynamique ul {
    list-style: none inside;
    padding-left: 0;
}

.menu-mobile-dynamique ul li a {
    background: transparent;
    color: #bebebe
}

.small-notification p {
    margin: 10px 13px;
    padding-bottom: 2px;
    line-height: 18px
}

.text-input {
    color: #666;
    width: 230px;
    margin-left: 20px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    display: block;
    box-sizing: border-box
}

#contactEmail {
    margin-bottom: -5px!important
}

#contactName {
    display: none;
    margin-bottom: 10px
}

#left_label_name {
    display: none;
    text-align: left;
    margin-bottom: 10px
}

#email_label,#name_label {
    margin-top: 20px;
    font-size: 12px;
    margin-left: 20px
}

#name_label {
    overflow: hidden;
    position: relative;
    display: none;
    font-family: Lato,sans-serif;
    color: #c5c5c5
}

#email_label {
    color: #c5c5c5;
    display: block;
    overflow: hidden;
    position: relative
}

#left_label_mail,.contact-button-house,.contactButton {
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 11px
}

#left_label_mail {
    line-height: 18px;
    text-align: left;
    font-family: 'Open Sans',sans-serif;
    margin-bottom: 10px
}

.contact-button-house {
    line-height: 18px;
    margin-bottom: 20px;
    vertical-align: baseline;
    outline: 0
}

.contactButton {
    margin-left: 20px;
    margin-top: 30px;
    height: 36px;
    text-transform: uppercase;
    width: 230px
}

.buttonWrap {
    padding: 10px!important;
    min-width: 43%
}

.contactSubmitButton {
    display: block!important;
    height: 36px!important;
    margin-right: 4px;
    float: left;
    margin-bottom: 20px
}

.contactNameField {
    padding-bottom: 5px;
    font-size: 12px
}

.contactField,.contactTextarea {
    font-size: 15px;
    overflow: hidden;
    color: #fff;
    min-width: 100%;
    display: block;
    box-sizing: border-box;
    position: relative
}

.contactField {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px
}

.contactTextarea {
    margin-bottom: 20px;
    line-height: 18px;
    height: 90px;
    padding: 9px 12px
}

.menu-mobile-dynamique input {
    -webkit-appearance: none;
    border-radius: 0
}

.sidebar-form {
    display: none;
    margin-left: 20px;
    width: 230px;
    box-sizing: border-box
}

.sidebar-form label {
    font-size: 13px;
    border-radius: 0!important;
    color: #c5c5c5;
    text-transform: uppercase;
    padding-top: 10px;
    display: block;
    opacity: .8
}

.sidebar-form input,.sidebar-form textarea {
    background-color: rgba(255,255,255,.1);
    border: 1px solid #3d3d3d
}

.sidebar-form .formValidationError p,.subscribe-notification p {
    color: #ff8181!important;
    padding-left: 0;
    display: block;
    text-align: center;
    text-transform: uppercase
}

.sidebar-form label span {
    text-transform: lowercase;
    float: right;
    opacity: .5
}

.sidebar-form textarea {
    margin-bottom: 0
}

.sidebar-send-button {
    font-size: 13px;
    display: block;
    width: 100%;
    color: #d2d2d2;
    text-transform: uppercase
}

.success-subscribe {
    margin-top: 20px;
    width: 230px;
    margin-left: 20px
}

.sidebar-form {
    margin-bottom: 0!important;
    margin-top: -10px!important
}

.sidebar-form .formSuccessMessageWrap {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 0
}

.sidebar-form #emailError,.sidebar-form #emailError2 {
    margin-top: 20px;
    width: 230px;
    margin-left: 20px;
    border-radius: 0;
    height: 36px
}

.sidebar-form #emailError p,.sidebar-form #emailError2 p {
    text-align: center;
    color: #ff8181;
    margin: 8px 0;
    display: block;
    background-image: none;
    text-transform: uppercase;
    padding-left: 0
}

.subscribe-notification {
    width: 230px!important;
    margin-left: 20px;
    border-radius: 0!important;
    margin-bottom: -15px!important;
    margin-top: 20px!important;
    background-image: none!important
}

.subscribe-notification p {
    background-image: none!important;
    margin: 20px 0 8px
}

.formValidationError {
    margin-bottom: -15px
}

.sidebar-form .formValidationError div {
    width: 230px;
    border-radius: 0!important;
    height: 36px;
    margin-top: 20px!important
}

.sidebar-form .formSubmitButtonErrorsWrap {
    overflow: visible!important;
    margin-bottom: 20px
}

.sidebar-form .formValidationError p {
    margin: 8px 0;
    background-image: none
}

.menu-mobile-dynamique label {
    display: block;
    overflow: hidden;
    position: relative;
    border: 0;
    vertical-align: baseline;
    outline: 0
}

.red-notification {
    background-color: rgba(219,84,84,.5);
    border-radius: 5px;
    border: 1px solid #f78e1e
}

.formValidationError .red-notification p {
    background-image: none!important;
    display: block!important;
    padding-left: 0!important;
    text-align: center!important
}

.no-bottom {
    margin-bottom: 0!important
}

.sidebar-left .btn-favoris {
    position: absolute;
    margin: 0;
    top: 1px;
    right: 3px;
    overflow: hidden;
    text-indent: 110px;
    background: url(../images/ico-fav.png) center center no-repeat;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 48px
}

.remonter {
    position: fixed;
    z-index: 9999;
    display: none;
    bottom: 10px;
    right: 10px;
    width: 44px;
    background: rgba(0,0 ,0,.5);
    border-radius: 3px
}

.remonter button {
    display: block;
    padding: 6px 10px 11px;
    text-align: center;
    background: 0 0;
    border: 0
}

.deprecated-ie {
    text-align: center;
    color: #000;
    background: #eee
}

.prestation,.services {
    display: table;
    z-index: 8000;
    background: #fff;
    position: relative;
    width: 100%
}

.deprecated-ie p {
    line-height: 30px;
    margin: 0
}

.deprecated-ie a {
    line-height: 30px;
    font-family: Helvetica,arial,sans-serif;
    font-size: 13px;
    color: #000;
    text-decoration: underline
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .lightboxOverlay {
        overflow:scroll
    }

    .lightboxOverlay::-webkit-scrollbar {
        width: 0
    }
}

.prestation {
    margin: 2% 0;
    display: flex;
    flex-direction: column;
    width: 49%;
}

.prestation .h1 {
    font-size: 28px;
}

.prestation:nth-child(2n) {
    /* direction: rtl; */
}

.prestation .cell.photo {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 400px;
}

.prestation .cell.photo:hover {
    opacity: .95
}

.prestation .cell.texte {
    display: table-cell;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    min-height: 35vh;
}

.prestation:last-child .cell.texte {
}

.prestation .cell.texte .contenu {
    padding: 20px 4%;
    text-align: center;
    direction: ltr;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.prestation .cell.texte .contenu ul {
    padding: 0;
    margin: 0
}

.prestation .cell.texte .contenu p {
    padding: 0;
    margin: 0 0 30px
}

.prestation .cell.texte .contenu ul li {
    padding: 5px 0 5px 20px
}

.services {
    /* border-bottom: 2px solid #e6e6e6; */
    padding: 0
}

body.body-service-list.body-service-list-0 .page.clear.services {
    padding: 0% 10% 5%;
}

.services p.titre-secondaire {
    margin: 0!important
}

.services .cell.gauche {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    border-right: 2px solid #e6e6e6;
    background-repeat: no-repeat
}

.services .cell.droite {
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.services .cell.droite .contenu {
    padding: 90px 12%
}

.services .cell.droite .contenu ul li {
    background: 0 0;
    padding: 0 0 10px
}

.services .miettes {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center
}

.services .miettes li {
    display: inline-block;
    vertical-align: top;
    background: 0 0;
    padding: 0
}

.services .miettes li a {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: var(--color1);
    display: inline-block
}

.services .miettes li a.active {
    background: #000;
    cursor: default
}

p.titre-secondaire {
    color: var(--color1);
    font-size: 18px;
    font-family: var(--font3);
    font-weight: 100;
    text-transform: math-auto;
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    color: var(--color2);
    border: 0;
    padding: 10px 20px
}

.hvr-shutter-out-horizontal.active {
    background-color: #6d870c
}

.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.zone-recherche .container .contenu form input[type=submit],a.bouton-principal {
    padding: 14px 24px;
    font-size: 16px;
    text-transform: initial;
    letter-spacing: 1px;
    text-decoration: none;
    background: var(--color1);
    color: var(--color0);
    border: 0;
    transition: all .3s linear;
    border-radius: var(--radius);
}

.prestation a.bouton-principal {
}

.prestation a.bouton-principal:hover {
    background: var(--color2);
    color: var(--color0);
}

.description-services a.bouton-principal.hvr-shutter-out-horizontal {
    color: var(--color1);
    border: 1px solid #ff980070;
}

.description-services a.bouton-principal.hvr-shutter-out-horizontal:hover {
    background: var(--color1);
    color: var(--color0);
}

.link-collection,a.link-cms {
    text-decoration: none !important;
    color: var(--color3);
    transition: .3s;
    font-family: var(--font_family_1);
    text-wrap: balance;
}

.zone-recherche .container .contenu form input[type=submit]:after {
    content: "";
    background-image: url(../images/svg/more.svg);
    background-size: contain;
    width: 18px;
    height: 18px;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9900;
    position: absolute
}

.body-page-1 .corps a.bouton-principal {
    margin: 50px 15px 30px 0
}
.btn-service {
    text-align: center;
    margin: 10px 0
}

.swiper-button-next, .swiper-button-prev,.avis-button-next, .avis-button-prev {
    padding: 5px;
    border-radius: 50%;
    margin: 0px 1rem;
    background: var(--color1);
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color0);
    transition: all .3s linear;
}
.bannSwiper .swiper-button-next,.bannSwiper .swiper-button-prev{
    position: absolute;
    z-index: 99;
    top: 50%;
    background: var(--color1);
    color: var(--color0);
    opacity: 0.5;
}
.bannSwiper .swiper-button-next{
    right: 1%;
}

.bannSwiper .swiper-button-next:hover {
    right: 2%;
}
.bannSwiper .swiper-button-prev{left: 0%;}

.bannSwiper .swiper-button-next:hover {
    right: 30%;
}

.swiper-button-next:hover, .swiper-button-prev:hover,.avis-button-next:hover, .avis-button-prev:hover {
    background: var(--color2);
    border-color: var(--color2);
    color: var(--color0);
    opacity: 1;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    z-index: 999;
    display: flex;
    right: 8%;
    BOTTOM: 5%;
    width: fit-content;
    float: right;
    position: absolute;
    justify-content: center;
    align-items: center;
    height: 5%;
    transform: translate(-50%);
    gap: 40px;
    /* flex-direction: column; */
}

.swiper-pagination-bullet {
    width: 2vw;
    height: 2vw;
    background: transparent;
    opacity: 1;
    margin: 10px 0px !important;
    border-radius: 50%;
    position: relative;
    transition: all .3s linear;
    border: 2px solid var(--color0);
}

.swiper-pagination-bullet:before {content:"";position: absolute;width: .5vw;height: .5vw;background: var(--color0);border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all .3s linear;}

span.swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {border: 2px solid var(--color1);}

span.swiper-pagination-bullet.swiper-pagination-bullet-active:before,.swiper-pagination-bullet:hover:before {
    background: var(--color1);
}
.swiper-buttons {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%)
}

.AvisClientsBg .swiper-buttons {
    bottom: 7%;
}

.atouts .swiper-button-next,.atouts .swiper-button-prev {
    padding: 8px 11px;
    /* border-radius: 50%; */
    margin: 35px 0rem 0;
    display: inline-flex;
    /* background: var(--color2); */
    /* color: var(--color0); */
    position: relative;
    left: 50%;
    transform: translate(-100%);
    font-size: 14px
}

.base-container {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    background: var(--color0);
}

.nosServicesBg .section-line {
    width: 4px;
    height: 100px;
    background-color: var(--color1);
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    margin-top: 140px;
    margin-left: 120px
}

.services-block-wrap {
    width: 100%;
    gap: 20px;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.description-services {
    max-width: 100%;
    width: 100%;
}

.description-services:before {
    width: 30px;
    height: 40px;
    background-color: var(--color1);
    position: absolute;
    left: 0
}

.description-services .paragraph-with-margin {
    margin: 0 0 30px;
    font-size: 18px
}

.paragraph-with-margin span.titre-secondaire {
    color: var(--color0);
}

.description-services .secondary-button.black-text.w-button {
    color: var(--color1);
    letter-spacing: .5px;
    background-color: var(--color0);
    border: 1px solid var(--color1);
    padding: 10px 20px;
    font-family: var(--font_family_1);
    font-weight: 400;
    line-height: 1.5em;
    transition: .3s;
    text-decoration: none
}

.description-services .secondary-button.black-text.w-button:hover {
    background: var(--color1);
    color: var(--color0);
    text-decoration: none
}

.card-wrapper {
    flex-direction: row;
    width: 100%;
    position: relative
}

.card-wrapper .services-list {
    overflow: hidden;
    padding-bottom: 5em;
}

.service-content {
    grid-column-gap: 30px;
    display: flex;
    max-width: 100%;
    position: relative
}

.service-image {
    width: 100%;
    height: 450px;
    flex: none;
    overflow: hidden;
    background: var(--color3);
    align-items: center;
    border-radius: var(--radius);
    border-radius: var(--radius);
}

.service-image img {
    height: 100%;
    transition: .3s;
    width: 100%;
    object-fit: cover;
    border-radius: var(--radius);
}

a.link-cms {
    font-size: 1vw;
    text-align: center;
    letter-spacing: 1px;
    text-wrap: balance;
}

p.paragraph-with-margin {
    margin-top: 20px;
    margin-bottom: 50px;
    overflow: hidden;
    height: 112px;
    line-height: 1.4;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical
}

.service-description {
    flex-direction: column;
    justify-content: center;
    padding: 1.2vw 30px;
    display: flex;
    position: absolute;
    min-height: 15vh;
    align-items: center;
    width: 90%;
    background: var(--color0);
    text-align: center;
    gap: 5px;
    border-radius: var(--radius);
    bottom: -6vh;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 5px 5px 40px #00000033;
}

.link-collection {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 18px;
    display: inline-block
}

a.link-collection {
    color: var(--color1);
    text-transform: initial;
    letter-spacing: 1px;
    font-family: var(--font1);
    padding: 0;
    text-decoration: none !important;
}

a.link-collection:hover {opacity: .4;text-decoration: none !important;}

.red-line {
    width: 0;
}
/* banniere slider */
.swiper.bannSwiper.swiper-container-fade.swiper-container-horizontal{width: 100%;z-index: 1;position: relative;height: 100vh;}
.bannSlide .item-slide {
    height: 100vh;
    width: 100vw;
    animation: zoomInFaster 25s linear infinite 0s;
    -o-animation: zoomInFaster 25s linear infinite 0s;
    -moz-animation: zoomInFaster 25s linear infinite 0s;
    -webkit-animation: zoomInFaster 25s linear infinite 0s;
    background-size: cover;
    background-position: center;
    position: relative;
}

.bannSlide .item-slide:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #0000006e, #00000014);
}
 /* zoomInFaster */
    
    @keyframes zoomInFaster {
        0% {
            transform: scale(1);
            -ms-transform: scale(1);
        }
        30% {
            transform: scale(1.2);
            -ms-transform: scale(1.2);
        }
        100% {
            transform: scale(1);
            -ms-transformm: scale(1);
        }
    }
    
    @-o-keyframes zoomInFaster {
        0% {
            transform: scale(1);
            -ms-transform: scale(1);
        }
        30% {
            transform: scale(1.2);
            -ms-transform: scale(1.2);
        }
        100% {
            transform: scale(1);
            -ms-transformm: scale(1);
        }
    }
    
    @-moz-keyframes zoomInFaster {
        0% {
            transform: scale(1);
        }
        30% {
            transform: scale(1.2);
            -ms-transform: scale(1.2);
        }
        100% {
            transform: scale(1);
            -ms-transformm: scale(1);
        }
    }
    
    @-webkit-keyframes zoomInFaster {
        0% {
            transform: scale(1);
            -ms-transform: scale(1);
        }
        30% {
            transform: scale(1.2);
            -ms-transform: scale(1.2);
        }
        100% {
            transform: scale(1);
            -ms-transformm: scale(1);
        }
    }
[data-animate] {
  opacity: 0;
  transition: all 0.8s ease-out;
}
[data-animate="bottom"] {
  transform: translate3d(0, 15px, 0);
}
.swiper-slide-active [data-animate] {
  opacity: 1;
  transform: none;
}
.swiper-slide-active .animeslide-heading {
  transition-delay: 0.6s;
}
/* banniere slider */

/* actualites */
.actualites .cell.photo a {
    display: block
}

.actualites .cell.photo.cover img {
    object-fit: cover;
    -o-object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    flex: 1;
    height: 100%
}

.actualites {
    display: table;
    width: 100%;
    position: relative;
    z-index: 8000;
    background-color: var(--color0);
    padding: 7em 10% 6%;
}

.actualites article {
    display: flex;
    width: 100%;
    gap: 20px;
}

.actualites:nth-child(even+1) {
    direction: rtl
}

.actualites .cell.photo {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    background-position: center center;
    border-radius: var(--radius);
}

.actualites .cell.photo:hover {
    opacity: .95;
    filter: alpha(opacity=95)
}

.actualites .cell.texte {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    border-bottom: 2px solid var(--color0)
}

.actualites:last-child .cell.texte {
    border-bottom: none;
    background-position: center;
    border-radius: var(--radius);
}

.actualites .cell.texte .contenu {
    padding: 3em 10%;
    text-align: left;
    direction: ltr;
    color: var(--color3);
    border-radius: var(--radius);
}

.text-center.cta-btn {
    display: flex;
    gap: 10px;
}

.text-center.cta-btn a:nth-child(1) {
    background: var(--color1);
    color: var(--color0);
    border-color: var(--color1);
}

.text-center.cta-btn a:nth-child(2) {
    border: 1px solid #d5952d63;
}

.text-center.cta-btn a:nth-child(1):hover {
    background: var(--color2);
}

.actualites .cell.texte .contenu ul {
    padding: 0;
    margin: 0
}

.actualites .cell.texte .contenu ul li {
    padding: 5px 0 5px 20px;
    background: url(../images/puce.svg) no-repeat 0 9px
}

.actualites .cell.texte .contenu ul li .bouton-principal {
    display: block
}

.view-btn-all {
    position: relative;
    display: table;
    margin: 20px auto
}

.view-btn-all i {
    margin-left: 8px;
    font-size: 14px
}

.actualites .date_post,.news .date-article {
    font-size: 15px;
    color: var(--color3);
}

.news .ligne-actus .date-article {
    margin-top: 18px;
    margin-bottom: 0
}

.news .ligne-actus .contenu-article {
    margin-top: 0
}

.news .contenu-article {
    margin-top: 21px
}

.news .contenu-article + .div-rs {
    margin: 4vh 0;
    display: flex;
    align-items: center;
    gap: 25px;
    border-top: 1px solid #00000036;
    padding-top: 3vh;
}

/* actualites */
.AvisClientsBg {
    padding: 5% 10% 8%;
    background: var(--color0);
    position: relative;
}
body.body-temoignage.body-temoignage-0 .AvisClientsBg{background: var(--color0);}
.AvisClientsBg .contenu {
}

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

.AvisClientsBg:before {
    content: "";
}

.AvisClientsBg .bx-prev {
    left: -2vw
}

.AvisClientsBg .bx-prev:before {
    display: inline-block;
    content: "\f053";
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    font-size: 23px;
    color: var(--color3)
}

.AvisClientsBg .bx-next {
    right: -2vw
}

.AvisClientsBg .bx-next:before {
    display: inline-block;
    content: "\f054";
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    font-size: 23px;
    color: var(--color3)
}

.AvisClientsBg .bx-next,.AvisClientsBg .bx-prev {
    text-indent: initial;
    font-size: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-top: -55px;
    justify-content: center;
    opacity: .7;
    transition: .5s
}

.AvisClientsBg .bx-next:hover,.AvisClientsBg .bx-prev:hover {
    opacity: 1
}

.AvisClientsBg .contenu .bx-viewport {
    padding: 28px 0 45px;
    display: block;
    height: auto!important
}

.etoiles .fa {
    color: #fc0
}

.AvisClientsList {
    margin: 0;
    padding: 2vh 0 2vh;
    overflow: hidden;
}

.AvisClientsList li {
    list-style: none;
    background: 0 0;
    padding: .5vw;
}

.AvisClientsList li:before {
    content: none
}

.avisClientsBg .h {
    text-align: center
}

.AvisClients,.AvisClients:link,.AvisClients:visited {
    position: relative;
    padding: 2rem 9% 2rem;
    text-align: center;
    height: 35vh;
    margin-top: 0;
    display: block;
    background: var(--color0);
    text-decoration: none;
    border-radius: var(--radius);
    border: 1px solid #c09b1570;
    box-shadow: 1px 4px 15px #00000000;
}

.AvisClients:active,.AvisClients:hover {
    background-color: var(--color0)
}

.AvisClients .h {
    color: var(--color3);
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 0
}

span {}

.AvisClients p {
    font-size: .8vw;
    margin-bottom: 0;
    color: var(--color3);
    padding-top: 15px;
    line-height: 1.7;
}

.AvisClients .blazy {
    font-size: 16px;
    color: var(--color0);
    width: 128px;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 20px;
    position: absolute;
    top: -70px;
    left: 50%;
    margin-left: -64px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: var(--color0)
}

.AvisClientsBg .bx-pager {
    bottom: 17px
}

.avisContent:before {
    content: '\00AB';
    display: inline-block;
    margin-right: 5px
}

.avisContent:after {
    content: '\00BB';
    display: inline-block;
    margin-left: 5px
}

.temoignageScroll {
    max-height: 200px;
    text-align: center;
}

.temoignageScroll .scrollbar-content {
    padding: 0 10px 0 0;
    width: 100%
}

.temoignageScroll .scrollbar-path-vertical {
    right: 0
}

.date_post {
    font-size: 15px;
    padding: 4px 0;
    color: var(--color3);
}

.date_post i {
    margin-right: 8px
}

.AvisClientsBg .bx-controls.bx-has-pager {
    display: block;
    position: relative;
    height: 70px
}

.livre-elements {
    padding: 0 12%;
    margin-bottom: 40px;
    text-align: center
}

.livre-elements .livre-ligne {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.livre-elements .blazy {
    margin: 0 auto 10px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: var(--color0);
    width: 115px;
    height: 115px
}

.livre-elements .pseudo {
    margin-bottom: 6px;
    font-size: 21px;
    color: var(--color2);
    text-align: center;
    text-transform: uppercase;
    font-weight: 600
}

.livre-elements .date {
    margin-bottom: 2px!important;
    color: var(--color2)
}

.livre-elements .etoiles {
    margin-bottom: 0!important
}

.livre-elements .temoignage {
    text-align: center;
    display: block;
    margin-top: 20px;
    font-size: .7vw;
}

.livre-elements .temoignage:before {
    content: '\00AB';
    display: inline-block;
    margin-right: 5px
}

.livre-elements .temoignage:after {
    content: '\00BB';
    display: inline-block;
    margin-left: 5px
}

.divAvis {
    padding: 25px 27px;
    margin-bottom: 3rem;
    border: 1px solid #c09b1559;
    border-radius: var(--radius);
    width: 48%
}

.btn-avis {
    margin-bottom: 30px
}

.modal-content a,.modal-content a:link,.modal-content a:visited {
    color: var(--color2)
}

.modal-header .h1 {
    text-align: center;
    margin: 1vh 10% 40px;
    color: var(--color1);
    font-size: 1.6vw;
    font-weight: 700;
    text-shadow: none
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    z-index: 9999;
    font-size: 16px;
    color: var(--color0)
}

.modal-backdrop.in {
    z-index: 0
}

.modal-open .modal {
    z-index: 99997;
    background: rgb(0 0 0 / 20%);
    color: var(--color3);
    text-shadow: none;
    font-family: Arial,Helvetica,sans-serif
}

.modal-content .btn-close {
    border: 0;
    background: 0 0;
    padding: 0;
    font-size: 21px;
    color: var(--color1);
    opacity: .4;
    line-height: 1;
    right: 3%;
    position: relative;
}

.modal-content .form-control {
    min-height: 44px;
    border-radius: 2px
}

.modal-content .btn-close:focus,.modal-content .btn-close:hover {
    opacity: 1;
}

.modal-content .submit-review {
    padding-right: 60px!important
}

.modal-content label.control-label {
    display: none;
    padding-top: 0!important
}

.modal-content label.control-label.label-note,.modal-content label.control-label.label-photo {
    display: block;
    padding-top: 14px!important;
    color: var(--color3);
}

#add-review {
    text-align: center
}

label.checkbox.conditionsLabel {
    color: var(--color3);
}

#add-review .form-group {
    text-align: left
}

#add-review input[type=file] {
    display: block;
    width: 100%;
    height: 50px
}

#add-review #stars-existing {
    margin: 0 auto 10px;
    display: block;
    text-align: left;
    padding-top: 15px
}

#add-review .form-group #captcha {
    height: 46px!important
}

.formulaire #add-review .form-group .form-control,.formulaire #add-review .form-group input,.formulaire #add-review .form-group textarea {
    background: var(--color0);
    border: 1px solid #ccc;
    color: var(--color3);
    border-radius: 2px
}

.modal-content .form-control::placeholder {
    color: var(--color3)!important;
    opacity: 1
}

#add-review .submit-review {
    margin: 15px auto!important;
    padding: 14px 15px!important;
    float: none;
    display: block;
    background-image: none
}

#add-review .body-review {
    height: 100px
}

#add-review .form-group.form-group-1 .col-md-10,#add-review .form-group.form-group-2 .col-md-10,#add-review .form-group.form-group-4 .col-md-10 {
    width: 100%
}

#add-review .conditions,.modal-content .email-block {
    font-size: 10px;
    font-weight: 400;
    font-style: italic;
    text-align: justify;
    opacity: .6;
    display: block;
    clear: both;
    color: var(--color3)!important;
}

.cont-slider {
    position: relative
}

.sudo-slider {
    width: 100%;
    z-index: 8999999
}

.sudo-slider .slide {
    text-align: center;
    height: 135px;
    line-height: 135px
}

.sudo-slider .slide img {
    max-height: 100%
}

.cont-slider .controls {
    z-index: 9002;
    display: inline-block;
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    text-align: center
}

.cont-slider .controls ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.cont-slider .controls ol li {
    display: inline-block;
    background: 0 0;
    padding: 0
}

.cont-slider .controls ol li a {
    display: block;
    width: 10px;
    height: 10px;
    background: var(--color2);
    margin: 0 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    opacity: .5
}

.cont-slider .controls ol li.current a {
    opacity: 1
}

.cont-slider .controls ol li a span {
    display: none
}

.centerservice2 {
    margin: 0 16%!important
}

.centerservice {
    margin: 0 33%!important
}

.row.zone-leads {
    padding: 4% 15%;
    background: #e7e7e7;
}
@media (min-width: 2500px){

}
@media (max-width: 1330px){
    /* .zone-recherche{} */
}
@media (max-width: 1300px) {
    .zone-recherche .container .contenu form .formg2{width: 40%}

.zone-recherche .container .contenu form .formg {
    width: 37%;
}
    /* .zone-recherche{top: -10em;} */
    .banniere{}
    .slogan .titre {font-size: 50px;}
    .atout-items{grid-gap: 40px;}
    header.hide-print.tete div.container{padding: 0% 5%;}
    .slogan{top: calc(35% + 50px);width: 70%;}    
    .body-page-1 .h1, .body-page-1 h1, .body-pageseo .h1, .body-sitemap .content ul, .description-services .h1, .flex-seoContain .seo-content h1, .flex-seoContain .seo-form h2.h1{font-size: 2em;}
    .atout-desktop{padding: 7em 5% 10em;}
    .atout-desktop .atout-item{flex-direction: column;align-items: flex-start;border: 0;gap: 0;}
    .atout-desktop .atout-item:nth-child(4), .atout-desktop .atout-item:nth-child(5), .atout-desktop .atout-item:nth-child(6){flex-direction: column;align-items: flex-end;}
    .actus,.realisations, .actualites, .row.bande1{padding: 4% 10% 2%;}
    .prestation .h1{font-size: 25px;}
    .container{padding: 1% 10%;}
    .slogan h1{font-size: 2.5em;}
    .introBg:before {
        width:300px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .pad-sm,.pad-sm-l {
        padding-left:15px!important
    }

    .pad-sm,.pad-sm-r {
        padding-right: 15px!important
    }

    .nopad-sm,.nopad-sm-l {
        padding-left: 0!important
    }

    .nopad-sm,.nopad-sm-r {
        padding-right: 0!important;
    }

    .zone-recherche .container .contenu form .formg2 {
        width: 25%
    }

    .zone-favoris .article:nth-child(odd) {
        clear: both
    }

    .modele-liste .info-cat {
        position: static;
        margin: 10px 0 0
    }

    .zone-recherche .container .contenu form .formg {
        display: inline-block;
        margin: 0 15px;
        width: 25%
    }

    .slider.slider-horizontal {
        width: 100%
    }

    .cat-liste .btn-alerte {
        background: url(../images/image-select2.png) 160px center no-repeat;
        padding: 17px 40px 17px 10px
    }

    .cat-liste #filtres form {
        padding: 9px 15px
    }

    .cat-liste .btn-filtrer a {
        padding: 17px 40px 17px 30px
    }

    .encarts .captures {
        position: relative;
        text-align: center;
        width: 100%;
        margin-left: -350px;
        left: 50%;
        right: 0;
        margin-bottom: 50px
    }
}
.pied .scrollbars{margin:15px 0 0;height:260px;position: relative;float: left;width: 100%;}
.scrollbars{width:100%;height:28vh;}
.scrollbar-path-horizontal,.scrollbar-path-vertical{position:absolute;background-color:#ececec;z-index:100}
.mCSB_scrollTools .mCSB_draggerRail,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #eee;}
.scrollbar-path-horizontal{bottom:5px;left:0;width:100%;height:5px}
.scrollbar-path-vertical{right:5px;top:0;height:100%;width:5px;box-shadow:inset 1px 0 1 rgba(0,0,0,.1)}
.scrollbar-path-horizontal{box-shadow:inset 0 1px 1 rgba(0,0,0,.1)}
.scrollbar-handle{position:relative;top:0;left:0;background-color:var(--color1)}
.scrollbar-path-vertical .scrollbar-handle{height:20%;width:100%}
.scrollbar-path-horizontal .scrollbar-handle{width:20%;height:100%}
.scrollbar-handle,.scrollbar-path-horizontal,.scrollbar-path-vertical{border-radius:5px}
.scrollbar-content{padding:0 30px 0 0;float:none!important}
.body-page-1 .block.block-1{width: 100vw;}
@media (max-width: 1376px){
    .news.newsList article.item .h h2 {
        min-height: 70px;
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    section.section.reservation {
    padding: 5%;
}
    .atouts .swiper-button-next{left: 52%;}
    .atouts .swiper-button-prev{
    left: 48%;
}
    .prestation .cell.texte{min-height: 40vh;}
    .banniere-interne{height: 40vh;}
    .AvisClients p{font-size: 16px;}
    .AvisClients, .AvisClients:link, .AvisClients:visited{height: 25vh;overflow: scroll;}
    .list-services{padding: 4%;}
    .col-lg-6.col-md-6.col-sm-12.col-xs-12.nopad.nopad-sm.nopad-xs.hide-print.formulaire {
    padding: 4% 10% 2% !important;
}
    .AvisClientsBg{padding: 8% 5% 15%;}

.actualites {
    padding: 5%;
}

.introBg {
    padding: 10% 5%;
}

.actualites .cell.texte .contenu {
    padding: 4% 0%;
}

.realisations {
    padding: 9% 5%;
}
    .slogan p{font-size: 3vw;}
    .modal-dialog {
    width: 94vw;
}
    .news.newsList article.item .h h2 {
        min-height: 100px;
        font-size: 20px;
    }
    .body-page-1 .actualites .cell.photo{width: 100%;height: 400px;}
    .body-page-1 .actualites article{flex-direction: column;}
    .body-page-1 .actualites:last-child .cell.texte{width: 100%;}
    body{overflow-x: hidden;}
    .service-left,.service-right.scrollbars{width: 100%;}
    .service-display{flex-wrap: wrap;justify-content: center;align-items: center;}
    .text-center.cta-btn {
        flex-direction: column;
        align-items: flex-start;
        white-space: pre;
    }
    .item-news .photo.cover img {
        width: 100%;
    }
    body.body-service-list.body-service-list-0 .page.clear.services{padding: 0% 0% 5%;}
    .banniere:before{display: none;}
    .row.bande1{padding: 7% 2% 4%;}
    .nosServicesBg{padding: 4em 2% 4em;}

.atouts {
    padding: 5%;
}
    .realisations .row.recup-photos.gallery{grid-template-rows: 200px 200px;}


    .zone-recherche .container .contenu form{display: block;padding: 4em 0;;}
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
        
flex-direction: row;
        
justify-content: flex-start;
        
height: 44px;
        
top: 400px;
        
left: 50%;
        
transform: translate(-50%);
    }
        .slogan h1 {
        font-size: 2em !important;
    }
    .banniere{height: 500px;}

.slogan .titre {
    font-size: 40px;
}
    .bannSlide .item-slide{height: 500px;}
    .row.bande1 {
        display:table-cell
    }

    .body-page-1 .fluid-contenu:before,.img-reser,.introBg:before,.modele-liste .item:before,.zone-recherche .container:before,a.sudolien.precedent,a.sudolien.suivant {
        display: none
    }

    .card-wrapper,.description-services {
        width: 100%;
    }

a.link-cms {
    font-size: 18px;
}

    .bloc-atout {
        top: 0;
    }

.bloc-atout .h1, .bloc-atout .titre-secondaire {
    text-align: center;
}

.atout-item {
    min-height: 32vh;
}

.bloc-atout .h1:before {
    left: 50%;
    transform: translate(-50%);
}

    .slogan,.banniere-interne .slogan {
        top: 18vh;
        width: 100%;
        padding: 0 10%;
    }

    .flex-seoContain {
        flex-wrap: wrap
    }

    .flex-seoContain .seo-content {
        width: 100%;
        background: 0 0
    }

    .flex-seoContain .seo-form {
        width: 100%
    }

    .img-seo img,a.imagecont.noflicker.img1 {
        width: 100%;
        height: auto;
        margin: 0 0 16px;
        display: block
    }

    .bande_contact_footer .row1 {
        padding: 5rem 11%
    }

    .gallery .ligne-photos.centerservice2 {
        margin: 0!important
    }

    .gallery .ligne-photos.centerservice {
        margin: 0 25%!important
    }

    .gallery .ligne-photos .col-md-1,.gallery .ligne-photos .col-md-2,.gallery .ligne-photos .col-md-3,.gallery .ligne-photos .col-md-4,.gallery .ligne-photos .col-md-6 {
        padding-left: 5px!important;
        padding-right: 5px!important
    }

    .gallery .ligne-photos {
        margin-left: -5px!important;
        margin-right: -5px!important
    }

    .gallery .ligne-photos .propor {
        margin-bottom: 10px
    }

    .pied .atelier-txt {
        text-align: justify
    }

    .btn-partage,.encarts .boutiques,.encarts .flash,.encarts .titre-boutiques,.encarts h2,.pied .copyright-footer {
        text-align: center
    }

    .pied .copyright-fd {
        display: block;
        text-align: center;
        margin: 5px 0 0
    }

    .pied .copyright-footer a {
        line-height: 20px;
        display: inline-block;
        margin: 10px 0 0
    }

    .cat-produit .form-question input[type=submit] {
        background: 0 0!important
    }

    .pied h2 {
        font-size: 16px
    }

    .modele-liste .kilom {
        /* position: static; */
        display: inline-block
    }
    .plan .block #googlemapapi,.plan iframe {
        width: 100%;
    }

    .fluid-contenu .corps {
        padding: 30px 0
    }

    .coordonnees {
        position: static;
        padding: 25px 40px 10px;
        margin: 10px 0
    }

    .fluid-contenu,.zone-recherche {
        margin: 0;
    }
    .body-page-1 .fluid-contenu, .body-gallery .fluid-contenu{padding-top: 0;}

.zone-recherche,.actus {
    padding: 4% 5%;
}

.zone-recherche.col-lg-6.col-md-6.col-sm-12.col-xs-12.aos-init.aos-animate {
    padding: 12px;
    background: #fff;
}

.zone-recherche.col-lg-6.col-md-6.col-sm-12.col-xs-12.aos-init.aos-animate .container {
    padding: 0;
}

    .btn-partage {
        padding: 30px 0 20px;
        /* display: block */
    }

    .pied .atelier-plus {
        background: 0 0;
        display: inline-block;
        padding: 11px 30px;
        margin: 0 0 30px
    }

    .encarts .flash {
        position: static;
        width: 100%;
        padding: 40px 0 0;
        margin: 0 0 30px
    }

    .contact .formulaire .form-group .col-md-4,.contact .formulaire .form-group .col-md-8,.tabb2 .cell {
        width: 100%!important
    }

    .pied .bande1 {
        padding: 40px 0!important
    }

    .encarts ul li {
        background: url(../images/ico-puce.png) 0 center no-repeat;
        font-size: 19px;
        padding: 0 0 0 30px;
        color: #fff;
        margin: 3px 0
    }

    .encarts h2 {
        font-size: 24px;
        margin-bottom: 30px
    }

    .encarts {
        padding: 120px 0 110px!important;
        height: auto;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .h1,.zone-recherche .actus .h1.titre2,h1 {
        padding: 0 0 20px;
        margin-bottom: 30px
    }

    .h1,h1 {
        font-size: 24px;
    }

    .body-page-1 .fluid-contenu {
        height: auto;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding-bottom: 2em;
    }

    .modele-liste .col-md-2,.modele-liste .col-md-3,.modele-liste .col-md-4,.modele-liste .col-md-6 {
        background: 0 0
    }

    .modele-liste .item {
        padding: 0;
        margin-bottom: 30px
    }

    .zone-recherche .container .contenu {
        padding: 30px 0 0
    }

    .zone-recherche .actus {
        padding: 50px 0 20px
    }

    .zone-recherche .container .contenu .h1.titre1 {
        margin-bottom: 30px
    }

    .cont-slider .haut .droite {
        white-space: nowrap
    }

    .cont-slider {
        position: static;
        width: 100%;
        margin-left: 0;
        background: #1e1e1e
    }

    .caption {
        background: #1f1f1f;
        position: static;
        width: 100%;
        opacity: 1;
        padding: 10px 15px 30px
    }

    .lb-next,.lb-prev {
        opacity: 1!important
    }

    .container {
        max-width: none;
        width: auto;
        padding: 4% 5%;
    }

    .contact .formulaire .form-group input[name=captcha] {
        width: 100%!important;
        margin-right: 0!important;
        text-align: left!important
    }

    .contact .formulaire .form-group input[name=captcha]+a {
        position: absolute;
        width: 140px;
        top: 0;
        right: 0;
        margin-right: 0!important
    }

    .lb-prev {
        background: url(../images/lightbox-g.png) left 48% no-repeat
    }

    .lb-next {
        background: url(../images/lightbox-d.png) right 48% no-repeat
    }

    .scrollbars {
        width: 100%;
        height: auto
    }

    .scrollbar-content {
        padding: 0
    }

    .zone-favoris .container {
        padding: 0 15px
    }

    .tabb2 {
        display: block;
        margin: 0;
        width: 100%;
        padding: 25px 0 40px
    }

    .tabb2 .cell {
        display: block;
        vertical-align: top;
        position: relative
    }

    .tabb2 .cell .reser {
        display: block;
        position: static
    }

    .tabb2 .cell .reser p a {
        padding: 90px 20px
    }

    .tabb2 .cell .contt .datepicker {
        max-width: 100%;
        margin: 0 auto
    }

    .tabb2 .cell .contt {
        padding: 20px 0 30px;
        min-height: 0
    }

    .tabb2 .cell .contt h2 {
        font-size: 24px;
        padding: 0 0 15px
    }

    .modal-content .modal-body {
        border-radius: 0;
        padding: 0 5px 40px
    }

    .modal-content h2 {
        margin-bottom: 20px;
        font-size: 18px
    }

    .modal-content .btn-default {
        padding: 10px 0;
        width: 100%
    }

    .ui-datepicker .ui-datepicker-header {
        font-size: 22px
    }

    .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
        top: 36px;
        width: 1.3em;
        height: 1.3em
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 0
    }

    .ui-datepicker .ui-datepicker-next {
        right: 0
    }

    .tabb2 .cell .reser div a,.tabb2 .cell .reser div p {
        padding: 20px
    }

    .masque-noir {
        z-index: 999;
    }

    .zone-favoris {
        top: 70px;
        left: 15px;
        right: 15px;
        z-index: 9999;
    }
}

@media (min-width: 992) {
    .zone-favoris .article:nth-child(3n+1) {
        clear:both
    }
}

@media (min-width: 991px) and (max-width:1199px) {
    .navh .menu_principal a,.navh .menu_principal a:visited {
        font-size:12px;
        padding: 30px 5px
    }

    .pied h2 {
        font-size: 22px
    }

    .modele-liste .item:before {
        display: none
    }

    .pied .navf .menu_footer li a,.pied .navf .menu_footer li a:visited {
        font-size: 13px;
        padding: 0 4px
    }

    .caption {
        left: 520px
    }

    a.sudolien.precedent {
        left: 440px
    }

    a.sudolien.suivant {
        right: 440px
    }

    .zone-recherche .container .contenu form .formg {
        width: 28%
    }

    .zone-recherche .container:before {
        width: 999px;
        left: -15px
    }

    .encarts .flash {
        left: 280px
    }

    .zone-recherche .container .contenu form .formg2 {
        width: 20%
    }
}

@media (max-width: 1199px) {
    .remonter {
        display:none!important
    }
}

.g-recaptcha {
    float: left
}

#g-recaptcha-response {
    left: 12px;
    position: relative;
    display: block!important;
    top: -45px;
    opacity: 0!important;
    margin: 0!important;
    height: 10px!important
}

/* loader */
.loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: var(--color0);
    z-index: 99999999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* loader */


@media (max-width: 767px) {
    .gallery .service-left .ligne-photos.centerservice div.col-md-12{width: 100%;}
    article.news.newsItem .btn-partage a{width: 40px;height: 40px;padding: 0;}
    article.news.newsItem .btn-partage .icones{width: 20px;height: 20px;}
    section.section.reservation{padding: 5% 0;}
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{padding: 10px 0;}
    .row.bande1 i{padding-right: 8px;}
         .AvisClients p {
        font-size: 14px;
    }
    .AvisClients, .AvisClients:link, .AvisClients:visited{
    min-height: 40vh;
}
    .btn-liens-rs.btn-rs-center {
        justify-content: center;
    }
    .AvisClients, .AvisClients:link, .AvisClients:visited{}
    
    .introBg{padding: 10% 4%;}
    .zone-recherche .container .contenu form input[type=submit], a.bouton-principal,a.accueil-plus{padding: 10px 20px;font-size: 14px;}
    .prestation .h1{font-size: 16px;}
    .col-lg-6.col-md-6.col-sm-12.col-xs-12.nopad.nopad-sm.nopad-xs.hide-print.formulaire{padding: 4% 4% 2% !important;}
    .coordonnees address{display: flex;flex-direction: column-reverse;}
    .row.map-home{padding: 0em 2% 0em;width: 100%;overflow: hidden;}
    div#map{display: flex;justify-content: center;align-items: center;height: 300px;}
    .atout-item{}

.atout-item {
    font-size: 14px;
}
    .AvisClientsBg{padding-bottom: 28%;}
    .h1, h1,body.body-service .gallery h1{font-size: 17px;}
    .h2, h2,body.body-service .gallery h2{font-size: 15px;}
    .h3, h3,body.body-service .gallery h3{}

.AvisClients .h {
    font-size: 20px;
}

.AvisClients .h {}
    .h4, h4,body.body-service .gallery h4{font-size: 18px;}
    .h5, h5,body.body-service .gallery h5{font-size: 11px;}
    .h6, h6,body.body-service .gallery h6{font-size: 10px;}
    .fourfile{grid-template-rows: auto}
    .bannSlide .item-slide,.banniere{height: 300px;overflow: hidden;background-size: cover;WIDTH: 100%;animation: none;}
    .slogan{}
    .fluid-contenu, .zone-recherche{padding-top: 1em;}
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{top: 230px;}
    .btn-partage{padding: 20px 0 0px;}
    .home-text.scrollbars{}
    .slogan p{font-size: 16px;letter-spacing: 1px;}
    .zone-recherche .container .contenu form .formg.formmmm.range-prix, .zone-recherche .container .contenu form .formg.range-annee{margin: 0 0 30px 0;}
    .zone-recherche .container .contenu form .formg.formmmm.range-prix{margin-bottom: 60px;}
    span.titre-secondaire{font-size: 15px;}
    div#garage-vehicules-list > .row, ul.similare-product.modele-liste{flex-wrap: wrap;}
    .list-services{flex-wrap: wrap;}
    .prestation{width: 100%;}
    .actualites article {flex-direction: column;}
    .zone-recherche{position: relative;top: 0;}
    .body-page-1 .fluid-contenu{padding-top: 0em;}
    .zone-recherche .container .contenu form {padding: 2em;}
    .atout-items{grid-gap: 20px;}
    .service-image{height: 300px;}
    .realisations .row.recup-photos.gallery{
        grid-template-areas:
            "item1 item2"
            "item3 item4"
            "item5 item5";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 150px 150px 150px;
    }
    .contact .formulaire .form-group input.btn-primary{width: 100%;margin-top: 15px;}
    .banniere-interne {
        position: relative;
        height: 180px;
    }
    .body-page-1 .h1, .body-page-1 h1, .body-pageseo .h1, .body-sitemap .content ul, .description-services .h1, .flex-seoContain .seo-content h1, .flex-seoContain .seo-form h2.h1{font-size: 20px;text-align: center;}

.body-page-1 .h1:before, .body-page-1 h1:before {
    left: 50%;
    transform: translate(-50%);
}
    .top-logo img {
        position: absolute;
        left: 12px;
        top: 3px;
    }
    .actualites,.certifs,.cont-slider .haut .droite,.cont-slider .haut .gauche,.cont-slider .trucss,.cont-slider .trucss .centre,.cont-slider .trucss .gauche,.prestation {
        display:block
    }

    footer#footer {
        clip-path: none;
        padding-top: 0;
        padding-bottom: 20%;
    }

    .description-services .paragraph-with-margin {
        margin-bottom: 20px
    }

    .introBg .col-xs-12 {
        padding: 0
    }

    .zone-container {
        padding: 0 2%
    }

    .pad-xs,.pad-xs-l {
        padding-left: 15px!important
    }

    .pad-xs,.pad-xs-r {
        padding-right: 15px!important
    }

    .h1,h1 {
        font-size: 20px
    }

    .services-block-wrap {
        flex-direction: column;
        gap: 20px
    }

    .card-wrapper,.cat-liste #filtres>form#form_sort select,.description-services,.slider.slider-horizontal {
        width: 100%
    }

    .slogan .titre {
        font-size: 18px
    }

    .slogan {
        font-size: 16px;
        top: 10vh !important;
        width: 100%;
        align-items: center;
        text-align: center;
    }

.bannSwiper .swiper-button-next, .bannSwiper .swiper-button-prev {
    top: 70%;
    opacity: 1;
}

.bannSwiper .swiper-button-prev {
    left: 30%;
}

.bannSwiper .swiper-button-prev:hover {
    left: 30%;
}

.bannSwiper .swiper-button-next:hover {}

.bannSwiper .swiper-button-next {
    right: 30%;
}

    .gallery .ligne-photos.centerservice,.gallery .ligne-photos.centerservice2 {
        margin: 0!important
    }

    .certifs .cell.gauche {
        display: block;
        width: 100%
    }

    .certifs .cell.gauche .contenu,.services .cell.droite .contenu {
        padding: 30px 15px 40px
    }

    .certifs .cell.droite {
        display: block;
        width: 100%;
        border-top: 2px solid #e6e6e6
    }

    .services {
        display: block;
        float: left
    }

    .services .cell.gauche {
        display: block;
        width: 100%;
        height: 180px
    }

    .services .cell.droite {
        display: block;
        width: 100%;
        float: left
    }

    .actualites .cell.photo,.prestation .cell.photo {
        display: block;
        width: 100%;
        height: 180px;
        float: left
    }

    .actualites .cell.texte,.prestation .cell.texte {
        display: block;
        float: left;
        width: 100%
    }

    .actualites .cell.texte .contenu,.prestation .cell.texte .contenu {
        padding: 30px 15px
    }

    .modele-liste .col-md-2,.modele-liste .col-md-3,.modele-liste .col-md-4,.modele-liste .col-md-6,.nopad-xs {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .nopad-xs-l {
        padding-left: 0!important
    }

    .nopad-xs-r {
        padding-right: 0!important
    }

    .zone-recherche .container .contenu form .formg2 {
        margin: 0;
        width: 100%
    }

    .propositions-marques ul li {
        width: 50%;
        padding: 0 0 10px;
        background: 0 0
    }

    .zone-favoris .item-bas {
        padding: 20px 0 0
    }

    .modele-liste .item .prix-item {
        font-size: 24px
    }

    .cont-slider .description {
        text-align: justify
    }

    .consultes .item h2,.consultes .item h3 {
        margin: 10px 0 0
    }

    .cat-produit .btn-retour {
        float: none;
        display: block;
        text-align: center;
        padding: 18px 0 0;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase
    }

    .cat-produit .favoris {
        display: block;
        vertical-align: top;
        border-left: none;
        border-right: none;
        text-align: center
    }

    .cat-produit .favoris a {
        text-decoration: none;
        padding: 8px 20px 6px 47px;
        display: inline-block;
        background: url(../images/ico-favoris-mini.png) 15px center no-repeat;
        margin: 20px 0;
    }

    .cat-liste .btn-alerte,.cat-liste .btn-filtrer a {
        background: url(../images/image-select2.png) right center no-repeat!important
    }

    .cat-produit .favoris a.active,.cat-produit .favoris a:hover {
        background: url(../images/ico-favoris-mini-h.png) 15px center no-repeat;
        background-color: #0505051a;
    }

    .cat-produit .btn-partage {
        text-align: center;
        padding: 10px 20px 16px;
        display: block;
        border-right: none
    }

    .cat-liste #filtres,.cat-liste #filtres>form,.cat-liste .btn-alerte,.cont-slider .kilom {
        text-align: left;
        display: block
    }

    .cat-liste #filtres {
        float: none;
        font-size: 15px;
        text-transform: uppercase
    }

    .cat-liste .btn-alerte {
        padding: 17px 60px 17px 10px;
        border-right: none
    }

    .cat-liste #filtres>form {
        padding: 9px 0;
        border-right: none
    }

    .cat-liste #filtres>form select {
        height: 36px;
        line-height: 36px;
        padding: 7px 0 7px 7px;
        width: 100%;
        border: none;
        display: block
    }

    .cat-liste .btn-filtrer {
        display: block;
        border-right: none;
        margin-left: 0;
        position: relative
    }

    .cat-liste .btn-filtrer a {
        padding: 17px 10px;
        text-decoration: none;
        display: block;
        width: 100%
    }

    .cont-slider .trucss .droite {
        display: block;
        text-align: center;
        padding: 15px 0 0
    }

    .zone-recherche .container .contenu form .formg {
        width: 100%;
        margin: 0;
        padding: 0 15px;
        justify-items: center;
        width: 100;
    }

    .zone-recherche .container .contenu form .formg.formmmm {
        margin: 40px 0 50px;
    }

    .encarts .boutiques .boutique {
        margin: 0 15px 15px 0;
        text-align: center;
        display: block
    }

    .encarts .flash {
        background: 0 0
    }

    .cat-liste #filtres a,.cat-liste #filtres form {
        border: none
    }

    .cat-produit .miniatures {
        display: none
    }

    .cat-produit .item-prix {
        font-size: 30px;
        padding: 0 0 10px
    }

    .cat-produit .item-description {
        font-size: 16px;
        padding: 15px 0 10px;
        line-height: 22px;
        text-align: justify
    }

    .encarts .captures {
        position: relative;
        text-align: center;
        width: 740px;
        margin-left: -350px;
        left: 50%;
        right: 0;
        margin-bottom: 50px;
        transform: scale(.4);
        transform-origin: top;
        height: 190px
    }
    .zone-favoris .item h3 {
        font-size: 17px
    }

    .zone-favoris .item .prix {
        font-size: 26px
    }

    .zone-favoris .item .prix sup {
        font-size: 13px
    }
}

@media (max-width: 375px) {
    .top-logo img {
                max-width: 150px;
        top: 20px;
        left: 2px;
    }
    
    .slogan {
        /* top: 30vh */
    }
    a.top-logo{
        width: 160px;
        text-align: center;
    }
    a.top-logo span{padding-left: 0;}
}
@media (max-width: 325px){
    .top-logo img {
        max-width: 100px;
        top: 20px;
        left: 5px;
    }
    .slogan .titre,.slogan p{font-size: 14px;}
    .body-page-1 .h1, .body-page-1 h1, .body-pageseo .h1, .body-sitemap .content ul, .description-services .h1, .flex-seoContain .seo-content h1, .flex-seoContain .seo-form h2.h1{font-size: 16px;}
}
#contactButtonsMobile > div:nth-child(1) > a{background: var(--color2) !important;color: #fff !important;}
#contactButtonsMobile > div:nth-child(2) > a{background: var(--color2) !important;color: #fff !important;}
#Capa_1 svg path *,#Capa_1 > g:nth-child(1) > path,#Capa_2 > g:nth-child(1) > path,#Capa_2 > path{fill: #fff !important;color: #fff !important;}