/********************************************************************************/
/*								    FONTS - NOUVELR								*/
/********************************************************************************/

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Light.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Book.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Semibold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Extrabold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Light.ttf') format('ttf');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Book.ttf') format('ttf');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Regular.ttf') format('ttf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Semibold.ttf') format('ttf');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Bold.ttf') format('ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family:'NouvelR';
	src:	url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Extrabold.ttf') format('ttf');
	font-weight: 800;
	font-style: normal;
}
.remove-h3-style{
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}  
#header-etech{
	 background: black;
padding: 30px 50px;
}
#header-etech .container{
	display: flex;
	align-items: center;
}
#header-etech .container img{
	height: 80px;
	padding-right: 40px
}
#header-etech .container li{
	 overflow: hidden;
	padding: 0 20px;
	text-transform: uppercase;
}
#header-etech .container li a{
	color: white;
}

#presentation, .contribution-result-list .question, .page-info > div, .reply-result-list .reply {
    box-shadow: 0 0 10px 1px rgba(0,0,0,.08);
}

@media (max-width: 600px){
	#category-info,
	#brand-info,
	#universes-info{
		margin-top: 56px;
	}
}

#category-info.page-info .info-wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.product-result-list .product .top-container .tag.category {
  text-transform: lowercase;
}
.menu.fixed{
	display: none !important;
}


/* DOCUMENT */
#document-content{
	margin-top: 60px;
}

/*  Disable cookie block */
#cookie-info-pannel.active, #form-register .gdpr-text br {
  display: none;
}

#form-login .gdpr-text a {
    font-weight: 600;
    text-decoration: underline;
}

.topheader{
	background: #F2F2F2;
	display: flex;
	justify-content: center;
	padding: 12px 16px;
}
.topheader span, .topheader a{
	color: grey;
	font-size: 12px;
	letter-spacing: 0.07em;
	text-align: center;
	line-height: 16px;
}
.topheader a{
	font-weight: 700;
}
/********************************************************************************/
/*								FIX/SURCHARGE CSS								*/
/********************************************************************************/

h3, h4, h5, p{
	font-weight: 500 !important;
	font-size: 16px !important;!i;!;
	line-height: 1.4;
}


.button{
	font-size: 14px !important;
	height: 46px;
	font-weight: 600;
}
/*
#thematics-info h1.title,
#thematics-list-wrapper h3.title,
#category-navigation h3.title a,
#universes-info h1.title,
#universes-list ul.universe-list li,
.universe-list .universe-item{

	text-transform:lowercase;
}
*/

#category-info.page-info .statistics .statistic,
#product-info.page-info .tags-container .tag a, .page-info .info-wrapper .statistics .statistic, #product-info.page-info .info-wrapper .toggle-description{
  text-align: center;
}
#brand-info h1.title{
  text-transform: capitalize;
}

.button.button-thirdary{
	background: #efdf00;
	color: #000;
	border: 1px solid #efdf00 !important;
	margin-right: 0 !important;
	width: 100% !important;
}
.button.button-thirdary:hover{
  background: #F8EB4C;	
	border: 1px solid #F8EB4C !important;
}
.button-fillable{
	text-transform: lowercase;
	padding: 9px 26px !important;
}
@media (min-width: 990px){
	#product-content,
	#thread-content,
	#thematic-content,
	#search-content,
	#thematics-content,
	#category-content,
	#brand-content,
	#universes-content,
	#profil-content,
	#faq-content,
	#product-thematics-content,
  #member-content,
  #articles-content,
	#article-content,
  #product-articles-content,
  #brand-articles-content,
  #category-articles-content{
		margin-top: 60px;
	}
}
@media (max-width: 990px){
	#product-content,
	#thread-content,
	#thematic-content,
	#search-content,
	#thematics-content,
	#category-content,
	#brand-content,
	#universes-content,
	#profil-content,
	#faq-content,
	#product-thematics-content,
  #member-content,
  #articles-content,
	#article-content,
  #product-articles-content,
  #brand-articles-content,
  #category-articles-content{
		margin-top: 60px;
	}
}

/* ARTICLES */
#page-article #article-viewer, #page-article .article-comment-list {
    background: white;
    padding: 16px;
}

#user-birthday{
  display: none;
}

#thread-list-sorts .select-group select{
	background: white;
	border: 1px solid #000;
	color: black;
	border-radius: 0;
	font-size: 11px !important;
}
#thread-list-sorts .select-group::after {
	 border-top-color: #000;
	}

#thread-list-sorts h3.total-count {
	font-weight: 600 !important;
}

#product-info.page-info > div{
	padding: 20px;
}
.page-info > div,
#thematics-info > div {
	justify-content: center !important;
	align-items: center;
	flex-direction: column;
}
#thematics-info .thematics-description h2{
	color: black;
	text-align: center;
}
.button.button-thirdary{
	width: 100% !important;
}
.description-container h2{
	color: black !important;
	text-align: center !important;
	font-size: 14px !important;
}
.page-info .info-wrapper,
.page-info .info-wrapper h1.title{
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#product-info.page-info .info-wrapper{
	margin-left: 0;
}
#product-info.page-info .info-wrapper,
#product-info.page-info .info-wrapper h1,
#product-info.page-info .info-wrapper h2{
	text-align: center !important;
	color: black !important;

}
#product-info.page-info {
    min-width: auto;
}
#product-info.page-info .info-wrapper .title a,
{
  justify-content: center;
}
#product-info.page-info .tags-container{
  justify-content: center;
}
#product-info.page-info .info-wrapper h1{
	 font-size: 18px; 
}
#product-info.page-info .info-wrapper h1 a{
	text-align: center;
  margin: 0;
}
#product-info.page-info .tags-container .tag a,
.page-info .info-wrapper .statistics .statistic,
#product-info.page-info .info-wrapper .toggle-description{
	color: black;
	font-size: 14px;
}
#product-actions{
	margin-top: 20px;
	display: flex;
	flex: auto;
	width: 100%;
}
#product-actions div.state-button{
	width: 100%;
}
#product-actions .ask-question{
	margin-bottom: 16px;
}
#product-actions .state-button .button{
	background: white;
	border: 1px solid #000 !important;
	padding: 7px 20px;
	font-weight: 400;
	text-transform: lowercase;
}
#product-info.page-info .info-wrapper .top-info-wrapper{
	justify-content: center;
	padding-bottom: 0;
	align-items: center;
}
#product-info.page-info .info-wrapper .toggle-description{
  display: none;
}
#product-info.page-info .description-container .description{
    max-height: max-content;
    color: #000;
    margin: 0;
    text-align: center;
    font-size: 14px !important;
}
@media (max-width: 760px){
	.page-info{
		margin: 0 16px;
	}
	#product-info.page-info > div{
		flex-direction: column;
		align-items: center;
	}
	.page-info .picture-wrapper{
		margin: 0;
		margin-top: -50px;
	}
	#reply-list-sorts{
		margin: 0 16px;
	}
}

.widget-product-navigation .inner{
		box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);
	background: transparent;
}
#product-navigation{
	background: #FAFAFA !important;
  padding: 0;
}
#product-navigation .product-nav{
	border: 0;
}
#product-navigation .product-nav li{
	
}
#product-navigation .product-nav li.active a{
	background: white;
	font-weight: 700;
	color: black;
	border-bottom: 2px solid #EFDF00;
}
#product-navigation .product-nav li.active a:hover{
	background: #000;
	color: white;
}
#product-navigation .product-nav li a,
#product-navigation .product-nav li a:visited{
	color: black;
}
#product-navigation .product-nav li a:first-child:hover{
	color: white;
}
@media (max-width:480px){
	#product-navigation{
		margin-top: 24px;
	}
}
#header .row{
	background: #000;
}

#home-content > .row:nth-child(8){
	max-width: 1280px;
	margin: 0 auto;
}
@media (max-width: 760px){
	#product-navigation .product-nav li.active a:hover{
		background: transparent;
		color: black;
	}
	#product-navigation .product-nav li.active a{
		border-bottom:0;
	}
	#product-navigation .product-nav li::after{
		background: #EFDF00;
		height: 2px;
	}
}

/*  REPLY PAGE  */
.widget-question-content .inner #question-full-content{
	background: white;
	border: 1px solid black;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.08);
	margin: 0 16px;
}

/********************************************************************************/
/*							           GLOBAL	    							*/
/********************************************************************************/
/*      WIDGET - LAST Q       */

#last-questions,
#home-page .contribution-result-list{
	background: transparent;
}
@media (max-width: 760px){
	.contribution-result-list{
		justify-content: center;
		width: 90%;
		margin: 0 auto;
	}
	#home-page .contribution-result-list{
		padding:0;
		justify-content: center;
	}
}
.contribution-result-list .question{
	padding: 20px 20px;
	margin: 8px;
	background: transparent;
	background: white;
	color: black;
}
.contribution-result-list .question:last-child{
    margin-bottom: 0;
}
#page-home .contribution-result-list .question:last-child{
    margin-bottom: auto;
}
.contribution-result-list .question header{
	margin-bottom: 16px;
}
.contribution-result-list .question h4{
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
	margin-bottom: 8px !important;
}
.contribution-result-list .question .meta{
	margin-top: 24px;
	padding: 0;
}
.contribution-result-list .question .content .description{
	font-weight: 500;
}
.contribution-result-list .question .pending-moderation-label {
    background: #ececec;
    color: #001022;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    line-height: 16px;
    font-weight: 600;
    padding: 8px;
}



/*  CTA : Question result list  */

.question-list-widget h3.title{ 
	display: none; 
}
.contribution-result-list .question .meta .meta-group .like-button {
	padding: 0px 0px 0px 10px !important;
	background: #F5F6F7 !important;
	font-weight: 700 !important;
	color: #001022 !important;
}
    .contribution-result-list .question .meta .meta-group .like-button .like-icon{
        margin-top: 2px;
    }
    .contribution-result-list .question .meta .meta-group .like-button .like-count {
        border-radius: 0 !important;
        line-height: 33px;
        padding-left: 12px !important;
        font-weight: 400 !important;
    }

.contribution-result-list .question .meta .meta-group:first-child {
	border-radius: 0;
	background: #000;
	color: #fff;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	height: 38px;
}
  .contribution-result-list .question .meta .meta-group:first-child:hover {
      background: #000000;
      color: #fff;
      padding: 0;
  }

.contribution-result-list .question .meta .meta-group span:first-child {
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	padding: 0 28px;
	font-family: NouvelR;
	text-transform: lowercase;
}

.contribution-result-list .question .meta .reply-count {
	line-height: 2.5;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	background: white;
	color: #001022;
	text-decoration: underline;
	text-transform: lowercase;
}
 .contribution-result-list .question .meta .reply-count:hover {
  }

.contribution-result-list .question .meta .meta-group {
	background: #000;
	color: #fff;
	padding: 0;
	border-radius: 0;
	border: 0;
	margin-right: 16px;
}
  .contribution-result-list .question .meta .meta-group:hover {
      border-radius: 0;
      background: #000000;
      color: #fff;
      border: 0;
      padding: 0;
  }
  .contribution-result-list .question .meta .meta-group span{
      font-size: 14px !important;
      font-weight: 600 !important;
		text-transform: lowercase;
      
  }
.contribution-result-list .question .important-question-label{
	font-weight: 600;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 24px;
	padding: 8px;
	border-radius: 0;
	background: #EFEFEF;
	border: 0;
	color: #001022;
}
.widget-reply-list .inner #reply-list .reply{
  border-radius: 0;
  box-shadow: none;
  padding: 20px;
}
.reply-result-list .reply .reply-text{
  font-size: 14px;
  line-height: 1.4;
}
.reply-result-list .reply .meta{
 
	text-transform: lowercase;
}


/********************************************************************************/
/*							           HOMEPAGE	    							*/
/********************************************************************************/

