@import url("https://fonts.googleapis.com/css2?family=Nixie+One&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap");

#main {
    max-width: 100%;
    position:initial !important;
}

#main .container{
    position:relative;
}


a {
    text-decoration: none;
}

.fitImg,
img {
    max-width: 100%;
    height: auto;
}

.img-fit {
    width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
}

.my-slider {
    text-align: center;
    transition-timing-function: linear;
}

/*Header*/

#autoComplete {
    background-image: url(../img/search.png);
    background-size: 1;
    background-position: right 0.75rem top 0.4rem !important;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-color: #fff;
    transition: all 0.4s ease;
    -webkit-transition: all -webkit-transform 0.4s ease;
}

#autoComplete:hover::placeholder {
    color: rgba(110, 110, 110, 0.6);
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease;
}

#autoComplete:focus::placeholder {
    padding: 0.1rem 0.6rem;
    font-size: 0.95rem;
    color: rgba(110, 110, 110, 0.4);
}

#autoComplete_list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0;
    margin-top: 0.5rem;
    border-radius: 0.6rem;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(88, 164, 112, 0.15);
    border: 1px solid rgba(88, 164, 112, 0.07);
    z-index: 1000;
    outline: none;
    width: 1200px;
    max-width: 100%;
    margin: auto;
}