/* HTML - Slider Accueil */
#page-home .slider .slider-container{
    height: 386px;
    position: relative;
    max-height: 600px;
    user-select: none;
    cursor: all-scroll;
    border-bottom: solid white 3px;
}
    /* Slider fonction */
    .slider-control {
        z-index: 2;
        position: absolute;
        top: 0;
        width: 8%;
        height: 100%;
        transition: opacity 0.3s;
        will-change: opacity;
        opacity: 0;
    }
        .slider-control.inactive:hover {
            cursor: auto;
        }
        .slider-control:not(.inactive):hover {
            opacity: 1;
            cursor: pointer;
        }
        .slider-control.left {
            left: 0;
            background: linear-gradient(to right, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 100%);
        }
        .slider-control.right {
            right: 0;
            background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 100%);
        }



    #page-home .slider .slider-container .sliderContent {
        width: auto;
        height: 100%;
        z-index: 1;
        position: relative;
    }
        #page-home .slider .slider-container .sliderContent.animating {
            transition: transform 0.5s;
            will-change: transform;
        }
        #page-home .slider .slider-container .slide{
            width: 100%;
            height: 100%;
            background-position: bottom center;
            background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            align-items: flex-end;
            padding: 0 24px;
            width: calc(100% - 40px);
            flex-wrap: wrap;
            overflow: hidden;
            position: absolute;
            color: white;
            top: 0;
        }   
            .slide:nth-child(1){
                left: 0;
            }
            .slide:nth-child(2){
                left: 100%;
            }
            .slide:nth-child(3){
                left: 200%;
            }
            #page-home .slider .slider-container .slide.active div{   
                opacity: 1;
                transform: translateX(0);
            } 
            #page-home .slider .slider-container .slide.quatre{          
                background-image: url(https://imageme.wibilong.com/e-tech/img/slider-gamme-electrique.webp);
            }
            #page-home .slider .slider-container .slide.deux{          
                background-image: url(https://imageme.wibilong.com/e-tech/img/renault-4-homepage-slider.webp);
            }
            #page-home .slider .slider-container .slide.trois{          
                background-image: url(https://imageme.wibilong.com/e-tech/img/faq-slider1.webp);
            }
			#page-home .slider .slider-container .slide.un{          
                background-image: url(https://imageme.wibilong.com/e-tech/img/Gamme_EV.webp);
                background-position: bottom;
            }
              #page-home .slider .slider-container .slide div{
                  margin-bottom: 89px;
                  color: white !important;
              }
              #page-home .slider .lienslide1{
                  color: #fff;
                  padding: 6px 24px;
                  border-radius: 0;
                  border: solid 1px white;
                  font-size: 15px;
                  margin-top: 19px;
                  display: inline-block;
              }
#page-home .slider .slider-container .slide div a{
	text-decoration: none ;
}
                #page-home .slider .slider-container .slide div .titleSlider{
                    font-weight: 700 !important;
                    font-size: 28px !important;
                    color: white !important;
                    
                    
                }


/********************************************************************************/
/*            FONTS - NOUVELR        */
/********************************************************************************/

@font-face {
                    font-family: 'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Light.woff2') format('woff2');
                    font-weight: 200;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Book.woff2') format('woff2');
                    font-weight: 300;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Regular.woff2') format('woff2');
                    font-weight: 400;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Semibold.woff2') format('woff2');
                    font-weight: 600;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Bold.woff2') format('woff2');
                    font-weight: 700;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Extrabold.woff2') format('woff2');
                    font-weight: 800;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Light.ttf') format('ttf');
                    font-weight: 200;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Book.ttf') format('ttf');
                    font-weight: 300;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Regular.ttf') format('ttf');
                    font-weight: 400;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Semibold.ttf') format('ttf');
                    font-weight: 600;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Bold.ttf') format('ttf');
                    font-weight: 700;
                    font-style: normal;
}

@font-face {
                    font-family:'NouvelR';
                    src: url('https://imageme.wibilong.com/renaultze/v3/fonts/NouvelR-Extrabold.ttf') format('ttf');
                    font-weight: 800;
                    font-style: normal;
}
.remove-h3-style{
                    font-size: 14px;
                    text-align: left;
                    font-weight: normal;
}  
#header-etech{
                    background: black;
                    padding: 30px 50px;
}
#header-etech .container{
                    display: flex;
                    align-items: center;
}
#header-etech .container
                    img{
 height: 80px;
                    padding-right: 40px}
#header-etech .container
                    li{
  overflow: hidden;
                    padding: 0 20px;
                    text-transform: uppercase;
}
#header-etech .container
                    li a{
 color: white;
}

#presentation, .contribution-result-list .question, .page-info >
                    div, .reply-result-list .reply {
    box-shadow: 0 0 10px 1px rgba(0,0,0,.08);
}

@media (
                    max-width: 600px){
 #category-info,
 #brand-info,
 #universes-info{
  margin-top: 56px;
 }
}

#category-info.page-info .info-wrapper{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
}
.product-result-list .product .top-container .tag.category {
                    text-transform: lowercase;
}
.menu.fixed{
                    display: none !important;
}


/* DOCUMENT */
#document-content{
                    margin-top: 60px;
}

/*  Disable cookie block */
#cookie-info-pannel.active, #form-register .gdpr-text
                    br {
  display: none;
}


.topheader{
                    background: black;
                    display: flex;
                    justify-content: center;
                    padding: 16px;
}
.topheader
                    span, .topheader a{
 color: white;
                    font-size: 12px;
                    letter-spacing: 0.07em;
                    text-align: center;
                    line-height: 16px;
 
}
/********************************************************************************/
/*        FIX/SURCHARGE CSS        */
/********************************************************************************/
                    h3, h4, h5, p{
 font-weight: 500 !important;
}

.button{
                    font-size: 14px !important;
                    height: 46px;
                    font-weight: 600;
}

#thematics-info
                    h1.title,
#thematics-list-wrapper h3.title,
#category-navigation h3.title a,
#universes-info h1.title,
#universes-list ul.universe-list li,
.universe-list .universe-item{

 text-transform:lowercase;
}
#brand-info
                    h1.title{
  text-transform: capitalize;
}

.button.button-thirdary{
                    background: #efdf00;
                    color: #000;
                    border: 1px solid #efdf00 !important;
                    margin-right: 0 !important;
                    width: 100% !important;
}
.button.button-thirdary:
                    hover{
  background: #F8EB4C;
                    border: 1px solid #F8EB4C !important;
}
.button-fillable{
                    text-transform: lowercase;
                    padding: 9px 26px !important;
}
@media (
                    min-width: 990px){
 #product-content,
 #thread-content,
 #thematic-content,
 #search-content,
 #thematics-content,
 #category-content,
 #brand-content,
 #universes-content,
 #profil-content,
 #faq-content,
 #product-thematics-content{
  margin-top: 60px;
 }
}

#user-birthday{
                    display: none;
}

#thread-list-sorts .select-group
                    select{
 background: white;
                    border: 1px solid #000;
                    color: black;
                    border-radius: 0;
                    font-size: 11px !important;
}
#thread-list-sorts .select-group::
                    after {
  border-top-color: #000;
 }

#thread-list-sorts
                    h3.total-count {
 font-weight: 600 !important;
}

#product-info.page-info >
                    div{
 padding: 20px;
}
.page-info >
                    div,
#thematics-info > div {
 justify-content: center !important;
                    align-items: center;
                    flex-direction: column;
}
#thematics-info .thematics-description
                    h2{
 color: black;
                    text-align: center;
}
.button.button-thirdary{
                    width: 100% !important;
}
.description-container
                    h2{
 color: black !important;
                    text-align: center !important;
                    font-size: 14px !important;
}
.page-info .info-wrapper,
.page-info .info-wrapper
                    h1.title{
 text-align: center;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
}
#product-info.page-info .info-wrapper{
                    margin-left: 0;
}
#product-info.page-info .info-wrapper,
#product-info.page-info .info-wrapper
                    h1,
#product-info.page-info .info-wrapper h2{
 text-align: center !important;
                    color: black !important;

}
#product-info.page-info .info-wrapper .title
                    a,
{
  justify-content: center;
}
#product-info.page-info .tags-container{
                    justify-content: center;
}
#product-info.page-info .info-wrapper
                    h1{
  font-size: 18px; 
}
#product-info.page-info .info-wrapper
                    h1 a{
 text-align: center;
}
#product-info.page-info .tags-container .tag
                    a,
.page-info .info-wrapper .statistics .statistic,
#product-info.page-info .info-wrapper .toggle-description{
 color: black;
                    font-size: 14px;
}
#product-actions{
                    margin-top: 20px;
                    display: flex;
                    flex: auto;
                    width: 100%;
}
#product-actions
                    div.state-button{
 width: 100%;
}
#product-actions .ask-question{
                    margin-bottom: 16px;
}
#product-actions .state-button .button{
                    background: white;
                    border: 1px solid #000 !important;
                    padding: 7px 20px;
                    font-weight: 400;
                    text-transform: lowercase;
}
#product-info.page-info .info-wrapper .top-info-wrapper{
                    justify-content: center;
                    padding-bottom: 8px;
                    align-items: center;
}
@media (
                    max-width: 760px){
 .page-info{
  margin: 0 16px;
 }
 #product-info.page-info > div{
                    flex-direction: column;
                    align-items: center;
 }
 .page-info .picture-wrapper{
                    margin: 0;
                    margin-top: -50px;
 }
 #reply-list-sorts{
                    margin: 0 16px;
 }
}

.widget-product-navigation .inner{
                    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);
                    background: transparent;
}
#product-navigation{
                    background: #FAFAFA !important;
                    padding: 0;
}
#product-navigation .product-nav{
                    border: 0;
}
#product-navigation .product-nav
                    li{}
#product-navigation .product-nav
                    li.active a{
 background: white;
                    font-weight: 700;
                    color: black;
                    border-bottom: 2px solid #EFDF00;
}
#product-navigation .product-nav
                    li.active a:hover{
 background: #000;
                    color: white;
}
#product-navigation .product-nav
                    li a,
#product-navigation .product-nav li a:visited{
 color: black;
}
#product-navigation .product-nav
                    li a:first-child:hover{
 color: white;
}
@media (
                    max-width:480px){
 #product-navigation{
  margin-top: 24px;
 }
}
#header .row{
                    background: #000;
}

#home-content > .row:nth-child(7){
                    max-width: 1200px;
                    margin: 0 auto;
}
@media (
                    max-width: 760px){
 #product-navigation .product-nav li.active a:hover{
  background: transparent;
                    color: black;
 }
 #product-navigation .product-nav li.active a{
                    border-bottom:0;
 }
 #product-navigation .product-nav li::
                    after{
  background: #EFDF00;
                    height: 2px;
 }
}

/*  REPLY PAGE  */
.widget-question-content .inner #question-full-content{
                    background: white;
                    border: 1px solid black;
                    box-shadow: 0 0 10px 1px rgba(0,0,0,.08);
                    margin: 0 16px;
}

/********************************************************************************/
/*                  GLOBAL            */
/********************************************************************************/
/*      WIDGET - LAST Q       */
#last-questions{
                    background: #fff;
}
.contribution-result-list .question{
                    padding: 20px 20px;
                    margin: 8px 0.3em 8px 0.3em;
                    background: transparent;
                    background: white;
                    color: black;
}
.contribution-result-list .question:
                    last-child{
    margin-bottom: 0;
}
#page-home .contribution-result-list .question:
                    last-child{
    margin-bottom: auto;
}
.contribution-result-list .question
                    header{
 margin-bottom: 16px;
}
.contribution-result-list .question
                    h4{
 font-size: 16px !important;
                    line-height: 24px !important;
                    font-weight: 600 !important;
                    margin-bottom: 8px !important;
}
.contribution-result-list .question .meta{
                    margin-top: 24px;
                    padding: 0;
}
.contribution-result-list .question .content .description{
                    font-weight: 500;
}
.contribution-result-list .question .pending-moderation-label {
                    background: #ececec;
                    color: #001022;
                    border: 0;
                    border-radius: 0;
                    font-size: 11px;
                    line-height: 16px;
                    font-weight: 600;
                    padding: 8px;
}



/*  CTA : Question result list  */

.question-list-widget
                    h3.title{ 
 display: none; 
}
.contribution-result-list .question .meta .meta-group .like-button {
                    padding: 0px 0px 0px 10px !important;
                    background: #F5F6F7 !important;
                    font-weight: 700 !important;
                    color: #001022 !important;
}
    .contribution-result-list .question .meta .meta-group .like-button .like-icon{
                    margin-top: 2px;
    }
    .contribution-result-list .question .meta .meta-group .like-button .like-count {
                    border-radius: 0 !important;
                    line-height: 33px;
                    padding-left: 12px !important;
                    font-weight: 400 !important;
    }

.contribution-result-list .question .meta .meta-group:
                    first-child {
 border-radius: 0;
                    background: #000;
                    color: #fff;
                    padding: 0;
                    font-size: 14px;
                    font-weight: 400;
                    height: 38px;
}
  .contribution-result-list .question .meta .meta-group:
                    first-child:hover {
      background: #000000;
                    color: #fff;
                    padding: 0;
  }

.contribution-result-list .question .meta .meta-group
                    span:first-child {
 font-size: 14px;
                    font-weight: 400;
                    line-height: 40px;
                    padding: 0 28px;
                    font-family: NouvelR;
                    text-transform: lowercase;
}

.contribution-result-list .question .meta .reply-count {
                    line-height: 2.5;
                    font-size: 14px;
                    font-weight: 500;
                    height: 40px;
                    background: white;
                    color: #001022;
                    text-decoration: underline;
                    text-transform: lowercase;
}
 .contribution-result-list .question .meta .reply-count:
                    hover {}

.contribution-result-list .question .meta .meta-group {
                    background: #000;
                    color: #fff;
                    padding: 0;
                    border-radius: 0;
                    border: 0;
                    margin-right: 16px;
}
  .contribution-result-list .question .meta .meta-group:
                    hover {
      border-radius: 0;
                    background: #000000;
                    color: #fff;
                    border: 0;
                    padding: 0;
  }
  .contribution-result-list .question .meta .meta-group
                    span{
      font-size: 14px !important;
                    font-weight: 600 !important;
                    text-transform: lowercase;
      
  }
.contribution-result-list .question .important-question-label{
                    font-weight: 600;
                    font-size: 11px;
                    line-height: 16px;
                    margin-bottom: 24px;
                    padding: 8px;
                    border-radius: 0;
                    background: #EFEFEF;
                    border: 0;
                    color: #001022;
}
.widget-reply-list .inner #reply-list .reply{
                    border-radius: 0;
                    box-shadow: none;
                    padding: 20px;
}
.reply-result-list .reply .reply-text{
                    font-size: 14px;
                    line-height: 1.4;
}
.reply-result-list .reply .meta{
                    text-transform: lowercase;
}


/********************************************************************************/
/*                  HOMEPAGE            */
/********************************************************************************/

*
                    HTML - Slider Accueil */
#page-home .slider .slider-container{
    height: 386px;
                    position: relative;
                    max-height: 600px;
                    user-select: none;
                    cursor: all-scroll;
                    border-bottom: solid #E30613 3px;
}
    /* Slider fonction */
    .slider-control {
                    z-index: 2;
                    position: absolute;
                    top: 0;
                    width: 8%;
                    height: 100%;
                    transition: opacity 0.3s;
                    will-change: opacity;
                    opacity: 0;
    }
        .slider-control.inactive:
                    hover {
            cursor: auto;
        }
        .slider-control:not(.inactive):
                    hover {
            opacity: 1;
                    cursor: pointer;
        }
        .slider-control.left {
                    left: 0;
                    background: linear-gradient(to right, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 100%);
        }
        .slider-control.right {
                    right: 0;
                    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 100%);
        }

    #page-home .slider .slider-container .sliderContent {
                    width: auto;
                    height: 100%;
                    z-index: 1;
                    position: relative;
    }
        #page-home .slider .slider-container .sliderContent.animating {
                    transition: transform 0.5s;
                    will-change: transform;
        }
        #page-home .slider .slider-container .slide{
                    width: 100%;
                    height: 100%;
                    background-position: bottom center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    display: flex;
                    align-items: flex-end;
                    padding: 0 50px;
                    width: calc(100% - 100px);
                    flex-wrap: wrap;
                    overflow: hidden;
                    position: absolute;
                    top: 0;
        }   
            .slide:nth-child(1){
                    left: 0;
            }
            .slide:nth-child(2){
                    left: 100%;
            }
            .slide:nth-child(3){
                    left: 200%;
            }
			.slide:nth-child(4){
                    left: 300%;
            }
            #page-home .slider .slider-container .slide.active
                    div{   
                opacity: 1;
                    transform: translateX(0);
            } 
            
            
              #page-home .slider .slider-container .slide
                    div{  
                  margin-bottom: 89px;
                    color: white;
              }
                #page-home .slider .slider-container .slide
                    div .titleSlider{
                    font-weight: 700;
                    font-size: 27px;
                    font-family: "Open Sans",sans-serif;
                    line-height: 1.3em;
                    text-align: left;
                    text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.40);
                }
                  #page-home .slider .slider-container .slide
                    div p{
                      margin-top: 12px;
                      line-height: 24px;
                      font-size: 18px;
                      color: white;
                      text-shadow:  1px 2px 6px rgba(0, 0, 0, 0.60);
                  }
              #page-home .slider .slider-container .buttons{
                    position: absolute;
                    bottom: 54px;
                    left: 50px;
                    z-index: 1;
              }
                  #page-home .slider .slider-container .buttons
                    li.slider-pagi__elem {
                      border: 0;
                    margin-right: 14px;
                    transition: all 200ms ease-in-out;
                    cursor: pointer;
                    background: white;
                    list-style: none;
                    width: 40px;
                    height: 5px;
                    display: inline-block;
                  }
                      #page-home .slider .slider-container .buttons
                    li.slider-pagi__elem.active {
                          background: #E30613;
                      }
                      #page-home .slider .slider-container .buttons
                    li.slider-pagi__elem:hover {
                          transform: scale(1.1);
                      }
    @media screen and (
                    min-width:760px){
        .info-bulle{
            right: calc(75% - 370px);
                    top: -141px;
        }
    }
#page-home .slider .slider-container {
                    height: 466px;
          }
    @media screen and (
                    min-width:990px){
        #page-home .slider{
            margin-left: -34px;
                    margin-top: -12px;
        }
        .info-bulle{
                    right: calc(100% - 421px);
                    top: -158px;
        }
    }
    @media screen and (
                    min-width:1300px){
        #page-home .slider{
            margin-left: -40px;
                    margin-top: -15px;
        }
          #page-home .slider .slider-container {
                    height: 466px;
          }
          #page-home .slider .slider-container .slide{
                    padding: 0 82px;
                    width: calc(100% - 164px);
                    background-position: center;
          }
          #page-home .slider .slider-container .buttons{
                    left: 87px;
          }  
            .info-bulle{
                    /*right: calc(100% - 467px);*/
                    top: -205px;
            }
            .info-bulle {
                    left: calc(100% + -225px);
                    left: -moz-calc(100% + -225px);
                    left: -webkit-calc(100% + -225px);
            }     
    }


.widget-ask-question{
                    /* background-image: url(https://imageme.wibilong.com/e-tech/img/header-hero2.jpg); */
                    background-size: cover;
                    background-position: center;
                    background-repeat: no-repeat;
                    padding: 60px 56px 136px 24px !important;
                    background: black;
}
.widget-ask-question .inner{
                    max-width: 580px;
                    height: auto;
                    padding: 24px 32px;
                    opacity: 1;
                    display: flex;
                    flex-direction: column;
                    width: 600px;
                    /* background-color: hsla(0,0%,100%,.8); */
}
.ask-question-container .inner
                    div{
 display: flex;
                    flex-direction: column;
}
.ask-question-container .inner
                    div h1{
 font-size: 34px;
                    color: #fff;
                    font-weight: bold;
                    line-height: 36px;
                    text-align: left;
                    text-transform: uppercase;
                    margin-bottom: 24px;
}
.ask-question-container .inner
                    div h2{
 font-size: 20px;
                    line-break: 1.44;
                    font-weight: 400;
                    color: #fff;
                    text-align: left;
                    text-transform: uppercase;
                    line-height: 24px;
}
.widget-ask-question .inner .button{
                    background: #EFDF00;
                    color: black;
                    max-width: 336px;
                    font-size: 16px !important;
                    padding: 6px 14px;
}
.widget-ask-question .inner .button:
                    hover{
 background: #000;
                    color:white;
}
@media (
                    max-width: 1300px){
 .widget-ask-question{
    padding: 79px 20px 90px 20px !important;
                    background-position: center;
                    background-size: cover;
 }
 .widget-ask-question .inner{
                    width: 300px;
                    margin: 0 !important;
 }
 
}
@media (
                    max-width: 1350px){

 .widget-ask-question .inner{
  width: 488px;
                    margin: 0 !important;
 }
 .widget-ask-question{
                    padding: 83px 42px !important;
 }
 
}
@media (
                    max-width: 1200px){

 .widget-ask-question .inner{
  width: 393px;
                    margin: 0 !important;
 }
 .widget-ask-question{
                    padding: 84px 42px !important;
 }
 
}

@media (
                    max-width: 990px){
 .widget-ask-question .inner{
  width: 990px;
                    margin: 0 !important;
 }
 .widget-ask-question{
                    padding: 32px 24px !important;
 }
}
@media (
                    max-width: 760px){
 .widget-ask-question{
  padding: 40px 20px 32px 20px !important;
  /*! background-position: right; */
                    background-size: auto;
 }
 .widget-ask-question .inner{
                    width: auto;
 }
}

@media (
                    max-width: 760px){
 .widget-ask-question .inner{
  width: auto;
                    padding: 16px;
 }
 .ask-question-container .inner div{
                    line-height: 1;
                    font-size: 24px;
 }
 .ask-question-container .inner div span{
                    font-size: 16px;
 }
}
@media (
                    max-width: 480px){
 .widget-ask-question{
  padding: 32px 24px  !important;
                    background-size: cover;
 }
 .widget-ask-question .inner{
                    padding: 0;
 }
}
/*  HTML - Presentation communauté  */
#container-description{
                    background: #f2f2f2;
                    padding: 0px 20px 40px 20px;
}


/*  HTML - Renault E-Tech */
.renault-caption{
                    max-width: 760px;
                    margin: 0 auto;
}
.renault-caption
                    p{
 font-size: 14px;
                    text-align: center;
                    margin: 0 16px;
                    margin-bottom: 32px;
}
.subtitle{
                    text-align: center;
                    margin-bottom: 8px;
                    font-size: 18px;
                    line-height: 1.4;
                    margin-top: 42px;
                    color: #656666;
}
                    h2.Etech-title{
 font-size: 26px;
                    font-weight: bold !important;
                    padding: 40px 20px 36px 20px;
                    text-transform: uppercase;
                    line-height: 28px;
}
#container-description
                    div{
 display: flex;
                    max-width: 1200px;
                    margin: 0 auto;
}
#container-description
                    div article{
 display: flex;
                    align-items: center;
                    margin: 0px 20px;
}
#container-description
                    div article img{
 padding-right: 20px;
}
#container-description
                    div article p{
 font-size: 16px;
                    line-height: 1.4;
}
@media (
                    max-width: 760px){
 #container-description div{
  flex-direction: column;
 }
 #container-description div article{
                    margin-bottom: 24px; 
 }
}


/* HTML - Discussions par véhicule  */
#etech-cars{
                    max-width: 1200px;
                    margin: 0 auto;
}
#etech-cars
                    ul{
 display: flex;
                    justify-content: space-evenly;
}
#etech-cars
                    ul li{
 font-size: 16px;
                    font-weight: 700;
                    text-transform: uppercase;
}
#etech-cars .container {
                    display: flex;
                    flex-direction: row;
                    margin: 40px 0;
}
#etech-cars .container
                    a.car{
 display: flex;
                    flex-direction: column;
                    width: 30%;
                    margin: 0 20px;
}

#etech-cars .container
                    a.car:hover{
 text-decoration: none;
}
#etech-cars .container
                    a.car img{
 width: 100%;
}
#etech-cars .container
                    a.car span{
 border: 1px solid #0091da;
                    padding: 5px 8px;
                    width: max-content;
                    font-size: 12px;
                    color: #0091da;
                    font-weight: 500;
}
#etech-cars .container
                    a.car h3{
  text-align: left;
                    padding: 15px 0;
                    font-weight: 700 !important;
                    font-size: 16px !important;
                    text-transform: uppercase;
}
#etech-cars .container
                    a.car h4{
 text-align: left;
                    font-size: 14px !important;
                    font-weight: 600 !important;
                    display: flex;
                    align-items: center;
}
#etech-cars .container
                    a.car h4:after{
content: "";
                    transform: rotate(45deg);
                    display: flex;
                    width: .6em;
                    height: .6em;
                    margin-left: 16px;
                    border: 2px solid #efdf00;
                    border-top-width: 2px;
                    border-right-width: 2px;
                    border-bottom-width: 2px;
                    border-left-width: 2px;
                    border-width: 2px 2px 0 0;
                    vertical-align: middle;
}