.autoComplete_result {
    margin: 0.3rem;
    padding: 0.3rem 0.5rem;
    list-style: none;
    text-align: left;
    font-size: 1rem;
    color: #212121;
    transition: all 0.1s ease-in-out;
    border-radius: 0.35rem;
    background-color: rgba(255, 255, 255, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
}

.autoComplete_result::selection {
    color: rgba(#ffffff, 0);
    background-color: rgba(#ffffff, 0);
}

.autoComplete_result:hover {
    cursor: pointer;
    background-color: rgba(88, 164, 112, 0.15);
}

.autoComplete_highlighted {
    color: rgba(88, 164, 112, 1);
    font-weight: bold;
}

.autoComplete_highlighted::selection {
    color: rgba(#ffffff, 0);
    background-color: rgba(#ffffff, 0);
}

.autoComplete_selected {
    cursor: pointer;
    background-color: rgba(255, 122, 122, 0.15);
}

@media only screen and (max-width: 900px) {
    .autoComplete_wrapper {
        width: 100%;
    }

    #autoComplete {
        width: 100%;
        margin-left: 0;
    }

    .autoComplete_wrapper {
        padding: 10px 15px;
    }

    #autoComplete_list {
        margin: 0;
        top: 54px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #autoComplete {
        border-width: 1px;
    }
}

@-moz-document url-prefix() {
    #autoComplete {
        background-size: 1.2rem;
        background-origin: border-box;
        border-width: 1px;
        background-position: left 1.1rem top 0.8rem;
    }
}

/*Header*/

/**EVENT**/

.content-event {
    position: relative;
}

.event-date {
    position: absolute;
    text-align: center;
    font-weight: bolder;
    padding: 10px;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.8);
}

.event-date p {
    margin: 0;
}

.input-event {
    padding: 5px;
    border: none;
    box-shadow: 7px 7px 11px 0px rgba(206, 206, 206, 0.3);
}

.green-box {
    border: solid #97c054 1px;
}

.green-box-full {
    height: 180px;
    padding: 30px;
    /*Compatibilite IE6+*/
    background: -moz-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: -webkit-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: linear-gradient(90deg, rgba(69, 143, 68, 1) 0%, rgba(98, 171, 80, 1) 35%, rgba(150, 189, 87, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#458f44", endColorstr="#96bd57", GradientType=1);
}

hr {
    border: solid 1px rgba(206, 206, 206, 0.25);
    /* width: 70%;*/
    margin: 1rem 0;
}

.section-title {
    text-transform: uppercase;
    font-weight: 600;
}

.leaf::before {
    content: "";
    background-image: url(../img/leaf.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 26px;
    background-repeat: no-repeat;
    height: 26px;
    width: 60px;
    margin-left: 0;
    margin-top: 10px;
    display: inline-block;
}

.section-title::after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 9px;
    width: calc(100%);
    margin-left: 0;
    margin-top: 10px;
    display: block;
}

.section-title-center {
    text-transform: uppercase;
    text-align: center;
    font-weight: bolder;
    font-size: 1.7rem;
}

.section-title-center::after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 9px;
    width: calc(100%);
    margin-left: 0;
    margin-top: 10px;
    display: block;
}
/* ASIDE NEWSLETTER */
.newsletter-top {
    content: "";
    background-image: url(../img/newsletter/top.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 15px;
    width: 100%;
}

.newsletter-top p,
.newsletter-bottom p {
    margin: 0;
}

.newsletter-bottom {
    content: "";
    background-image: url(../img/newsletter/bottom.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 10px;
}
.white-title {
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: bolder;
    margin: 1rem 0 1rem 0;
}
.newsletter-text {
    font-size: 0.8rem;
}
a.btn-newsletter {
    font-size: 0.8rem;
}

.btn-newsletter .btn-newsletter {
    background: none;
    color: white;
    position: relative;
}

.btn-newsletter .chevron-right {
    position: absolute;
    color: white;
    background-color: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    right: -30px;
    top: 3px;
    border-radius: 50%;
}

.btn-newsletter .chevron-right:before {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid white;
    border-radius: 50%;
}

.grey-title-center {
    text-transform: uppercase;
    text-align: center !important;
    font-weight: bolder;
}

.grey-title-center::after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 9px;
    width: calc(100%);
    margin-left: 0;
    display: block;
}
/* ASIDE NEWSLETTER */

/* FOOTER NEWSLETTER */
.newsletter-footer h3 {
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: bolder;
}
/* FOOTER NEWSLETTER */

.white {
    color: white !important;
}
.green {
    color: #97c054 !important;
}

a .img-members:hover {
    background-color: #008cba;
}

.overlay-image {
    position: relative;
    width: 100%;
}

/*hover img team */

.overlay-image-team img {
    width: 230px;
    height: 230px;
}

.overlay-image-team {
    position: relative;
    width: 230px;
    height: auto;
}

.hover-team {
    position: absolute;
    transition: all 0.3s ease;
    opacity: 0;
    /*Compatibilite IE6+*/
    background: -moz-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: -webkit-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: linear-gradient(90deg, rgba(69, 143, 68, 1) 0%, rgba(98, 171, 80, 1) 35%, rgba(150, 189, 87, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#458f44", endColorstr="#96bd57", GradientType=1);
}

.overlay-image-team:hover .hover-team {
    opacity: 1;
}

.hover-team {
    width: 230px;
    height: auto;
    bottom: 23px;
    background-color: #9bcd9b;
}

.overlay-image-team:hover .hover-team {
    height: auto;
}
.overlay-image-team .text-team {
    color: #fff;
    font-size: 0.75rem;
    line-height: 0.9rem;
    text-align: justify;
}
.overlay-image-team .text-team p {
    padding: 1px 10px;
}

/*hover img team */

.info-box {
    box-shadow: -1px 3px 30px -11px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -1px 3px 30px -11px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 3px 30px -11px rgba(0, 0, 0, 0.3);
}

.info-title::after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 9px;
    width: calc(100%);
    margin-left: 0;
    margin-top: 10px;
    display: block;
}

.green-button {
    border: none;
    background-color: #97c054;
    border-radius: 1rem;
    width: 40%;
}
/* HOVER VEHICLE */
.overlay-image img {
    /*
    width: 150px; 
    height: 100px;
    */
}

.overlay-image {
    position: relative;
    /* width: 150px; */
    height: auto;
}

.hover {
    position: absolute;
    transition: all 0.3s ease;
    opacity: 0;
    /*Compatibilite IE6+*/
    background: -moz-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: -webkit-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: linear-gradient(90deg, rgba(69, 143, 68, 1) 0%, rgba(98, 171, 80, 1) 35%, rgba(150, 189, 87, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#458f44", endColorstr="#96bd57", GradientType=1);

    min-width: 100%;
    width: auto;
    bottom: 0;
    background-color: #9bcd9b;
}

.overlay-image:hover .hover {
    height: auto;
    opacity: 1;
}

.overlay-image .text {
    color: #fff;
    font-size: 0.75rem;
    line-height: 0.9rem;
    text-align: justify;
}
.overlay-image .text {
    padding: 5px;
}

.vehicule-taxonomy a .hover h4 {
    font-size: 0.7rem;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
    font-weight: bolder;
    margin-left: 0 !important;
}
.vehicule-taxonomy a .hover p {
    font-size: 0.7rem;
    font-weight: lighter;
    margin-bottom: 0.2rem;
    margin-left: 0 !important;
}

.vehicule-taxonomy a h4.title-vehicle {
    font-size: 0.7rem;
    text-decoration: none;
}
.title-vehicle:hover {
    text-decoration: none !important;
}
/* HOVER VEHICLE */

/* HOVER MEMBERS */
.members-template .overlay-image img {
    width: 180px;
    height: auto;
}

.members-template .overlay-image {
    position: relative;
    width: 180px;
    height: auto;
}
.members-template .hover {
    width: auto;
    min-width: 100%;
    height: auto;
    bottom: 20px;
    background-color: #9bcd9b;
}

.members-template .overlay-image:hover .hover {
}
.members-template a .hover h3 {
    font-size: 0.7rem;
    text-transform: uppercase;
    margin-bottom: 0.2rem;
    margin-left: 0 !important;
}
.members-template a .hover p {
    font-size: 0.7rem;
    font-weight: lighter;
    margin-bottom: 0.2rem;
    margin-left: 0 !important;
}
/* HOVER MEMBERS */

/*MEMBERS*/
.members-social i.fab {
    font-size: 2rem;
}
/*MEMBERS*/

/*TABS AND COLLAPSE VEHICLE*/

/* BOUTON LEFT SINGLE VEHICLE */
.btn-green {
    background: none;
    color: #97c054;
    position: relative;
}
.btn-green .chevron-right {
    position: absolute;
    color: #97c054;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    right: -30px;
    top: 3px;
    border-radius: 50%;
}

.btn-green .chevron-right:before {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid #97c054;
    border-radius: 50%;
}
/* BOUTON LEFT SINGLE VEHICLE */

.green-gradient {
    /*Compatibilite IE6+*/
    background: -moz-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: -webkit-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: linear-gradient(90deg, rgba(69, 143, 68, 1) 0%, rgba(98, 171, 80, 1) 35%, rgba(150, 189, 87, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#458f44", endColorstr="#96bd57", GradientType=1);
}

.green-gradient-radius {
    /*Compatibilite IE6+*/
    background: -moz-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: -webkit-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: linear-gradient(90deg, rgba(69, 143, 68, 1) 0%, rgba(98, 171, 80, 1) 35%, rgba(150, 189, 87, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#458f44", endColorstr="#96bd57", GradientType=1);
    border-radius: 1rem;
}
.green-gradient-radius:hover {
    text-decoration: none;
}

.green-gradient-border {
    /*Compatibilite IE6+*/
    border: solid 1px rgb(69, 143, 68);
}

.green-gradient-border h5 button {
    color: rgb(69, 143, 68);
}
.green-gradient-border h5 button:hover {
    color: rgb(69, 143, 68);
    text-decoration: none;
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: none;
}

.tabs-title.active::after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 1px;
    width: calc(100%);
    margin-left: 0;
    margin-top: 10px;
    display: block;
    border: none;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: rgb(69, 143, 68);
}
.nav-tabs .nav-link {
    border: none;
    cursor: pointer;
    font-family: "Nixie One";
    font-weight: bold;
    padding: 0.2rem 2rem;
}

.nav-tabs {
    border-bottom: none;
}

/*
.card{border:none;}
*/

/* PAGE CONTACT */
.contact p.field {
    margin: 0 0 0 2rem;
}
.center-logo {
    margin: auto;
    width: 15%;
}

.required-fields {
    font-weight: lighter;
    font-size: 0.6rem;
    margin-top: 0;
    font-style: italic;
}
/* PAGE CONTACT */

/*AGENDA SINGLE*/
.info-box-agenda {
    padding: 10px;
    /*Compatibilite IE6+*/
    background: -moz-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: -webkit-linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 35%,
        rgba(150, 189, 87, 1) 100%
    );
    background: linear-gradient(90deg, rgba(69, 143, 68, 1) 0%, rgba(98, 171, 80, 1) 35%, rgba(150, 189, 87, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#458f44", endColorstr="#96bd57", GradientType=1);
}
.info-box-agenda-border {
    padding: 10px;
    border: solid #97c054 2px;
}

.info-box-agenda p.tiny {
    font-size: 0.7rem;
}
/*AGENDA SINGLE*/

/*FEATURED MEMBER*/
.featured-member h6 {
    font-size: 0.7rem;
}
/*FEATURED MEMBER*/

/*popup*/

.card-body hr {
    clear: both;
}

.youtube-responsive-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.youtube-responsive-container iframe,
.youtube-responsive-container object,
.youtube-responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay2 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
}

.overlay2.visible {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 120px auto;
    padding: 0 0;
    background: #fff;
    border-radius: 5px;
    width: 700px;
    position: relative;
}

.popup .content {
    padding: 60px 40px 10px 40px;
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
    color: #97c054;
}
.popup .content {
    max-height: 30%;
    overflow: auto;
}

@media screen and (max-width: 700px) {
    .box {
        width: 70%;
    }
    .popup {
        width: 100%;
    }
}

/*popup*/

body {
    color: #6e6e6e;
    font-family: "Raleway", sans-serif;
}

.single-post .wppcr_rating {
    display: none;
}
.showcase {
    display: block;
    display: block;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.showcase .slider-smooth {
    display: block;
    list-style: none;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.showcase .slider-smooth .item {
    display: block;
    float: left;
    position: relative;
    width: 250px;
    height: 160px;
    padding: 10px 10px;
    line-height: 160px;
    text-align: center;
}

.showcase .slider-smooth .item img {
    vertical-align: middle;

    -webkit-transition: 0 linear left;
    -moz-transition: 0 linear left;
    transition: 0 linear left;
    /*opacity: 0.65;*/

    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.showcase .slider-smooth .item img:hover {
    /*opacity: 1.0;*/
}

p a {
    color: #97c054;
}
/* HEADER */
.info-box-agenda a {
    color: #fff;
}

.bg-grey {
    background-color: #f1f2f1;
}

.post-details img {
    width: 100%;
    height: auto;
}

.post-details a,
.solution-details a,
.event-details a,
.member-details a {
    color: #97c054;
}

.toolbox-details img {
    max-width: 100%;
    height: auto;
}

.toolbox-details iframe {
    width: 100%;
}

.bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 4px;
    background-color: #97c054;
    margin: 6px 0;
    transition: 0.4s;
}

.navbar-toggler:not(.collapsed) .bar1,
.navbar-toggler:not(.collapsed) .bar2,
.navbar-toggler:not(.collapsed) .bar3 {
    /*
    background-color: #fff;
    */
}

.navbar-toggler {
    margin-left: auto;
}
.navbar-toggler:not(.collapsed) .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
}

.navbar-toggler:not(.collapsed) .bar2 {
    opacity: 0;
}

.navbar-toggler:not(.collapsed) .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

/*

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }


  
 .navbar-toggler {
    border-color: rgb(255,255,255);
  } 
  */

.overlay {
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    height: 60%;
    width: 100%;
    bottom: 0px;
    right: 0px;
}

.hidden {
    display: none;
}

.collapse-link {
    border: 1px solid #97c054;
    color: #97c054;
    text-decoration: none;
    padding: 7px 25px;
    transform: skew(-25deg);
    font-weight: bold;
    cursor: pointer;
}

.collapse-link span {
    display: inline-block;
    transform: skew(25deg);
}

.collapse-link:hover {
    color: #97c054;
    text-decoration: none;
}

.collapse-link:not(.collapsed) {
    background: linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 33%,
        rgba(129, 181, 80, 1) 66%,
        rgba(150, 189, 87, 1) 100%
    );
    color: #fff;
}

.card-body {
    padding: 30px 15px;
}

.collapse-link .fa-chevron-up,
.collapse-link .fa-chevron-down {
    font-size: 22px;
}

.collapse-link:not(.collapsed) .fa-chevron-up,
.collapse-link.collapsed .fa-chevron-down {
    display: block;
    transform: skew(25deg);
}

.collapse-link:not(.collapsed) .fa-chevron-down,
.collapse-link.collapsed .fa-chevron-up {
    display: none;
}

.vehicle-details-featured {
    border: 1px solid #97c054;
}

.vehicle-details-featured div {
    padding: 8px 20px;
}

.vehicle-details-featured div.bg {
    background-color: #e5f0d7;
}

.box-quote {
    position: relative;
}

.box-quote:before {
    content: '"';
    margin: 0;
    font-size: 90px;

    position: absolute;
    left: -10px;
    top: -20px;

    color: rgb(0, 0, 0);
}

.box-quote:after {
    content: '"';
    margin: 0;
    font-size: 90px;

    position: absolute;
    right: -10px;
    bottom: -20px;

    color: rgb(0, 0, 0);
    line-height: 1.15;
    -moz-transform: matrix(-2.2803392228913, 0, 0, -2.2803392228913, 0, 0);
    -webkit-transform: matrix(-2.2803392228913, 0, 0, -2.2803392228913, 0, 0);
    -ms-transform: matrix(-2.2803392228913, 0, 0, -2.2803392228913, 0, 0);
}

.advertising-bloc .caption {
    position: absolute;
    top: 0px;
    width: 340px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 40px 25px;
}

.advertising-bloc .caption p {
    font-size: 18px;
    margin-right: 40px;
}

.advertising-bloc .caption .action {
    bottom: 60px;
    width: 100%;
}

.benefits img {
    max-width: 100%;
    height: auto;
}

.benefits .nav-tabs .nav-link {
    border: none;
    font-size: 12px;
    padding: 10px 5px;
    font-weight: bold;
}

.benefits .nav-tabs {
    border: none;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cms-content p {
    text-align: justify;
}

.cms-content iframe {
    max-width: 100%;
    max-width: 100%;
}

.cms-content h1 {
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 1.7rem;
    color: #97c054 !important;
}

.cms-content h1::after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 9px;
    width: calc(100% + 30px);
    margin-left: 0;
    margin-top: 10px;
    display: block;
}

.banner {
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 {
    color: white;
    position: absolute;
    top: 50%;
    left: 100px;
    font-weight: normal;
    text-transform: uppercase;

}

.banner h1 {
    text-transform: uppercase;
}

.banner h1 span {
    display: block;
}

.container.small-gutters {
}

.small-gutters.row {
    margin-right: -5px;
    margin-left: -5px;
}

.small-gutters.row > div,
.small-gutters.row > a {
    padding-right: 5px;
    padding-left: 5px;
}

.text-decoration-none {
    text-decoration: none !important;
}

.input-group .btn {
    padding-left: 20px;
    padding-right: 20px;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 5;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #97c054;
}

main {
    flex: 0 0 67% !important;
    max-width: 67% !important;
}

aside {
    flex: 0 0 33% !important;
    max-width: 33% !important;
}

.sociallinks {
    display: flex;
    align-items: center;
}

.sociallinks a {
    margin-right: 15px;
    font-size: 20px;
    color: #97c054;
}

.navbar-top{
    position: absolute;
    top:0;
    right: 0;
}

.navbar {
    position: relative;
    padding: 5px;
    background: rgb(69, 143, 68);
    background: linear-gradient(
        90deg,
        rgba(69, 143, 68, 1) 0%,
        rgba(98, 171, 80, 1) 33%,
        rgba(129, 181, 80, 1) 66%,
        rgba(150, 189, 87, 1) 100%
    );
}

.navbar a {
    font-family: "Nixie One", cursive;
}

.navbar-nav .nav-link {
    font-family: "Nixie One", cursive;
    text-shadow: 0 0 0.01px #6e6e6e;
    color: #6e6e6e;
}

.navbar-nav .nav-link:hover {
    color: #6e6e6e;
}

.nav-link {
    display: block;
    padding: 0.2rem 1rem;
    margin: 0.3rem 0;
}

.navbar-nav li {
    position: static;
}

.navbar-nav > li > a {
    text-transform: uppercase;
}

.navbar-top > li > a {
    font-size: 12px;
}

.navbar-brand {
    padding: 20px 0 20px 0;
    margin: 0;
    /* height: 103px; */
    display: inline-block;
}

.navbar-main > .menu-item > a {
    color: #fff;
    text-shadow: 0 0 0.01px #fff;
}

.navbar-main > .menu-item > a:hover {
    color: #fff;
}

.navbar-main > .menu-item.active > a {
    background-color: #fff;
    color: #97c054;
    text-shadow: 0 0 0.01px #97c054;
    border-radius: 5px;
}

.navbar .form-control {
    border: 1px solid #fff;
}
/*
.navbar .dropdown-menu a {
    color: #0A7DFC;
}
*/
.menu-top{
    display: flex;
    list-style: none;
    margin-bottom: 0;
    gap:1.5rem;
}
.btn-offres{
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-offres a{
    border-radius: 999px;
    border: 2px solid #97c054;
    padding:0.3rem 1rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0;
    font-family: "Raleway", sans-serif;
}


.btn-offres a:hover{
    background-color: #97c054;
    color:#fff;
}

.dropdown-menu li.depth1 {
    display: inline-block;
    width: 49%;
    font-weight: 600;
    padding: 10px 10px 10px 120px;
    background-position: 10px center;
    position: relative;
}

.menu-vehicules .dropdown-menu li.depth1 {
    width: 33%;
}

.menu-vehicules .dropdown-menu li.depth1 > a {
    /*border: 1px solid transparent*/
}

.menu-vehicules .dropdown-menu li.depth1:hover > a {
    /*border: 1px solid #0A7DFC*/
}

.dropdown-menu li.depth1:hover .dropdown-menu {
    display: block;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: transparent;
}

.dropdown-menu li.depth1 .dropdown-menu .dropdown-item:hover {
    background-color: #f1f2f1;
}

/*
#menu-item-146 .dropdown-menu li {
    display: inline-block;
    width: 33%;
    font-weight: 600;
    padding: 10px 10px 10px 120px;
    background-position: 10px center;
}



.dropdown:hover>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
    opacity: 1;
    display:block;
}
*/


.dropdown > .dropdown-menu {
    width: 100%;
    top: 50px !important;
    position: absolute !important;
    margin-top: 3px;
    transform: none !important;
    border: none;
    border-radius: 0;
}

.navbar-main .dropdown > .dropdown-menu {
    top: 47px !important;
}

.navbar-top .dropdown > .dropdown-menu {
    top: 192px !important;
}

.menu-vehicules .dropdown-menu li.depth1:hover .dropdown-menu {
    top: 0px !important;
    border: 1px solid #97c054;
    padding: 0;
    /* min-height: 100%; */
}

.dropdown-menu li a {
    font-weight: 600;
}

.dropdown-menu li a div {
    font-weight: 400;
}

.dropdown-menu .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    margin-top: 30px;
    display: block;
    color: #6e6e6e;
}

.dropdown-menu .title::after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 9px;
    width: calc(100%);
    margin-left: 0;
    margin-top: 10px;
    display: block;
}

.menu-toolbox > a {
    background-image: url(../img/menu/toolbox.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 30px;
    background-size: auto 25px;
    text-align: center;
}

.menu-mon-trajet > a {
    background-image: url(../img/menu/mon-trajet.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 30px;
    background-size: auto 25px;
    text-align: center;
}

.menu-qui-sommes-nous > a {
    background-image: url(../img/menu/qui-sommes-nous.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 30px;
    background-size: auto 25px;
    text-align: center;
}

.menu-mon-compte > a {
    background-image: url(../img/menu/mon-compte.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
    padding-right: 0;
    background-size: auto 18px;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600;
    font-family: "Nixie One", cursive;
    text-transform: uppercase;
}

.toolbox-aides {
    background-image: url(../img/menu/aides.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 50px;
}

.vehicule-velo {
    background-image: url(../img/menu/velos.png);
    background-repeat: no-repeat;
    background-position: left;
}

.vehicule-deuxroues {
    background-image: url(../img/menu/deux-roues.png);
    background-repeat: no-repeat;
    background-position: left;
}

.vehicule-comparateur {
    background-image: url(../img/menu/.png);
    background-repeat: no-repeat;
    background-position: left;
}

.vehicule-voiture {
    background-image: url(../img/menu/voitures.png);
    background-repeat: no-repeat;
    background-position: left;
}

.vehicule-utilitaire {
    background-image: url(../img/menu/utilitaires.png);
    background-repeat: no-repeat;
    background-position: left;
}

.vehicule-edpm {
    background-image: url(../img/menu/edpm.png);
    background-repeat: no-repeat;
    background-position: left;
}

.vehicule-autre {
    background-image: url(../img/menu/autres-vehicules.png);
    background-repeat: no-repeat;
    background-position: left;
}

.title-vehicle a {
    color: black;
    text-transform: uppercase;
    font-size: 1rem;
}

.breadcrumb {
    width: auto;
    background-color: transparent;
    font-size: 13px;
    color: #b3b3b3;
    background-color: transparent;
    padding-top: 20px;
    padding-bottom: 20px;

    font-size: 13px;
}

.breadcrumb a {
    color: #b3b3b3;
}

.breadcrumb > .active {
    color: #b3b3b3;
}

.breadcrumb a,
.breadcrumb > .active {
    color: #b3b3b3;
}

.breadcrumb > li + li:before {
    color: #b3b3b3;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #b3b3b3;

    content: ">";
}

/* HEADER */

.input-shadow {
    box-shadow: 2px 2px 11px 0px rgba(206, 206, 206, 0.3);
    /*box-shadow: -1px 3px 20px -11px rgba(0, 0, 0, 0.3);*/
    border: none;
}

/* BTN */

.btn-style1,
.btn-style1:hover {
    color: #97c054;
    font-weight: 500;
}

.btn-style1 i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #97c054;
    color: #97c054;
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-size: 20px;
}

.btn-style1:hover i {
    background-color: #97c054;
    color: #fff;
}

.btn-style2,
.btn-style2:hover {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.btn-style2 i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-size: 20px;
}

.btn-style2:hover i {
    background-color: #fff;
    color: #97c054;
}

.text-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#479145), to(#b7d28e));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-gradient {
    background: linear-gradient(90deg, rgba(127, 180, 80, 1) 0%, rgba(147, 187, 85, 1) 100%);
    color: #fff;
    position: relative;
}

.btn-gradient .chevron-right {
    position: absolute;
    color: #97c054;
    background-color: #fff;
    width: 65px;
    height: 65px;
    line-height: 65px;
    right: -30px;
    top: -8px;
    border-radius: 50%;
    box-shadow: 7px 7px 11px 0px rgba(206, 206, 206, 0.3);
    transition: all 0.2s ease-in-out;
}

.btn-gradient .chevron-right:before {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid #97c054;
    border-radius: 50%;
}

.btn-gradient:hover .chevron-right {
    transform: scale(1.2);
}

.owl-carousel .owl-nav div.owl-next,
.owl-carousel .owl-nav div.owl-prev {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 7px 7px 11px 0px rgba(206, 206, 206, 0.3);
    color: #97c054;

    font-size: 30px;
    line-height: 1;
    width: 50px;
    height: 50px;
    margin-top: -25px;
}

.owl-carousel .owl-nav .owl-next:before,
.owl-carousel .owl-nav .owl-prev:before {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid #97c054;
    border-radius: 50%;
}

.owl-carousel .owl-nav i,
.owl-carousel .owl-nav i {
    font-size: 25px;
    padding-top: 11px;
}

#tns-carousel-news-ow .tns-controls button {
    background-color: #fff;
    border-radius: 50%;
    border: 0;
    box-shadow: 7px 7px 11px 0px rgba(206, 206, 206, 0.3);
    color: #97c054;

    font-size: 30px;
    line-height: 1;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    position: relative;
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -25px;
}

#tns-carousel-news-ow .tns-controls button:before {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid #97c054;
    border-radius: 50%;
}

#tns-carousel-news-ow .tns-controls button:nth-child(1) {
    left: -17px;
}

#tns-carousel-news-ow .tns-controls button:nth-child(2) {
    right: -17px;
}

#tns-carousel-vehicles-ow .tns-controls button {
    background-color: #fff;
    border-radius: 50%;
    border: 0;
    box-shadow: 7px 7px 11px 0px rgba(206, 206, 206, 0.3);
    color: #97c054;

    font-size: 10px;
    line-height: 1;
    width: 25px;
    height: 25px;
    position: relative;
    position: absolute;
    top: 13px;
    z-index: 10;
}

#tns-carousel-vehicles-ow .tns-controls button:before {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid #97c054;
    border-radius: 50%;
}

#tns-carousel-vehicles-ow .tns-controls button:nth-child(1) {
    left: -17px;
}

#tns-carousel-vehicles-ow .tns-controls button:nth-child(2) {
    right: -17px;
}

.owl-carousel .owl-nav i,
.owl-carousel .owl-nav i {
    font-size: 25px;
    padding-top: 11px;
}

/* BTN */

.toolbox-devis {
    background-image: url(../img/menu/toolbox-devis.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 50px;
}

.dropdown-menu li.depth1 {
    padding: 10px 10px 10px 0 !important;
    background: none !important;
}

.dropdown-menu li.depth1 > a {
    white-space: normal;
    display: flex;
    align-items: center;
}
.dropdown-menu li.depth1 > a::before {
    content: "";
    display: flex;
    width: 120px;
    min-width: 120px;
    height: 62px;
    min-height: 62px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(../img/menu/toolbox-devis.png);
}

/**/

.dropdown-menu li.vehicule-velo > a::before {
    background-image: url(../img/menu/velos.png);
}

.dropdown-menu li.vehicule-deuxroues a::before {
    background-image: url(../img/menu/deux-roues.png);
}

.dropdown-menu li.vehicule-comparateur a::before {
    background-image: url(../img/menu/comparateur.png);
}

.dropdown-menu li.vehicule-voiture > a::before {
    background-image: url(../img/menu/voitures.png);
}

.dropdown-menu li.vehicule-utilitaire a::before {
    background-image: url(../img/menu/utilitaires.png);
}

.dropdown-menu li.vehicule-edpm a::before {
    background-image: url(../img/menu/edpm.png);
}

.dropdown-menu li.vehicule-autre a::before {
    background-image: url(../img/menu/autres-vehicules.png);
}

/**/

.dropdown-menu li.toolbox-aides a::before {
    background-image: url(../img/menu/toolbox-aides.png);
}
.dropdown-menu li.toolbox-le-cout a::before {
    background-image: url(../img/menu/toolbox-le-cout.png);
}
.dropdown-menu li.toolbox-devis a::before {
    background-image: url(../img/menu/toolbox-devis.png);
}
.dropdown-menu li.toolbox-planifier a::before {
    background-image: url(../img/menu/planifier-deplacement.png);
}
.dropdown-menu li.toolbox-etudes a::before {
    background-image: url(../img/menu/toolbox-etudes.png);
}
.dropdown-menu li.toolbox-fiches a::before {
    background-image: url(../img/menu/toolbox-fiches.png);
}

.dropdown-menu li.recharge-solutions a::before {
    background-image: url(../img/menu/recharge-solutions.png);
}
.dropdown-menu li.recharge-operateurs a::before {
    background-image: url(../img/menu/operateur-mobilite.png);
}
.dropdown-menu li.recharge-installateurs a::before {
    background-image: url(../img/menu/recharge-installateurs.png);
}
.dropdown-menu li.recharge-planifier a::before {
    background-image: url(../img/menu/planifier-deplacement.png);
}

.dropdown-menu li.agenda-journees a::before {
    background-image: url(../img/menu/agenda-journees.png);
}
.dropdown-menu li.agenda-evenements a::before {
    background-image: url(../img/menu/agenda-evenements.png);
}

.newsletter-footer {
    background-image: url(../img/newsletter-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 5px;
    z-index: 3;
}

/* HOME */

.sticky-news-item {
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sticky-news-item .caption {
    position: absolute;
    bottom: 0px;
    width: 450px;
    color: #fff;
    padding: 30px 40px;
}

.sticky-news-item .caption h1::before {
    content: "";
    background-image: url(../img/leaf-white.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 26px;
    background-repeat: no-repeat;
    height: 26px;
    width: 60px;
    margin-left: 0;
    margin-top: 10px;
    display: inline-block;
}

.sticky-news-item .caption h1::after {
    content: "";
    background-image: url(../img/line-white.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 1px;
    width: 500px;
    margin-left: 0;
    margin-top: 10px;
    display: block;
}

.sticky-news-item .caption .title {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: bold;
}

.news-item {
    position: relative;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.news-item .caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 10px 30px;
}

.news-item .caption .title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.news-item .caption .big.title {
    font-size: 22px;
}

.news-item img {
    width: 100%;
}

.news-item-v2 {
    box-shadow: -1px 3px 30px -11px rgb(0 0 0 / 30%);
    -webkit-box-shadow: -1px 3px 30px -11px rgb(0 0 0 / 30%);
    -moz-box-shadow: -1px 3px 30px -11px rgba(0, 0, 0, 0.3);
    display: block;
}

.news-item-v2:hover {
    text-decoration: none;
}

.news-item img {
    width: 100%;
}

.green-box {
    height: inherit;
}

.featured-vehicles-item.active {
    box-shadow: -1px 3px 30px -11px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -1px 3px 30px -11px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 3px 30px -11px rgba(0, 0, 0, 0.3);
}

.event-item {
    position: relative;
    height: 100%;
}

.event-item .caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 10px 30px;
}

.event-item .caption h5.title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}

.event-item .caption h6.title {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}

.event-item .caption .excerpt {
    font-size: 10px;
}

/* HOME */

/*horizontal*/

.cwt_slideshow.horizontal {
    overflow: hidden;
    width: 100%;
    height: 140px;
    background: transparent;
    padding: 10px;
    margin-top: 0px;
    white-space: nowrap;
    white-space: nowrap;
}

.cwt_slideshow.horizontal a {
    display: block;
    height: 120px;
    width: 300px;
    padding: 10px 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    background: transparent;
    text-align: center;
    position: relative;
    display: inline-block;
}

.cwt_slideshow.horizontal {
}

.cwt_slideshow.horizontal a img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*horizontal*/

.item:last-child {
    margin-bottom: 0px;
}

.post-details h1,
.post-details h2,
.post-details h3,
.post-details h4,
.post-details h5,
.post-details h6 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    margin-top: 30px;
    display: block;
}

.post-details h1:before,
.post-details h2:before,
.post-details h3:before,
.post-details h4:before,
.post-details h5:before,
.post-details h6:before {
    content: "";
    background-image: url(../img/leaf.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 60px;
    margin-left: 0;
    margin-top: 10px;
    display: inline-block;
}

.post-details h1:after,
.post-details h2:after,
.post-details h3:after,
.post-details h4:after,
.post-details h5:after,
.post-details h6:after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 9px;
    width: calc(100%);
    margin-left: 0;
    margin-top: 10px;
    display: block;
}

.sous_titre {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    margin-top: 30px;
    display: block;
}

.sous_titre:before {
    content: "";
    background-image: url(../img/leaf.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 60px;
    margin-left: 0;
    margin-top: 10px;
    display: inline-block;
}

.sous_titre::after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 9px;
    width: calc(100%);
    margin-left: 0;
    margin-top: 10px;
    display: block;
}

/* Single Blog */

.section-title span {
    font-size: 14px;
    font-weight: normal;
    color: #b3b3b3;
    display: block;
    text-transform: none;
    margin-top: 10px;
}

/* Single Blog */

.g-recaptcha {
    display: inline-block;
}

/*Footer*/

footer {
    padding-top: 150px;
}

footer .footer-links {
}

footer .footer-links h5 {
    margin-bottom: 20px;
}

footer .footer-links h5::after {
    content: "";
    background-image: url(../img/line.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 9px;
    width: calc(100%);
    margin-left: 0;
    margin-top: 5px;
    display: block;
}

footer .footer-links ul {
    padding-left: 0;
}

footer .footer-links li {
    list-style: none;
    margin-top: 10px;
}

.padding-large {
    margin-left: 200px;
    margin-right: 200px;
}

.caw_loadmore:before {
}

.lds-spinner {
    color: #479145;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    display: block;
    margin: 20px auto;
}
.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #479145;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}


/* ACCOUNT */
.image-link::before{
    content:'';
    width: 40px;
    height: 18px;
    background-size: auto 100%;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: -40px;
    margin-right: 0.5rem;
}

.image-link.velo::before{
    background-image: url(../img/menu/velos.png);
}
.image-link.voitures::before{
    background-image: url(../img/menu/voitures.png);
}
.image-link.edpm::before{
    background-image: url(../img/menu/edpm.png);
}
.image-link.deux-roues::before{
    background-image: url(../img/menu/deux-roues.png);
}
.image-link.utilitaires::before{
    background-image: url(../img/menu/utilitaires.png);
}
.image-link.autres::before{
    background-image: url(../img/menu/autres-vehicules.png);
}

/* VIDEOS */
.hidden-checkbox-like{
    cursor: pointer;
    user-select: none;
    padding:0.2rem 0.5rem;
    border: 1px solid #97c054;
    background-color: #fff;
    margin-right: 0.5rem;
}
.hidden-checkbox-like.selected{
    background-color: #e5f0d7;
}
.hidden-checkbox{
    display: inline-block;
}

.hidden-checkbox label{

    cursor: pointer;
    user-select: none;
    padding:0.2rem 0.5rem;
    border: 1px solid #97c054;
}

.hidden-checkbox input + label{
    background-color: #ffffff;
}

.hidden-checkbox input:checked + label{
    background-color: #e5f0d7;
}



.hidden-checkbox input{
    display: none;
}

.comment-avatar{
    width: 40px;
    height: 40px;
}


@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width: 1400px) {
    .padding-large {
        margin-left: 0;
        margin-right: 0;
    }

    #tns-carousel-news-ow .tns-controls button:nth-child(1) {
        left: 5px;
    }

    #tns-carousel-news-ow .tns-controls button:nth-child(2) {
        right: 5px;
    }
}

.navbar-toggler {
    display: none;
}

/*Footer*/
@media (max-width: 1201px) {
    #rlm-site-link {
        display: none;
    }

    #main {
        margin: 0px auto 0px !important;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-main a{
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .navbar-main a{
        font-size: 16px;
    }
    .breadcrumb-item {
        width: 100%;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0;
    }

    .navbar-brand {
        padding: 15px 0 15px 0;
    }

    .navbar-brand img {
        width: 151px;
    }

    .navbar {
        padding: 0 0 20px 0;
    }

    .navbar-nav .nav-link {
        padding: 20px 20px;
    }

    .dropdown > .dropdown-menu {
        position: relative !important;
    }

    .navbar-main .dropdown > .dropdown-menu {
        top: 10px !important;
    }

    .navbar-collapse {
        z-index: 100;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding: 0px;
    }

    .navbar-top{
        position: relative;
    }

    #search-form{
        width: 100%;
    }

    .sociallinks a .text-gradient{
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b7d28e));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .navbar-toggler {
        z-index: 101;
        position: absolute;
        right: 20px;
        top: 30px;
        display: block;
        width: auto;
    }

    .sticky-news-item {
        display: none;
    }

    .sticky-news-item .caption {
        position: absolute;
        bottom: 0px;
        width: 100%;
        color: #fff;
        padding: 0;
        left: 0;
        text-shadow: 0 0 7px #000000b3;
    }

    .sticky-news-item .caption h3::after {
        width: 100px;
    }
    .sticky-news-item .caption h1 {
        font-size: 1.75rem;
    }

    main {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    aside {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .menu-vehicules .dropdown-menu li.depth1 {
        width: 100%;
    }
    .dropdown-menu li.depth1 {
        width: 100%;
    }
    .autoComplete_wrapper {
        width: 100%;
    }

    #autoComplete {
        width: 100%;
        margin-left: 0;
    }

    .autoComplete_wrapper {
        padding: 10px 15px;
    }

    #autoComplete_list {
        margin: 0;
        top: 54px;
        left: 0.75rem;
        width: calc(100% - 1.5rem);
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0.4rem 1.05rem;
    }
    .navbar-main > .menu-item.active > a{
        border-radius: 0;
    }
}