/*  HEADER - NAVBAR */
.widget-navbar .menu{
                    display: flex;
                    justify-content: flex-end;
}
.widget-navbar .menu
                    ul li.menu-item-breadcrumb{
 display: none;
}
.widget-navbar .menu
                    ul {
    padding: 3.5em 0;
                    align-items: center;
                    align-content: flex-end;
                    flex-flow: row nowrap;
                    /* width: 100%; */
}
.breadcrumbs .step-container, .breadcrumbs .step-container
                    a{
 color: black;
}
.menu
                    a {
    width: 100%;
                    padding: 0 16px;
                    font-size: 14px;
                    /* width: calc(100% - 32px); */
                    text-align: center;
                    display: block;
                    font-weight: 600;
}
.widget-navbar .menu
                    ul li{
 display: flex;
 /* justify-content: flex-end; */
}
.widget-navbar .menu
                    ul li.menu-search{
 width: 100%;
                    padding-left: 24px;
                    margin-right: inherit;
}
.menu-item-login:
                    before{
    content: "";
                    left: -8px;
                    top: 9px;
                    width: 24px;
                    height: 24px;
                    background: url(https://imageme.wibilong.com/renaultze/v3/img/connexion-icon.png) no-repeat;
                    background-size: 100% auto;
                    background-position: center;
                    position: relative;
}
@media (
                    max-width: 760px){
 .menu-item-login::before{
  top: 14px}
}
.menu-item-register:
                    after{
 display: none;
}
.menu-item-login{
                    text-transform: uppercase;
                    padding: 0 40px;
}
.widget-navbar .menu
                    ul li.menu-search #forum-search .form-search .input-icon{
 background: #D9D9D6;
}
.widget-navbar .menu
                    ul li.menu-search #forum-search .form-search input[type="search"]{
 height: 46px;
}
.widget-navbar .menu
                    ul li.menu-search #forum-search .form-search .input-icon{
 color: black;
                    height: 46px;
                    font-size: 22px;
                    font-weight: 400;
}
.widget-navbar .menu
                    ul li.menu-search #forum-search .form-search input::placeholder{
 color: black;
                    opacity: 1;
                    font-size: 12px;
}
.breadcrumbs{
}
@media (
                    min-width:990px){
 .widget-navbar .menu ul{
  margin-right: 24px;
 }
}
@media (
                    max-width: 1320px){
 .breadcrumbs{
 }
 .widget-navbar .menu ul li.menu-search{
                    width:48%;
 }
}
@media (
                    max-width: 1100px){
 .breadcrumbs{
  margin-left: -500px;
 }
}
@media (
                    max-width: 990px){
 .breadcrumbs{
  margin-left: 0;
                    position: absolute;
 }
}
@media (
                    max-width:1400px){
 .widget-navbar .menu ul{}
  .widget-navbar .menu ul li.menu-search{
                    width: auto;
                    padding-left: 0;
                    margin-right: 0;
 }
}
@media (
                    max-width:1400px){
 .widget-navbar .menu ul{
  justify-content: flex-end;
 }
  .widget-navbar .menu ul li.menu-search{
                    width: 100%;
                    padding-left: 0;
                    margin-right: 0;
                    margin-right: 16px;
 }
 .menu-item-login{
 }
}
@media (
                    max-width:990px){
 .widget-navbar .menu ul{
  width: 100%;
                    margin: 0 16px;
                    flex-direction: column-reverse;
                    padding: 1em 0 2em;
                    align-items: flex-start;
 }
  .widget-navbar .menu ul li.menu-search{
                    width: 100%;
                    padding-left: 0;
                    margin-right: 0;
 }
 .menu-item-login{
                    margin-bottom: 16px !important;
                    margin-top: 0 !important;
                    padding: 0;
 }
}
@media (
                    max-width:760px){
 .widget-navbar .menu ul{
  flex-direction: column;
                    align-items: flex-start;
                    padding: 0em 0 2em;
 }
 
}

#thematics-cat{
                    max-width: 1200px;
                    margin: 0 auto 24px;
 
}
#thematics-cat .container{
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    grid-template-rows: repeat(1, auto);
                    max-width: 1200px;
                    grid-gap: 40px;
}
#thematics-cat .container .thematic{
                    position: relative;
                    flex: 1;
                    overflow: hidden;
                    text-align: center;
}
#thematics-cat .container .thematic ~ .thematic {
    /*! margin-left: 40px; */
}
#thematics-cat .container
                    a{
 width: 100%;
                    height: 100%;
                    flex: 1 0 0%;
                    display: flex;
                    flex-direction: column;
}
#thematics-cat .container
                    a img{
  height: 145px;
}
#thematics-cat .container
                    a .thematic-ctg{
position: absolute;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-around;
                    align-items: flex-end;
                    width: 100%;
                    height: 100%;
/*! padding: 0 16px 24px; */
                    flex-wrap: wrap;
}
#thematics-cat .container
                    a .thematic-ctg .textlink{
 display: flex;
                    justify-content: space-between;
                    align-items: baseline;
                    width: 100%;
                    box-sizing: border-box;
                    padding: 24px 16px;
}
#thematics-cat .container
                    a .thematic-ctg h3{
 color:white;
                    font-size: 18px;
                    text-align: left;
                    overflow: hidden;
                    font-weight: 600 !important;
}
#thematics-cat .container
                    a .thematic-ctg .arrow-link{
position: relative;
                    display: block;
                    color: #000;
                    font-size: 16px;
                    font-weight: 700;
}
#thematics-cat .container
                    a .thematic-ctg .arrow-link:after{
 content: "";
                    transform: rotate(45deg);
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    margin-left: 6px;
                    border: 2px solid #efdf00;
                    border-width: 3px 3px 0 0;
                    vertical-align: middle;
}
@media (
                    max-width:990px){
 #thematics-cat .container{
  display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    grid-template-rows: repeat(1, auto);
                    grid-gap: 24px}
}
@media (
                    max-width:760px){
 #thematics-cat .container{
  display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    grid-template-rows: repeat(2, auto);
                    grid-gap: 24px}
}
@media (
                    max-width:600px){
 #thematics-cat .container{
  display: grid;
                    grid-template-columns: repeat(1, 1fr);
                    grid-template-rows: repeat(1, auto);
                    grid-gap: 24px}
}
.seemore {
                    display: flex;
                    justify-content: center;
                    max-width: 1200px;
                    margin: 0 auto;
                    align-items: center;
}
.seemore
                    a{
 padding: 8px 28px;
                    display: flex;
                    max-width: 100%;
                    font-size: 16px !important;
                    line-height: 26px;
                    justify-content: center;
}
.seemore
                    a:hover{
 background:#efdf00;
                    color: black;
}
@media (
                    max-width: 760px){
 .seemore{
  margin: 0 16px;
 }
}


/*  HTML - Discussions par véhicules*/
.wrapper-disc {
  /*! width: 1200px; */
  /*! margin: 0 auto; */
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    -moz-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
}

.buttonWrapper {
                    display: flex;
                    justify-content: center;
                    text-align: center;
                    width: 100%;
                    flex-direction: row;
                    -webkit-flex-wrap: wrap;
                    -moz-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    width: 100%;
}
                    button.tab-button {
 margin: 0 24px;
                    padding: 10px;
                    color: #000;
                    font-size: 16px;
                    cursor: pointer;
                    text-transform: uppercase;
                    background: transparent;
                    font-weight: 400;
                    border: none;
                    font-family: NouvelR;
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
}
                    button.tab-button:after{
   content:"";
                    height: 2px;
                    display: flex;
                    width: 100%;
                    background: #fff;
                    margin-top: 16px;
}
                    button.tab-button.active:after {
  content:"";
                    height: 2px;
                    display: flex;
                    width: 100%;
                    background: #efdf00;
                    margin-top: 16px;
}
                    button.tab-button:hover {
  font-weight: 600;
                    padding: 10px;
                    margin: 0 24px;
}
                    button.tab-button.active {
  background-color: white;
                    font-weight: 600;
}


.contentWrapper{
                    padding: 24px 0;
                    max-width: 910px;
                    margin: 0 auto;
                    position: relative;
}


.content-cars {
                    display: none;
}

.content-cars.active {
                    display: grid;
                    grid-template-rows: repeat(2, auto);
                    grid-template-columns: repeat(3, 1fr);
                    grid-gap: 32px 42px;
                    position: relative;
}
@media (
                    max-width: 990px){
 .content-cars.active {
  grid-template-columns: repeat(2, 2fr);
                    grid-template-rows: repeat(1, auto);
 }
}

.content-cars
                    a.car{
 display: flex;
                    flex-direction: column;
 /*! width: 100%; */
                    position: relative;
}

.content-cars
                    a.car:hover{
 text-decoration: none;
}
.content-cars
                    a.car img{
 width: 300px;
}
.content-cars
                    a.car span{
 border: 1px solid #0091da;
                    padding: 5px 8px;
                    width: max-content;
                    font-size: 12px;
                    color: #0091da;
                    font-weight: 500;
}
.content-cars
                    a.car h3{
  text-align: left;
                    padding: 15px 0;
                    font-weight: 700 !important;
                    font-size: 16px !important;
                    text-transform: uppercase;
}
.content-cars
                    a.car h4{
 text-align: left;
                    font-size: 14px !important;
                    font-weight: 600 !important;
                    display: flex;
                    align-items: center;
                    width: 168px;
                    border-bottom: 2px solid #efdf00;
}



/*  HTML - Right Banner  */
.aside-bloc{
                    display: flex;
                    overflow: hidden;
                    width: 100%;
                    flex-wrap: wrap;
                    box-sizing:  border-box;
                    margin-bottom: 16px;
                    margin-top: 16px;
}
.aside-bloc
                    a{
  display: flex;
                    flex-direction: column;
                    max-height: 200px;
}
.aside-bloc
                    p{
 padding: 24px 16px;
                    position: absolute;
                    font-size: 18px;
                    text-shadow: 1px 2px 6px black;
                    color: white;
                    font-weight: 600 !important;
                    line-height: 24px;
                    width: 75%;
                    text-align: left;
}
.aside-bloc
                    img{
 width: 100%;
                    height: 300px;
                    object-fit: cover;
}

@media (
                    max-width: 760px){
 .aside-bloc{
  display: block;
 }
}


/*  FOOTER  */
#global-map{
                    margin: 0 auto;
                    width: 100%;
                    height: 400px;
}

/****************************/
/*       HEADER MENU     */
/****************************/

.header {
                    max-width: 93%;
                    margin: 8px auto 0px;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    justify-content: space-between;
}
.header .logo {
                    display: flex;
                    align-items: center;
                    font-size: 1.2rem;
                    flex-shrink: 0;
}
.header .logo
                    img {
  margin-right: 24px;
                    width: 35px;
}
.header
                    a {
  border-bottom: none;
                    color: #fff;
                    position: relative;
  /*! padding: 0.5rem 0 0.25rem; */
                    font-weight: 600;
                    font-size: 14px;
                    text-transform: uppercase;
                    text-align: left;
}
.header
                    a {
 text-decoration: none;
}

@media screen and (
                    min-width: 990px) {
  .header { 
   width: 96%;
                    margin: 0 24px;
                    padding: 0;
  }
  .header .logo {
                    font-size: 1.5rem;
                    margin-bottom: 0;
  }
  .header .logo img {
                    width: 50px;
                    height: 100%;
  }
}
@media (
                    max-width: 600px) {
 .header .logo img {
  width: 26px;
 }
}
/* ---------
 * Menu styles
 */
.menu::
                    before {
  content: "";
                    position: fixed;
                    z-index: 1;
                    display: block;
                    visibility: hidden;
                    opacity: 0;
                    background-color: rgba(0, 0, 0, 0.5);
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    transition: opacity 0.3s ease-out;
}

.menu_list {
                    display: flex;
                    flex-direction: column;
                    height: 100%;
                    width: 100%;
                    max-width: 25rem;
                    position: fixed;
                    z-index: 2;
                    top: 0;
                    right: 0;
                    margin: 0;
                    background-color: #f2f2f2;
                    transition: 0.4s;
                    padding-top: 60px;
                    visibility: hidden;
                    transform: translateX(100%);
                    overflow-y: auto;
                    -webkit-overflow-scrolling: touch;
                    overscroll-behavior-y: contain;
}
.menu_list_inner {
                    list-style: none;
                    display: flex;
                    align-items: center;
                    position: relative;
                    justify-content: flex-start;
}
                    ul.menu_list_inner {
 /*! justify-content: space-between; */
 flex-wrap: wrap;
                    overflow-wrap: break-word;
                    overflow: hidden;
}

.has-open-menu .menu::
                    before {
 visibility: visible;
                    opacity: 1;
}
.has-open-menu .menu_list {
                    transform: translateX(0);
                    visibility: visible;
                    background: black;
}

.menu_button--close {
                    position: absolute;
                    top: 1rem;
                    right: 1.75rem;
                    font-size: 2.5rem;
                    border: none;
                    background: black;
                    color: white;
}
.menu_button--open {
                    background: black;
                    border:none;
                    font-size: 38px;
                    color: white;
}


@media (
                    max-width: 990px){
 ul.menu_list_inner{
  flex-direction: column;
                    flex-wrap: nowrap;
                    justify-content: flex-start;
                    align-items: flex-start;
                    margin-top: 32px;
 }
 .menu_item {
                    margin: 8px 16px;
  }
}

.menu_item {
                    padding: 16px 0;
}

.menu
                    a {
padding-right: 20px;
                    text-transform: uppercase;
                    font-size: 14px;
                    font-weight: 600;
}

.menu
                    a[aria-current],
.menu a:hover {
  border-bottom-color: white;
}

@media screen and (
                    min-width: 990px) {
  .menu_list {
    max-width: 100%;
                    height: auto;
                    transform: translateX(0);
                    visibility: visible;
                    position: static;
                    background-color: transparent;
                    flex-wrap: wrap;
                    flex-direction: row;
                    padding-top: 0;
  }

  .has-open-menu .menu::
                    before {
    display: none;
  }
  .has-open-menu .menu_list {
                    transform: translateX(0);
                    visibility: visible;
  }

  .menu_button {
                    display: none;
  }

  .menu a {
  }

  .header {
                    padding: 0;
                    margin: 24px auto;
                    justify-content: flex-start;
  }
  .header .logo {
                    padding: 0;
    /*! margin: ; */
  }
  .header .logo img {
                    width: 70px;
                    height: 100%;
  }
}

.wrapper--cars {
                    height: 100%;
                    width: 100%;
}

.wrapper--cars .car_item-answer__accordion > .answer {
                    display: none;
}



.wrapper--cars .active
                    img {
  transform: rotate(180deg);
                    transition: all 0.3s ease-in;
}

.wrapper--cars .accordion__wrapper {
                    display: flex;
                    flex-direction: column;
                    margin: 0 16px;
}





.wrapper--cars .active
                    h3 {
  font-weight: 700 !important;
}

.wrapper--cars .car_item
                    img {
  align-self: center;
}

.wrapper--cars .image__wrapper {
                    position: relative;
}



  .wrapper--cars .image__wrapper_inner {
                    position: absolute;
                    width: 100%;
                    height: 200px;
                    background-size: 72%;
                    background-position: center;
                    top: -129%;
  }


  .wrapper--cars .title__accordion {
                    text-align: center;
  }

      
.wrapper--cars .car_item-answer__accordion .answer{
            
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car{
 display: flex;
                    flex-direction: column;
 /*! width: 100%; */
 /*! margin: 20px; */
                    position: relative;
}

.wrapper--cars .car_item-answer__accordion .answer
                    a.car:hover{
 text-decoration: none;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car img{
 width: 300px;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car span{
 border: 1px solid #0091da;
                    padding: 5px 8px;
                    width: max-content;
                    font-size: 12px;
                    color: #0091da;
                    font-weight: 500;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car h3{
  text-align: left;
                    padding: 15px 0;
                    font-weight: 700 !important;
                    font-size: 16px !important;
                    text-transform: uppercase;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car h4{
 text-align: left;
                    font-size: 14px !important;
                    font-weight: 600 !important;
                    display: flex;
                    align-items: center;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car h4:after{
content: "";
                    transform: rotate(45deg);
                    display: flex;
                    width: 6px;
                    height: 6px;
                    margin-left: 16px;
                    border: 2px solid #efdf00;
                    border-width: 2px 2px 0 0;
                    vertical-align: middle;
}


.wrapper--cars .car_item-answer__accordion > .answer {
                    display: none;
}

.wrapper--cars .active > .answer {
                    display: block;
                    padding-bottom: 1.3rem;
                    color: black;
}

.wrapper--cars .active
                    img {
  transform: rotate(180deg);
                    transition: all 0.3s ease-in;
                    width: 16px;
}

#faq-content .wrapper--cars .answer
                    img {
 width: 60%;
                    transform: none;
                    padding: 24px 0;
}


.wrapper--cars .car_items__accordions {
                    height: 100%;
                    display: flex;
                    flex-direction: column;
}

.wrapper--cars .car_item-answer__accordion {
                    width: 100%;
                    border-bottom: 1px solid #e8e8ea;
}
.wrapper--cars .title__accordion {
                    font-size: 3rem;
                    margin-top: 0px;
}

.wrapper--cars .title__car_item {
                    font-weight: 400;
                    font-size: 16px;
                    color: black;
                    margin: 1.4rem 0rem;
                    text-transform: uppercase;
}

.wrapper--cars .car_item {
                    display: flex;
                    justify-content: space-between;
                    cursor: pointer;
                    transition: 0.4s;
                    width: 100%;
}
.car_item-answer__accordion.active .car_item{
                    border-bottom: 3px solid #efdf00;
}

.wrapper--cars .car_item
                    img {
  align-self: center;
                    width: 18px;
}



.wrapper--cars .box {
                    position: absolute;
                    top: 42%;
                    left: -25%;
}

.wrapper--cars .car_item-answer__accordion .answer
                    a.car{
 display: flex;
                    flex-direction: column;
                    width: 100%; 
 /*! margin: 20px; */
                    position: relative;
                    margin: 20px 0;
}

.wrapper--cars .car_item-answer__accordion .answer
                    a.car:hover{
 text-decoration: none;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car img{
 width: 300px;
                    transform: none;
                    margin: 0 auto;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car span{
 border: 1px solid #0091da;
                    padding: 5px 8px;
                    width: max-content;
                    font-size: 12px;
                    color: #0091da;
                    font-weight: 500;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car h3{
  text-align: left;
                    padding: 15px 0;
                    font-weight: 700 !important;
                    font-size: 16px !important;
                    text-transform: uppercase;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car h4{
 text-align: left;
                    font-size: 14px !important;
                    font-weight: 600 !important;
                    display: flex;
                    align-items: center;
}
.wrapper--cars .car_item-answer__accordion .answer
                    a.car h4:after{
content: "";
                    transform: rotate(45deg);
                    display: flex;
                    width: 6px;
                    height: 6px;
                    margin-left: 16px;
                    border: 2px solid #efdf00;
                    border-top-width: 2px;
                    border-right-width: 2px;
                    border-bottom-width: 2px;
                    border-left-width: 2px;
                    border-width: 2px 2px 0 0;
                    vertical-align: middle;
}





/*  HTML - Connect Renault multimédia */
.discover{
                    display: flex;
                    justify-content: center;
                    flex-direction: row;
                    align-items:center;
                    margin-bottom: 42px;
}
.discover
                    a{
 margin: 0 8px;
}
.discover .button{
                    font-family: NouvelR;
                    font-size: 16px !important;
}
.discover .button:
                    hover{
 background:#efdf00;
                    color: black;
}
.discover .button-nd{
                    padding: 8px 28px;
                    display: flex;
                    line-height: 26px;
                    border: 1px solid #000;
                    font-size: 16px !important;
                    font-weight: 600;
 /*! width: 100%; */
 /*! justify-content: center; */
 /*! margin: 0 16px; */
                    box-sizing: border-box;
}
.discover .button-nd:
                    hover{
 background: #000;
                    color: white;
                    text-decoration: none;
}
@media (
                    max-width: 760px){
 .discover .button-nd{
  width: 100%;
                    justify-content: center;
 }
}
@media (
                    max-width: 600px){
 .discover{
  flex-direction: column;
                    margin: 0 16px;
 }
 .discover .button-nd{
                    margin: 24px 16px;
 }
}

/* THEMATIC PAGE */
.official-contribution
                    article{
 background: white;
}


/*  AUTH  */
#form-login .form-actions,
 #form-register .form-actions,{
                    display: flex;
                    flex-direction: column;
                    align-items: end;
}
#form-login .form-actions
                    button,
#form-register .form-actions button{
  font-size: 16px !important;
                    font-family: NouvelR;
                    font-weight: 700 !important;
                    height: 48px;
                    width: auto;
}
#form-login .button.other-button
                    button .other-text-container p,
#form-register .button.other-button button .other-text-container p{
  font-size: 16px;
                    font-family: NouvelR;
                    font-weight: 700 !important;
                    line-height: 22.4px;
}
#sso-container #other-signin .other-button .button-container .other-text-container
                    p.other-text{
 font-size: 16px;
                    font-weight: 600 !important;
}

#sso-container #other-signin .other-button .button-container {
                    align-items: center;
}

#sso-container #other-signin .other-button .button-container .other-picto-container {
                    width: 100%;
}

#sso-container #other-signin .other-button .button-container .other-picto-container .other-picto {
                    width: 45px;
}

#sso-container #other-signin .other-button .button-container .other-picto-container {
                    width: 100%;
}

#sso-container #other-signin .other-button .button-container .other-text-container
                    p.other-text:before{
    content: "|";
                    padding: 0 16px;
}

.modal-content .title, .modal-content
                    h1, .modal-content h2, .modal-content h3, .modal-content h4{
 padding: 12px 0;
}


/*        TOP CONTRIBUTEURS      */
#top-contributors{
                    max-width: 1200px;
                    margin: 0 auto;
                    background: #FFF;
}
#top-contributors
                    h3.title{
    font-size: 26px;
                    font-weight: bold !important;
                    padding: 40px 20px 36px 20px;
                    text-transform: uppercase;
                    line-height: 28px;
                    border: 0;
                    display: flex;
                    justify-content: center;
}
#top-contributors .top-container{
                    min-height: 0;
}

#top-contributors .contributor .card-container{
                    min-height:11em;
};
                    text-transform: uppercase;
                    font-family: "NouvelR",sans-serif;
                    line-height: 1.3em;
                    text-align: left;
                    color: white;
                }
                  #page-home .slider .slider-container .slide div p{
                      margin-top: 12px;
                      line-height: 24px;
                      font-size: 18px;
                      color: white;
                  }
              #page-home .slider .slider-container .buttons{
                  position: absolute;
                  bottom: 54px;
                  left: 50px;                 
                  z-index: 1;
              }
                  #page-home .slider .slider-container .buttons li.slider-pagi__elem {
                      border: 0;
                      margin-right: 14px;
                      transition: all 200ms ease-in-out;
                      cursor: pointer;
                      background: black;
                      list-style: none;
                      width: 40px;
                      height: 5px;
                      display: inline-block;
                  }
                      #page-home .slider .slider-container .buttons li.slider-pagi__elem.active {
                          background: #fff;
                      }
                      #page-home .slider .slider-container .buttons li.slider-pagi__elem:hover {
                          transform: scale(1.1);
                      }
    @media screen and (min-width:760px){
        .info-bulle{
            right: calc(75% - 370px);
            top: -141px;
        }
    }
#page-home .slider .slider-container {
            height: 466px;
          }
    @media screen and (min-width:990px){
        #page-home .slider{
            margin-left: -34px;
            margin-top: -12px;
        }
        .info-bulle{
            right: calc(100% - 421px);
            top: -158px;
        }
    }
    @media screen and (min-width:1300px){
        #page-home .slider{
            margin-left: -40px;
            margin-top: -15px;
        }
          #page-home .slider .slider-container {
            height: 466px;
          }
          #page-home .slider .slider-container .slide{ 
              padding: 0 82px;
              width: calc(100% - 164px);
              background-position: center;
          }
          #page-home .slider .slider-container .buttons{
              left: 87px;
          }  
            .info-bulle{
                /*right: calc(100% - 467px);*/
                top: -205px;
            }
            .info-bulle {
                left: calc(100% + -225px);
                left: -moz-calc(100% + -225px);
                left: -webkit-calc(100% + -225px);
            }     
    }
@media (max-width: 760px){
	#page-home .slider .slider-container{
		height: 600px;
	}
	#page-home .slider .slider-container .slide{
		padding: 0 25px;
		width: calc(100% - 50px);
	}
	#page-home .slider .slider-container .slide div .titleSlider{
		font-
	}
}


.widget-ask-question{
	/* background-image: url(https://imageme.wibilong.com/e-tech/img/header-hero2.jpg); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 12px 56px 148px 24px !important;
	background: black;
}
.widget-ask-question .inner{
	max-width: 370px;
	height: auto;
	padding: 24px 32px;
	opacity: 1;
	display: flex;
	flex-direction: column;
	width: 600px;
	/* background-color: hsla(0,0%,100%,.8); */
}
.ask-question-container .inner div{
	display: flex;
	flex-direction: column;
}
.ask-question-container .inner div h1{
	font-size: 34px;
	color: #fff;
	font-weight: bold;
	line-height: 36px;
	text-align: left;
	font-family: 'NouvelR';
	text-transform: uppercase;
	margin-bottom: 24px;
}
.ask-question-container .inner div h2{
	font-size: 20px;
	line-break: 1.44;
	font-weight: 400;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	line-height: 24px;
}
.widget-ask-question .inner .button{
	background: #EFDF00;
	color: black;
	max-width: 336px;
	font-size: 16px !important;
	padding: 6px 14px;
}
.widget-ask-question .inner .button:hover{
	background: #000;
	color:white;
}
@media (max-width: 1300px){
	.widget-ask-question{
	   padding: 79px 20px 90px 20px !important;
	   background-position: center;
	   background-size: cover;
	}
	.widget-ask-question .inner{
		width: 300px ;
		margin: 0 !important;
	}
	
}
@media (max-width: 1350px){

	.widget-ask-question .inner{
		width: 336px;
		margin: 0 !important;
	}
	.widget-ask-question{
		padding: 12px 42px 157px 0px !important;
	}
	
}
@media (max-width: 1200px){

	.widget-ask-question .inner{
		width: 393px;
		margin: 0 !important;
	}
	.widget-ask-question{
		padding: 12px 48px 181px 0px !important;
	}
	
}

@media (max-width: 990px){
	.widget-ask-question .inner{
		width: 990px;
		margin: 0 !important;
		max-width: fit-content;
	}
	.widget-ask-question{
		padding: 32px 24px !important;
	}
}
@media (max-width: 760px){
	.widget-ask-question{
		padding: 12px 20px 32px 20px !important;
		/*! background-position: right; */
		background-size: auto;
	}
	.widget-ask-question .inner{
		width: auto;
	}
}

@media (max-width: 760px){
	.widget-ask-question .inner{
		width: auto;
		padding: 16px;
	}
	.ask-question-container .inner div{
		line-height: 1;
		font-size: 24px;
	}
	.ask-question-container .inner div span{
	 font-size: 16px;
	}
}
@media (max-width: 480px){
	.widget-ask-question{
		padding: 32px 24px  !important;
		background-size: cover;
	}
	.widget-ask-question .inner{
		padding: 0;
	}
}
/*  HTML - Presentation communauté  */
#container-description{
	background: #f2f2f2;
	padding: 0px 20px 40px 20px;
}


/*  HTML - Renault E-Tech */
.renault-caption{
	max-width: 760px;
	margin: 0 auto;
}
.renault-caption p{
	font-size: 14px;
	text-align: center;
	margin: 0 16px;
	margin-bottom: 32px;
}
.subtitle{
	text-align: center;
	margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.4;
	margin-top: 42px;
	color: #656666;
}
h2.Etech-title{
	font-size: 26px;
	font-weight: bold !important;
	padding: 40px 20px 36px 20px;
	text-transform: uppercase;
	line-height: 28px;
}
@media (max-width: 760px){
	h2{
		font-size: 18px !important;
	}
	h1{
		font-size: 26px !important;
		!i;!;
	}
	ask-question-container .inner div h2{
		font-size: 18px !important;
	}
	h2.Etech-title{
		padding:24px 20px 20px 20px;
	}
	.ask-question-container .inner div h1{
		margin-bottom: 12px;
	}
}
#container-description div{
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
}
#container-description div article{
	display: flex;
	align-items: center;
	margin: 0px 20px;
}
#container-description div article img{
	padding-right: 20px;
}
#container-description div article p{
	font-size: 16px;
	line-height: 1.4;
}
@media (max-width: 760px){
	#container-description div{
		flex-direction: column;
	}
	#container-description div article{
		margin-bottom: 24px; 
	}
}


/* HTML - Discussions par véhicule  */
#etech-cars{
	max-width: 1200px;
	margin: 0 auto;
}
#etech-cars ul{
	display: flex;
	justify-content: space-evenly;
}
#etech-cars ul li{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
#etech-cars .container {
	display: flex;
	flex-direction: row;
  margin: 40px 0;
}
#etech-cars .container a.car{
	display: flex;
	flex-direction: column;
	width: 30%;
	margin: 0 20px;
}

#etech-cars .container a.car:hover{
	text-decoration: none;
}
#etech-cars .container a.car img{
	width: 100%;
}
#etech-cars .container a.car span{
	border: 1px solid #0091da;
	padding: 5px 8px;
	width: max-content;
	font-size: 12px;
	color: #0091da;
	font-weight: 500;
}
#etech-cars .container a.car h3{
  text-align: left;
	padding: 15px 0;
	font-weight: 700 !important;
	font-size: 16px !important;
	text-transform: uppercase;
}
#etech-cars .container a.car h4{
	text-align: left;
	font-size: 14px !important;
	font-weight: 600 !important;
	display: flex;
	align-items: center;
}
#etech-cars .container a.car h4:after{
content: "";
transform: rotate(45deg);
display: flex;
width: .6em;
height: .6em;
margin-left: 16px;
border: 2px solid #efdf00;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
border-width: 2px 2px 0 0;
vertical-align: middle;
}


/*  HEADER - NAVBAR */
.widget-navbar .menu{
	display: flex;
	justify-content: flex-end;
	/* position: absolute; */
}
.widget-navbar .menu ul li.menu-item-breadcrumb{
	display: none;
}
.widget-navbar .menu ul {
    padding: 3.5em 0;
    align-items: center;
    align-content: flex-end;
    flex-flow: row nowrap;
    width: 100%;
}
.breadcrumbs .step-container, .breadcrumbs .step-container a{
	color: black;
}
.menu a {
    width: 100%;
    padding: 0 16px;
    font-size: 14px;
    width: calc(100% - 32px);
    text-align: center;
    display: block;
    font-weight: 600;
}
.menu-item-user-dropdown.dropdown {
}
.widget-navbar .menu ul li{
	display: flex;
	/* justify-content: flex-end; */
	padding: 0;
	margin: 0;
}
.widget-navbar .menu ul li.menu-item-communities a{
	width: max-content;
}
.widget-navbar .menu ul li.menu-search{
	width: 100%;
	padding-left: 24px;
	margin-right: inherit;
}
.menu-item-login:before{
    content: "";
    left: -8px;
    top: 9px;
    width: 24px;
    height: 24px;
    background: url(https://imageme.wibilong.com/renaultze/v3/img/connexion-icon.png) no-repeat;
    background-size: 100% auto;
    background-position: center;
    position: relative;
}
@media (max-width: 760px){
	.menu-item-login::before{
		top: 14px
	}
}
.menu-item-register:after{
	display: none;
}
.menu-item-login{
	text-transform: uppercase;
	padding: 0 40px;
}
.widget-navbar .menu ul li.menu-search #forum-search .form-search .input-icon{
	background: #D9D9D6;
}
.widget-navbar .menu ul li.menu-search #forum-search .form-search input[type="search"]{
	height: 46px;
}
.widget-navbar .menu ul li.menu-search #forum-search .form-search .input-icon{
	color: black;
	height: 46px;
	font-size: 22px;
	font-weight: 400;
}
.widget-navbar .menu ul li.menu-search #forum-search .form-search input::placeholder{
	color: black;
	opacity: 1;
	font-size: 12px;
}
.breadcrumbs{
	left: -110%;
	position: absolute;
}
@media (min-width:990px){
	.widget-navbar .menu ul{
		margin-right: 24px;
	}
}
@media (max-width: 1320px){
	.breadcrumbs{
	left: -80%;
	}
	.widget-navbar .menu ul li.menu-search{
		width:48%;
	}
}
@media (max-width: 1100px){
	.breadcrumbs{
		left: 5%;
		margin-top: 97px;
	}
}
@media (max-width: 990px){
	.breadcrumbs{
		margin-left: 0;
		position: absolute;
    margin-top: 0;
	}
}
@media (max-width:1400px){
	.widget-navbar .menu ul{
	}
	 .widget-navbar .menu ul li.menu-search{
		 	width: auto;
			padding-left: 0;
			margin-right: 0;
	}
}
@media (max-width:1400px){
	.widget-navbar .menu ul{
		justify-content: flex-end;
	}
	 .widget-navbar .menu ul li.menu-search{
		 	width: 100%;
		 	padding-left: 0;
		 	margin-right: 0;
		 	margin-right: 16px;
	}
	.menu-item-login{
	}
}
@media (max-width:990px){
	.widget-navbar .menu ul{
		width: 100%;
		margin: 0 16px;
		padding: 1em 0 2em;
		align-items: baseline;
	}
	 .widget-navbar .menu ul li.menu-search{
		 	width: 100%;
		 	padding-left: 0;
		 	margin-right: 0;
		 	padding-top: 16px;
	}
	.menu-item-login{
		margin-bottom: 16px !important;
		margin-top: 0 !important;
		padding: 0;
	}
}

.widget-navbar .menu ul li.dropdown .dropdown-menu{
	width: auto;
}
.widget-navbar .menu ul li.dropdown .dropdown-menu li{
	border-color: #d0d0d0;
}
.widget-navbar .menu ul li.dropdown .dropdown-menu li a{
	width: 100%;
	text-transform: initial;
	background: white;
	color: #000;
}
.widget-navbar .menu ul li.dropdown .dropdown-menu li a.active{
	color: #000;
}

@media (min-width: 760px) and (max-width: 990px){
	    .widget-navbar .menu ul li.menu-search {
        margin-right: 16px;
		}
}
@media (max-width:760px){
	.widget-navbar .menu ul{
		/* flex-direction: row-reverse; */
		align-items: flex-start;
		padding: 1em 0 1em;
		flex-flow: wrap;
	}
	
}

#thematics-cat{
  max-width: 1200px;
  margin: 0 auto 24px;
	
}
#thematics-cat .container{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(1, auto);
max-width: 1200px;
grid-gap: 40px;
}
#thematics-cat .container .thematic{
	position: relative;
	flex: 1;
	overflow: hidden;
	text-align: center;
}
#thematics-cat .container .thematic ~ .thematic {
    /*! margin-left: 40px; */
}
#thematics-cat .container a{
	width: 100%;
	height: 100%;
	flex: 1 0 0%;
	display: flex;
	flex-direction: column;
}
#thematics-cat .container a img{
  height: auto;
}
#thematics-cat .container a .thematic-ctg{
position: absolute;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: flex-end;
width: 100%;
height: 100%;
/*! padding: 0 16px 24px; */
flex-wrap: wrap;
}
#thematics-cat .container a .thematic-ctg .textlink{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: 100%;
	box-sizing: border-box;
	padding: 24px 16px;
}
#thematics-cat .container a .thematic-ctg h3{
	color:white;
	font-size: 18px;
	text-align: left;
	overflow: hidden;
	font-weight: 600 !important;
}
#thematics-cat .container a .thematic-ctg .arrow-link{
position: relative;
display: block;
color: #000;
font-size: 16px;
font-weight: 700;
}
#thematics-cat .container a .thematic-ctg .arrow-link:after{
	content: "";
transform: rotate(45deg);
display: inline-block;
width: 6px;
height: 6px;
margin-left: 6px;
border: 2px solid #efdf00;
border-width: 3px 3px 0 0;
vertical-align: middle;
}
@media (max-width:990px){
	#thematics-cat .container{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(1, auto);
		grid-gap: 24px
	}
}
@media (max-width:760px){
	#thematics-cat .container{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, auto);
		grid-gap: 24px
	}
}
@media (max-width:600px){
	#thematics-cat .container{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, auto);
		grid-gap: 24px
	}
}
.seemore {
	display: flex;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
	align-items: center;
}
.seemore a{
	padding: 8px 28px;
	display: flex;
	max-width: 100%;

	font-size: 16px !important;
	line-height: 26px;
	justify-content: center;
}
.seemore a:hover{
	background:#efdf00 ;
	color: black;
}
@media (max-width: 760px){
	.seemore{
		margin: 0 16px;
	}
}


/*  HTML - Discussions par véhicules*/
.wrapper-disc {
  /*! width: 1200px; */
  /*! margin: 0 auto; */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.buttonWrapper {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

button.tab-button {
	margin: 0 24px;
  padding: 10px;
  color: #000;
  font-size: 16px;
  cursor: pointer;
  text-transform: uppercase;
  background: transparent;
	font-weight: 400;
	border: none;
	font-family: NouvelR;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
button.tab-button:after{
	  content:"";
  height: 2px;
  display: flex;
  width: 100%;
  background: #fff;
  margin-top: 16px;
}
button.tab-button.active:after {
  content:"";
  height: 2px;
  display: flex;
  width: 100%;
  background: #efdf00;
  margin-top: 16px;
}

button.tab-button:hover {
  font-weight: 600;
	padding: 10px;
	margin: 0 24px;
}

button.tab-button.active {
  background-color: white;
  font-weight: 600;
}


.contentWrapper{
	padding: 24px 0;
	max-width: 910px;
	margin: 0 auto;
	position: relative;
}


.content-cars {
  display: none;
}

.content-cars.active {
	display: grid;
	grid-template-rows: repeat(2, auto);
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 32px 42px;
	position: relative;
}
@media (max-width: 990px){
	.content-cars.active {
		grid-template-columns: repeat(2, 2fr);
		grid-template-rows: repeat(1, auto);
	}
}

.content-cars a.car{
	display: flex;
	flex-direction: column;
	/*! width: 100%; */
	position: relative;
}

.content-cars a.car:hover{
	text-decoration: none;
}
.content-cars a.car img{
	width: 300px;
}
.content-cars a.car span{
	border: 1px solid #0091da;
	padding: 5px 8px;
	width: max-content;
	font-size: 12px;
	color: #0091da;
	font-weight: 500;
}
.content-cars a.car h3{
  text-align: left;
	padding: 15px 0;
	font-weight: 700 !important;
	font-size: 16px !important;
	text-transform: uppercase;
}
.content-cars a.car h4{
	text-align: left;
	font-size: 14px !important;
	font-weight: 600 !important;
	display: flex;
	align-items: center;
	width: 175px;
	border-bottom: 2px solid #efdf00;
}



/*  HTML - Right Banner  */
.aside-bloc-left{
	display: flex;
	overflow: hidden;
	width: 100%;
	flex-wrap: wrap;
	box-sizing:  border-box;
	margin-bottom: 16px;
	margin-top: 16px;
}
.aside-bloc-left a{
  display: flex;
	flex-direction: column;
  max-height: 200px;
}
.aside-bloc-left p{
	padding: 24px 16px;
	position: absolute;
	font-size: 18px;
  text-shadow: 1px 2px 6px black;
	color: white;
	font-weight: 600 !important;
	line-height: 24px;
	width: 75%;
	text-align: left;
}
.aside-bloc-left img{
	width: 100%;
	height: 300px;
	object-fit: cover;
}



@media (max-width: 760px){
	.aside-bloc-left{
		display: block;
	}
	.aside-bloc-left img{
		width: 100%;
		height: 70px;
		object-fit: cover;
	}
}


/*  HTML - Right Banner  */
.aside-bloc{
	/* display: flex; */
	overflow: hidden;
	width: 100%;
	flex-wrap: wrap;
	box-sizing:  border-box;
	margin-bottom: 16px;
	margin-top: 16px;
}
.aside-bloc a{
  display: flex;
	flex-direction: column;
  max-height: 200px;
}
.aside-bloc p{
	padding: 24px 16px;
	position: absolute;
	font-size: 18px;
  text-shadow: 1px 2px 6px black;
	color: white;
	font-weight: 600 !important;
	line-height: 24px;
	width: 75%;
	text-align: left;
}
.aside-bloc img{
	width: 100%;
	height: 300px;
	object-fit: cover;
}

/*  FOOTER  */
#global-map{
	margin: 0 auto;
	width: 100%;
	height: 400px;
}

/****************************/
/*       HEADER MENU     */
/****************************/

.header {
	max-width: 100%;
	margin: 8px auto 0px;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.header .logo {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.header .logo img {
  margin-left: 16px;
  width: 35px;
}
.header a {
  border-bottom: none;
  color: #fff;
  position: relative;
  /*! padding: 0.5rem 0 0.25rem; */
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
}
.header a {
	text-decoration: none;
}

@media screen and (min-width: 990px) {
  .header {	
  	width: 96%;
	  margin: 0 24px;
    padding: 0;
  }
  .header .logo {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
  .header .logo img {
    width: 50px;
    height: 100%;
  }
}
@media (max-width: 600px) {
	.header .logo img {
		width: 26px;
	}
}
/* ---------
 * Menu styles
 */
.menu::before {
  content: "";
  position: fixed;
  z-index: 1;
  display: block;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-out;
}

.menu_list {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 25rem;
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  margin: 0;
  background-color: #f2f2f2;
  transition: 0.4s;
  padding-top: 60px;
  visibility: hidden;
  transform: translateX(100%);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
.menu_list_inner {
  list-style: none;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: flex-start;
}
ul.menu_list_inner {
	/*! justify-content: space-between; */
	flex-wrap: wrap;
	overflow-wrap: break-word;
	overflow: hidden;
}

.has-open-menu .menu::before {
	visibility: visible;
	opacity: 1;
}
.has-open-menu .menu_list {
  transform: translateX(0);
  visibility: visible;
  background: black;
}

.menu_button--close {
  position: absolute;
  top: 1rem;
  right: 1.75rem;
  font-size: 2.5rem;
  border: none;
  background: black;
  color: white;
}
.menu_button--open {
	background: black;
	border:none;
	font-size: 38px;
	color: white;
	margin-right: 8px;
}


@media (max-width: 990px){
	ul.menu_list_inner{
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 32px;
	}
	.menu_item {
    margin: 8px 16px;
  }
}

.menu_item {
  padding: 16px 0;
}
li.menu_item a:first-child{
	/* padding-left:0; */
}

.menu a {padding-right: 20px;text-transform: lowercase;font-size: 14px;font-weight: 600;}

.menu a[aria-current],
.menu a:hover {
  border-bottom-color: white;
}

@media screen and (min-width: 990px) {
  .menu_list {
    max-width: 100%;
    height: auto;
    transform: translateX(0);
    visibility: visible;
    position: static;
    background-color: transparent;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 0;
  }

  .has-open-menu .menu::before {
    display: none;
  }
  .has-open-menu .menu_list {
    transform: translateX(0);
    visibility: visible;
  }

  .menu_button {
    display: none;
  }

  .menu a {
  }

  .header {
    padding: 0;
    margin: 24px auto;
    justify-content: flex-start;
  }
  .header .logo {
    padding: 0;
    /*! margin: ; */
  }
  .header .logo img {
    width: 70px;
    height: 100%;
  }
}

.wrapper--cars {
  height: 100%;
	width: 100%;
}

.wrapper--cars .car_item-answer__accordion > .answer {
  display: none;
}



.wrapper--cars .active img {
  transform: rotate(180deg);
  transition: all 0.3s ease-in;
}

.wrapper--cars .accordion__wrapper {

  display: flex;
  flex-direction: column;
  margin: 0 16px;
}





.wrapper--cars .active h3 {
  font-weight: 700 !important;
}

.wrapper--cars .car_item img {
  align-self: center;
}

.wrapper--cars .image__wrapper {
  position: relative;
}



  .wrapper--cars .image__wrapper_inner {
    position: absolute;
    width: 100%;
    height: 200px;
    background-size: 72%;
    background-position: center;
    top: -129%;
  }


  .wrapper--cars .title__accordion {
    text-align: center;
  }

      
.wrapper--cars .car_item-answer__accordion .answer{
            
}
.wrapper--cars .car_item-answer__accordion .answer a.car{
	display: flex;
	flex-direction: column;
	/*! width: 100%; */
	/*! margin: 20px; */
	position: relative;
}

.wrapper--cars .car_item-answer__accordion .answer a.car:hover{
	text-decoration: none;
}
.wrapper--cars .car_item-answer__accordion .answer a.car img{
	width: 300px;
}
.wrapper--cars .car_item-answer__accordion .answer a.car span{
	border: 1px solid #0091da;
	padding: 5px 8px;
	width: max-content;
	font-size: 12px;
	color: #0091da;
	font-weight: 500;
}
.wrapper--cars .car_item-answer__accordion .answer a.car h3{
  text-align: left;
	padding: 15px 0;
	font-weight: 700 !important;
	font-size: 16px !important;
	text-transform: uppercase;
}
.wrapper--cars .car_item-answer__accordion .answer a.car h4{
	text-align: left;
	font-size: 14px !important;
	font-weight: 600 !important;
	display: flex;
	align-items: center;
}
.wrapper--cars .car_item-answer__accordion .answer a.car h4:after{
content: "";
transform: rotate(45deg);
display: flex;
width: 6px;
height: 6px;
margin-left: 16px;
border: 2px solid #efdf00;
border-width: 2px 2px 0 0;
vertical-align: middle;
}


.wrapper--cars .car_item-answer__accordion > .answer {
  display: none;
}

.wrapper--cars .active > .answer {
  display: flex;
  padding-bottom: 1.3rem;
  color: black;
  flex-direction: column;
}

.wrapper--cars .active img {
  transform: rotate(180deg);
  transition: all 0.3s ease-in;
	width: 16px;
}

#faq-content .wrapper--cars .answer img {
	width: 60%;
	transform: none;
	padding: 24px 0;
  max-width: 450px;
}

.wrapper--cars .active > .answer caption{
	display: flex;
}


.wrapper--cars .car_items__accordions {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.wrapper--cars .car_item-answer__accordion {
  width: 100%;
  border-bottom: 1px solid #e8e8ea;
}
.wrapper--cars .title__accordion {
  font-size: 3rem;
  margin-top: 0px;
}

.wrapper--cars .title__car_item {
  font-weight: 400;
  font-size: 16px;
  color: black;
  margin: 1.4rem 0rem;
  text-transform: uppercase;
}

.wrapper--cars .car_item {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.4s;
  width: 100%;
}
.car_item-answer__accordion.active .car_item{
	border-bottom: 3px solid #efdf00;
}

.wrapper--cars .car_item img {
  align-self: center;
	width: 18px;
}



.wrapper--cars .box {
  position: absolute;
  top: 42%;
  left: -25%;
}

.wrapper--cars .car_item-answer__accordion .answer a.car{
	display: flex;
	flex-direction: column;
  width: 100%; 
	/*! margin: 20px; */
	position: relative;
	margin: 20px 0;
}

.wrapper--cars .car_item-answer__accordion .answer a.car:hover{
	text-decoration: none;
}
.wrapper--cars .car_item-answer__accordion .answer a.car img{
	width: 300px;
	transform: none;
	margin: 0 auto;
}
.wrapper--cars .car_item-answer__accordion .answer a.car span{
	border: 1px solid #0091da;
	padding: 5px 8px;
	width: max-content;
	font-size: 12px;
	color: #0091da;
	font-weight: 500;
}
.wrapper--cars .car_item-answer__accordion .answer a.car h3{
  text-align: left;
	padding: 15px 0;
	font-weight: 700 !important;
	font-size: 16px !important;
	text-transform: uppercase;
}
.wrapper--cars .car_item-answer__accordion .answer a.car h4{
	text-align: left;
	font-size: 14px !important;
	font-weight: 600 !important;
	display: flex;
	align-items: center;
}
.wrapper--cars .car_item-answer__accordion .answer a.car h4:after{
content: "";
transform: rotate(45deg);
display: flex;
width: 6px;
height: 6px;
margin-left: 16px;
border: 2px solid #efdf00;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
border-width: 2px 2px 0 0;
vertical-align: middle;
}


/**********************************************************************************************/
/* FOOTER */
/**********************************************************************************************/
 #renault-footer {
     display: flex;
     flex-direction: row;
     padding: 23px 10px;
     background: #000;
     min-height: 25px;
     margin-top: 20px;
}
 #renault-footer .container{
     max-width: 1500px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     flex: auto;
}
 #renault-footer img {
     height: 30px;
}
 #renault-footer ul {
     display: flex;
     font-size: 11px;
     margin: 0 20px;
}
 #renault-footer ul li {
     padding: 0 15px;
     min-width: -moz-max-content;
     min-width: max-content;
}
 #renault-footer ul li a {
     color: white;
     font-weight: 300;
}
 #renault-footer .left {
     display: flex;
     align-items: center;
     flex: auto;
     font-size: 11px;
     color: white;
}
 #renault-footer .right {
     display: flex;
     align-items: center;
    /*! flex: auto;
     */
     font-size: 11px;
     color: white;
}
 #renault-footer .right a{
     padding: 0 8px;
}
 #renault-footer .type {
     padding-right: 5px;
     min-width: -moz-max-content;
     min-width: max-content;
     display: inline-block;
}
 #renault-footer .value {
     padding-left: 5px;
     min-width: -moz-max-content;
     min-width: max-content;
     display: inline-block;
}
 #renault-footer .tel {
     padding-right: 10px;
}
 #renault-footer .tel a {
     color: white;
     text-decoration: underline;
}
 @media (max-width: 990px){
     #renault-footer {
         padding: 15px 20px;
         flex-direction: column;
         margin: 20px 0 0;
    }
     #renault-footer .left{
         margin-bottom: 10px;
         flex-direction: column;
    }
     #renault-footer img{
         margin-bottom: 10px 
    }
     #renault-footer .right{
         flex-direction: row;
         justify-content: center;
    }
}


/*  HTML - Connect Renault multimédia */
.discover{
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items:center;
	margin-bottom: 42px;
}
.discover a{
	margin: 0 8px;
}
.discover .button{
	font-family: NouvelR;
	font-size: 16px !important;
}
.discover .button:hover{
	background:#efdf00 ;
	color: black;
}
.discover .button-nd{
	padding: 8px 28px;
	display: flex;
	line-height: 26px;
	border: 1px solid #000;
	font-size: 16px !important;
	font-weight: 600;
	/*! width: 100%; */
	/*! justify-content: center; */
	/*! margin: 0 16px; */
	box-sizing: border-box;
}
.discover .button-nd:hover{
	background: #000;
	color: white;
	text-decoration: none;
}
@media (max-width: 760px){
	.discover .button-nd{
		width: 100%;
		justify-content: center;
	}
}
@media (max-width: 600px){
	.discover{
		flex-direction: column;
		margin: 0 16px;
	}
	.discover .button-nd{
		margin: 24px 16px;
	}
}

/*	THEMATIC PAGE	*/
.official-contribution article{
	background: white;
}


/*  AUTH  */

.modal-inner{
	max-width: 600px;
}
.modal-inner .modal-content{
	padding: 32px 40px;
}
@media (max-width: 760px){
	.modal-inner{
		max-width: 100%;
	}
}

#form-login .form-actions,
 #form-register .form-actions,{
    display: flex;
    flex-direction: column;
    align-items: end;
}
#form-login .form-actions button,
#form-register .form-actions button{
  font-size: 16px !important;
  font-family: NouvelR;
  font-weight: 700 !important;
  height: 48px;  
  width: auto;
}
#form-login .button.other-button button .other-text-container p,
#form-register .button.other-button button .other-text-container p{
  font-size: 16px;
  font-family: NouvelR;
  font-weight: 700 !important;
  line-height: 22.4px;
}

 .form-element.form-input-element {
	 flex-direction: column;
 }
#form-login .form-element.form-input-element label,
  #form-login .text-editor-toolbar.ql-toolbar,
#form-register .form-element.form-input-element label,
  #form-register .text-editor-toolbar.ql-toolbar{
    background: transparent;
    justify-content: left;
    font-size: 16px;
    padding: 12px 0 0 0;
    color: black;
    font-weight: 600;
    margin-bottom: 10px;
  }

.form-separator{
    margin: 0;
}


#sso-container #other-signin .other-button .button-container .other-text-container p.other-text{
	font-size: 16px;
	font-weight: 600 !important;
}

#sso-container #other-signin .other-button .button-container {
    align-items: center;
}

#sso-container #other-signin .other-button .button-container .other-picto-container {
    width: 100%;
}

#sso-container #other-signin .other-button .button-container .other-picto-container .other-picto {
    width: 45px;
}

#sso-container #other-signin .other-button .button-container .other-picto-container {
    width: 100%;
}

#sso-container #other-signin .other-button .button-container .other-text-container p.other-text:before{
    content: "|";
    padding: 0 16px;
}

.modal-content .title, .modal-content h1, .modal-content h2, .modal-content h3, .modal-content h4{
	padding: 12px 0;
}
#form-login .gdpr-text{
    font-size: 12px !important;
}

.form-group span{
    font-size: 16px;
}
.form-element input,.modal-content #post-article-form .text-editor .ql-editor, .modal-content #post-question-form .text-editor .ql-editor {
    border: 1px solid #888 !important;!i;!;!u;!;
    background: white !important;!i;!;
    border-radius: 0 !important;
}
.form-element.form-input-element label{
    background: white;
    color: black;
    padding: 12px 0;
    justify-content: left;
}
#legal-mention p{
	font-size: 12px !important;
}


/*								TOP CONTRIBUTEURS						*/
#top-contributors{
    max-width: 1200px;
    margin: 0 auto;
    background: #FFF;
}
#top-contributors h3.title{
    font-size: 26px;
    font-weight: bold !important;
    padding: 40px 20px 36px 20px;
    text-transform: uppercase;
    line-height: 28px;
    border: 0;
    display: flex;
    justify-content: center;
}
#top-contributors .top-container{
	    min-height: 0;
}

#top-contributors .contributor .card-container{
	min-height: 10em;
}

#member-info.page-info .picture-wrapper img, .contributor-result-list .contributor .picture-wrapper img {
    max-width: 60%;
}




.car_item-answer__accordion .answer p{
	text-align: left !important;
	padding-top: 24px;
}
.car_item-answer__accordion .answer h4{
	text-align: left !important;
	padding-top: 24px;
	font-size: 18px;
	font-weight: 600 !important;
}
.car_item-answer__accordion .answer .bdg{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
}
.car_item-answer__accordion .answer .bdg p{
	padding: 0 12px;
}
.car_item-answer__accordion .answer .bdg img {
	width: 5% !important;
	padding: 0 0 0 24px !important;
}

/* GAMIFICATION */
#gamification-footer {
  padding-top: 24px;
}
#gamification-footer a{
  font-weight: 600;
}



#page-article #article-viewer, #page-article .article-comment-list {
    background: white;
    padding: 24px;
    border: 1px solid #ccc;
}

/*  LAST ARTICLE WIDGET */

/*  LAST WIDGET */

.article-list-widget h3{
	font-size: 26px !important;
	font-weight: bold !important;
	padding: 40px 20px 12px 20px;
	text-transform: uppercase;
	line-height: 28px;
	text-decoration: none;
	color: black;
	border:  none;
	text-align: center;
	font-family: 'NouvelR';
}
#last-articles{
	margin: 0 auto;
	max-width: 1200px;
	text-align: center;
	background: white;
}
#last-articles .article-list-widget-content .article-list-item{
	flex: 1;
	flex-direction: column;
}
#last-articles .article-list-widget-content .article-list-item .content{
	height: 140px;
	width: 100%;
	flex-wrap: nowrap;
}
#last-articles .article-list-widget-content .article-list-item .picture{
	width: 100%;
	height: 160px;
}
#last-articles .article-list-widget-content .article-list-item{
	height: 100%;
	border: 1px solid #000;
	border-radius: 0;
	margin: 0 12px;
}
#last-articles .article-list-widget-content .article-list-item .content .title{
	font-size: 16px;
	font-weight: 700 !important;
	margin-bottom: 12px;
	height: 100%;
	overflow: visible;
	-webkit-line-clamp: 2;
	-webkit-box-orient: initial;
}
#last-articles .article-list-widget-content .article-list-item .content .tags{
	font-size: 13px;
	overflow: visible;
}
#last-articles .article-list-widget-content .article-list-item .content .author{
	padding-top: 12px;
	text-align: right;
}

@media (max-width: 890px){
	#last-articles .article-list-widget-content .article-list-item .content{
		height: 160px;
	}
}
@media (max-width: 790px){
	#last-articles .article-list-widget-content{
		flex-direction: column;
	}
	#last-articles .article-list-widget-content .article-list-item{
		margin-bottom: 16px;
	}
	#last-articles .article-list-widget-content .article-list-item .content{
		height: auto;
	}
}



/* CAR PICKER */
.widget.carpicker .inner {
    background-color: white !important;
}

#vehicle-page {
    display: flex;
    max-width: 90%;
    margin: 0 auto;
    padding: 24px;
    gap: 24px;
}

#vehicle-filters {
    position: sticky;
    top: 24px;
    width: 360px;
    min-width: 280px;
    height: fit-content;
}

#vehicle-filters h2 {
    font-size: 32px;
    margin-bottom: 24px;
    text-align: left;
}

.filter-group {
    margin-bottom: 32px;
}

.filter-group h3 {
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 600;
    text-align: left;
}


.filter-btn {
    display: inline-block;
    margin: 6px 6px 0 0;
    padding: 9px 14px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.filter-btn:hover {
    background: #000;
    color: #fff;
}

/* Results grid */
#vehicle-results {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

#vehicle-results .button {
    background: #000;
    color: white;
    font-size: 16px !important;
    text-align: center;
    line-height: 2;
    font-weight: 600;
}

#vehicle-results .button:hover {
    background: white;
    border: 1px solid #000;
    color: #000;
}

/* Card */
.vehicle-card {
    background: #f2f2f2;
    /* padding: 16px; */
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow .2s ease, transform .2s ease;
}

.vehicle-card:hover {
    text-decoration: none;
}

.vehicle-card h3 {
    font-size: 24px !important;
    font-weight: 700 !important;
    margin: 0;
    text-align: left;
    padding: 16px 16px 0 16px;
}

.vehicle-card img {
    width: 100%;
    max-width: 320px;
    margin: auto;
    object-fit: contain;
}

.vehicle-card .motor {
	display: flex;
}

.vehicle-card p {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1885d1;
    text-transform: lowercase;
    padding: 0 0px 0 16px;
}

.vehicle-card .motor p.o-item{
	color: #1885d1;
	padding: 0 0px 0 4px;
}

.vehicle-card .motor p.o-item:before{
	content: " | ";
    color: #656666;
    margin-left: 2px;
    margin-right: 2px;
}

.filter-btn.is-active {
    background: #000;
    color: #fff;
}

/* Responsive */
@media (max-width: 1024px) {
    #vehicle-results {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    #vehicle-page {
        flex-direction: column;
    }

    #vehicle-filters {
        position: relative;
        width: 100%;
        margin-bottom: 16px;
    }

    #vehicle-results {
        grid-template-columns: 1fr;
    }

    #vehicle-filters h2 {
        font-size: 24px;
    }
}

/* ================================
   FILTRE – ACCORDION
   ================================ */
/* Container */
#vehicle-filters.accordion {
    border-bottom: none;
}

/* ================================
   HEADER (Accordion)
   ================================ */
#vehicle-filters .accordion-header {
    background: none;
    width: 100%;
    border: none;
    padding: 16px 0;
    /* hidden by default (desktop) */
    justify-content: space-between;
    align-items: baseline;
    font-weight: 700;
    text-align: left;
    font-size: 14px;
    text-transform: lowercase;
    cursor: pointer;
    padding: 0;
}

#vehicle-filters .accordion-header:active {
    border-color: transparent;
}

#vehicle-filters .accordion-header span {
    text-align: left;
    font-size: 14px;
    background: transparent;
    color: #000;
}

#vehicle-filters .accordion-header:focus,
#vehicle-filters .accordion-header:active{
    outline: none !important;
}

/* Chevron */
#vehicle-filters .accordion-icon {
    display: none;
    font-size: 16px;
    transition: transform .25s ease;
}

#vehicle-filters .accordion-content {
    max-height: none;
    overflow: visible;
}

#vehicle-filters.is-open .accordion-icon {
    transform: rotate(180deg);
}

#vehicle-filters .filter-group {
    margin: 16px 0;
}

#vehicle-filters .filter-group h3 {
    font-size: 13px;
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: lowercase;
    display: flex;
    align-items: center;
    gap: 6px;
}

#vehicle-filters .filter-group .info {
    font-size: 12px;
    opacity: .6;
}

#vehicle-filters .filter-btn {
    display: inline-block;
    margin: 6px 6px 0 0;
    padding: 10px 14px;
    line-height: 1.4;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    font-family: NouvelR, Arial, sans-serif;
    text-transform: lowercase;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
    letter-spacing: 0.2px;
}

#vehicle-filters .filter-btn.is-active, #vehicle-filters .filter-btn:hover {
    background: #000;
    color: #fff;
}

/* ================================
   MOBILE ONLY (Accordion active)
   ================================ */
@media (max-width: 768px) {
    /* Show accordion header */ #vehicle-filters .accordion-header {
        display: flex;
        border-bottom: 1px solid #000;
    }
	#vehicle-filters .accordion-header span{
		padding: 4px;
	}

    #vehicle-filters .accordion-icon {
        display: flex;
    }

    #vehicle-filters .accordion-header:after {
        top: 50%;
        right: 5px;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: #000 transparent transparent;
        border-width: 5px;
        margin-top: -2px;
        z-index: 2;
    }

    #vehicle-filters .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height .2s ease;
    }

    #vehicle-filters.accordion {
        border-bottom: 1px solid #000;
    }

    #vehicle-filters.accordion.is-open {
        border-bottom: 2px solid #f5c400;
    }

    #vehicle-filters.is-open .accordion-content {
        max-height: 1000px;
    }
}