/***** BREADCRUMB ****/
.breadcrumb {
    display: inline;
    align-items: center;
}
.breadcrumb a {
    color: var(--blue);
}
.breadcrumb-sep {
	margin: 0 8px;
    align-self: center;
}

/***** CONFIGURATEUR : RECHERCHE ****/

.configurateur-wrap {
    background: var(--blue);
	position:relative;
}
.configurateur-wrap:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/wp-content/uploads/2025/03/horizons-1.jpeg);
    background-size: cover;
    background-position: top center;
    mix-blend-mode: color-burn;
    transform: scaleY(-1);
	pointer-events: none;
}
.configurateur-wrap *{
    color: var(--white);
}
.configurateur-container {
    padding-top: 70px;
    padding-bottom: 70px;
}
.configurateur-search-forms {
    display: flex;
    gap: 40px;
}

.configurateur-search-map-wrap {
    width: 33%;
    min-width: 400px;
}
.configurateur-search-right {
    max-width: calc(100% - 400px);
    width: 67%;
}

.configurateur-search-map:after{
	content:"";
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, white 50%, transparent);
	border-radius: 8px;
}
.configurateur-search-map .search-map img{
	z-index:0;
}
.configurateur-search-map {
    padding: 20px;
    border-radius: 8px;
	display: flex;
    flex-direction: column;
    align-items: center;
	position:relative;
}

.configurateur-search-map p{
	margin-bottom:0;
}
.configurateur-search-map .cp_search {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
	z-index: 2;
}

.configurateur-search-type-wrap{
    background: var(--white);
    padding: 20px;
    border-radius: 8px;
	display: flex;
    flex-direction: column;
    align-items: center;	
}
.configurateur-search-map *, .configurateur-search-type-wrap *{
    color: var(--blue);	
	text-align: center;
}
.configurateur-search-type-wrap .search-type-tags{
	gap:30px;
}
.configurateur-search-settings-wrap {
    display: flex;
    gap: 30px;
    margin: 30px 0;
}
.configurateur-search-settings {
    width: calc(25% - 23px);
}
.tag.white-tag {
    color: var(--white);
    border-color: var(--white);
}

.configurateur-search-settings .liste-tags {
    margin-top: 10px !important;
}
.lancer-configurateur{
	margin:auto;
	cursor:pointer;
}

@media screen and (max-width:1300px){
	.configurateur-search-settings-wrap{
		flex-wrap: wrap;
	}
	.configurateur-search-settings{
		width: calc(50% - 15px);
	}
	.configurateur-search-type-wrap .search-type-tags{
		gap:15px;
	}
	.configurateur-search-type-wrap .search-type-tag{
		padding: 10px;
	}
}
@media screen and (max-width:1000px){
	.configurateur-search-forms {
		flex-direction: column;
	}
	.configurateur-search-map-wrap, .configurateur-search-right {
		width: 100%;
		max-width: 100%;
	}
	.configurateur-wrap:after{
		transform: unset;
	}
}
@media screen and (max-width: 600px) {
	.configurateur-container{
		padding-top: 50px;
		padding-bottom: 50px;
	}
    .configurateur-search-type-wrap .search-type-tags {
        flex-wrap: wrap;
        gap: 30px 15px;
    }
	.configurateur-search-settings {
        width: 100%;
    }
	.configurateur-search-map-wrap{
		min-width: unset;
	}
	.configurateur-search-settings-wrap {
		gap: 20px;
	}
}

/***** CONFIGURATEUR : SELECTION ****/

.notre-selection-de-vehicules h2{
	color:var(--blue);
}
.notre-selection-row {
	width:100%;	
    display: flex;
    gap: 30px;
}

.notre-selection{
	width:calc(33.3% - 23px);
	display: flex;
    flex-direction: column;
}
.notre-selection-de-vehicules .vehicules-selection-img{
	max-width:100%;
	margin-bottom:8px;
}
.notre-selection-de-vehicules .vehicules-selection-textes{
	padding:0;
	height: fit-content;
    margin: 15px 0;
}
.notre-selection .vehicules-selection-txt {
    display: flex;
    gap: 10px 20px;
    justify-content: space-between;
}
.notre-selection .vehicules-selection-txt .selection-info .info-t{
	font-size:20px;
}

.notre-selection-de-vehicules .selection-container a{
	box-shadow:none;
}
@media screen and (max-width:1300px){
	.notre-selection-row{
		flex-wrap:wrap;
		gap: 50px 30px;
	}
	.notre-selection{
		width:calc(50% - 15px);
	}
}
@media screen and (max-width:1000px){
	.notre-selection .vehicules-selection-txt{
		width:100%;
		flex-wrap:wrap;
	}
}
@media screen and (max-width:900px){
	.notre-selection-row{
		gap: 50px 20px;
	}
	.notre-selection{
		width:calc(50% - 10px);
	}
}

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

	.notre-selection{
		width:100%;
	}
}


/***** ARCHIVES VEHICULES  ****/

.archive-vehicules-page{
	position:relative;
	background:var(--light-blue);
	min-height:100vh;
	padding-top: 70px;
	padding-bottom: 70px;
}
.archive-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: fit-content;
    opacity: 0.25;
    z-index: 0;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
}
.archive-vehicules {
    z-index: 2;
    position: relative;
}
.vehicules-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
	gap: 40px 20px;
}
.vehicules-grid a.vehicule-card {
    width: 100%;
}

.archive-filters {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px 20px;
	margin-bottom: 40px;
}

.archive-search-settings {
    display: inline-flex;
    flex-wrap: wrap;
	align-items: center;
    gap: 10px;	
}
.archive-filters .tag {
    cursor: pointer;
}
@media screen and (max-width:1300px){
	.vehicules-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width:1000px){
	.archive-vehicules-page{
		padding-top:60px;
		padding-bottom:60px;
	}
}
@media screen and (max-width:900px){
	.vehicules-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.vehicules-grid .vehicule-card-img-wrap {
		margin-bottom: 10px;
	}
}
@media screen and (max-width:767px){
	.archive-vehicules-page{
		padding-top:50px;
		padding-bottom:50px;
	}
	.archive-bg{
		width: 300%;
        left: 50%;
        transform: translateX(-50%);
        max-width: unset;
	}
	h1.archive-title{
		margin-bottom:10px;
	}
}
@media screen and (max-width:550px){
	.vehicules-grid {
		grid-template-columns: repeat(1, 1fr);
	}

}

/***** SINGLE VEHICULES : infos véhicules ****/

.single-vehicules-container {
    padding-top: 70px;
    padding-bottom: 70px;
}
.single-vehicule-head {
	display: flex;
    gap: 10px 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.save-vehicule-wrap {
    display: flex;
    gap: 10px;	
}
.save-vehicule-wrap svg{
	cursor:pointer;
}
.save-vehicule-wrap svg *{
	transition:0.3s ease-in-out;
}
.save-vehicule-wrap svg.wishlist *{
	opacity:0.15!important;
}
.save-vehicule-wrap svg:hover *{
	opacity:1!important;
}
.wishlist-btn.in-wishlist svg * {
    opacity: 1 !important;
}

#partage-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color:var(--orange);
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    font-size: 16px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
	visibility:hidden;
    z-index: 1000;
}
#partage-popup.show {
    opacity: 1;
	visibility:visible;
}
.hidden {
    display: none;
}

.single-vehicule-wrap {
    display: flex;
    gap: 20px;
	margin-top: 20px;
}
.single-vehicule-wrap .vehicules-single-img, .single-vehicule-wrap .vehicules-single-infos{
	width:50%;
	max-width:50%;
	min-width:unset
}

.single-vehicules .vehicules-single-img .vehicule-slider-for img {
    width: 100%;
    height: auto;
    border-radius: 18px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.vehicules-single-thumbnails {
    margin-top: 10px;
}
.single-vehicules .vehicule-slider-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.single-vehicules .vehicule-slider-nav img {
    width: calc(20% - 7px);
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    object-fit: cover;
	cursor:pointer;
}
.vehicules-single-textes {
    position: relative;
}
.vehicule-title {
    margin-bottom: 10px;
}

.single-vehicule-prices {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
	margin-bottom: 10px;
}
.single-vehicule-prices>span:hover{
	color: var(--orange);
	background:var(--white);
    border: 2px solid var(--orange);
}
.single-vehicule-prices span.a-partir-de {
    text-align: left;
}
.vehicule-ville{
	margin-bottom: 10px;	
}

.single-vehicule-wrap .vehicules-caracteristiques{
	border-radius: 8px;
    margin-bottom: 20px;
    margin-top: 30px;
}
.vehicules-caracteristiques-sep{
	width:100%;
	height:1px;
	background:var(--blue);
	display:flex;
	margin: 20px 0;
}


.btn-financo{
	margin-top:20px;
	border-radius: 4px;
	background: #D00002;
	display: flex;
	padding: 8px 24px;
	align-items: center;
	gap: 8px;
	width:fit-content;
	color:var(--white);
	font-size: 24px;
	line-height:normal;
	font-family: 'Almarai';
	font-weight: 700;
	transition:0.3s ease-in-out;
}
.btn-financo:hover{
	color:var(--white);	
	background: var(--orange);
}
.logo-financo {
    height: 20px;
}
@media screen and (min-width:1001px){
	.single-vehicules .vehicules-single-img {
		position: sticky;
		top: 100px;
		height: fit-content;
	}
	.btn-financo{
		font-size: 22px;
	}
}
@media screen and (max-width:1000px){
	.single-vehicules .single-vehicule-slider {
		flex-direction: column;
	}
	.single-vehicule-wrap .vehicules-single-img, .single-vehicule-wrap .vehicules-single-infos{
		width:100%;
		max-width:100%;
	}
	.vehicules-single-textes {
		margin-top: 30px;
	}

	.btn-financo{
		font-size: 20px;
	}
	.logo-financo {
		height: 18px;
	}
}
@media screen and (min-width:767px) and (max-width:1000px){
	.single-vehicules-container {
		padding-top: 60px;
		padding-bottom: 30px;
	}
    .vehicules-single-textes {
        margin-top: 20px;
    }
	.vehicules-single-img {
		display: flex;
		gap:20px;
	}
	.vehicules-single-img .vehicule-slider-for{
		width: 70%;
	}
	.vehicules-single-thumbnails{
		width: calc(30% - 20px);
		margin-top: 0px;
	}
	.single-vehicules .vehicule-slider-nav img {
		width: calc(50% - 4px);
	}


}

@media screen and (max-width:767px){
	.single-vehicules-container {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.single-vehicule-wrap .vehicules-caracteristiques {
		margin-top: 20px;
		padding: 20px;
	}
	.vehicule-description-items {
		flex-direction: column;
		align-items: start;
		gap: 7px!important;
	}
	.vehicule-descriptions-detaillees {
		margin: 30Px 0 50px!important;
		flex-direction: column;
		gap: 20px!important;
	}
	.vehicule-equipements-liste {
		column-count: 1!important;
	}
}

/***** SINGLE VEHICULES : descriptions ****/
.single-vehicules-description {
    position: relative;
}
.vehicules-description-fond {
    position: absolute;
    left: 50%;
    width: 100vw;
    bottom: -100px;
    background: url(/wp-content/uploads/2025/03/horizons-1.jpeg);
    background-size: cover;
    background-position: top center;
    mix-blend-mode: darken;
    transform: translateX(-50%) scaleY(-1);
	max-width: unset;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
	pointer-events:none;
}

.vehicule-description-items{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.vehicule-description-items span {
    padding: 10px;
    background: var(--light-blue);
    border-radius: 8px;
}

.vehicule-descriptions-detaillees {
    margin: 40px 0 100px;
    display: flex;
    gap: 30px;
}
.vehicule-description-detaillee {
    border: 1px solid var(--yellow);
    padding: 20px;
    border-radius: 6px;
}
.desc-det-title {
    color: var(--yellow);
}

.vehicule-donnees{
	min-width:40%;
}
.vehicule-equipements{
	min-width:calc(60% - 30px);
}
.desc-tag {
    display: block;
}
.vehicule-equipements-liste {
    column-count: 2;
}

/***** SINGLE VEHICULES : contact ****/

/* Ouverture /fermeture */
.close-vehicules-contact {
    display: flex;
    margin: -5px -5px 10px auto;
	width: 28px;
    height: 28px;
    /*
    padding: 4px;
    border-radius: 50%;
	background: var(--blue);
	color:var(--white);
	font-weight:700;
    line-height: normal;
    font-size: 12px;
    text-align: center;*/
    justify-content: center;
    align-items: center;
	cursor:pointer;
}
.single-vehicules-contact.closed {
    transform: translateY(calc(-50% + 50px)) translateX(100%);
}
.open-vehicules-contact {
	position: absolute;
    left: 10px;
    top: 0;
    transform: translateX(-100%);
    background: var(--white);
    padding: 18px 22px 18px 14px;
    border-radius: 10px 0 0 10px;
    width: fit-content;
    box-shadow: -3px 2px 10px 0px rgba(0, 0, 0, 0.16);
    transition: 0.3s ease-in-out;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: anchor-center;
}
.open-vehicules-contact svg{
    width: 28px;
	height:28px;
}
.open-vehicules-contact span{
    height: fit-content;
    width: fit-content;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
	font-weight:600;
    line-height: normal;
}
/* wrap */
.single-vehicules-contact {
    border-radius: 16px 0px 0px 16px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
    width: 305px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(calc(-50% + 50px))  translateX(0);
    background: var(--white);
    z-index: 10;
    display: flex;
    flex-direction: column;
	transition:0.3s ease-in-out;
}
.vehicules-contact-wrap{
	max-height: calc(100vh - 150px);
    overflow-y: auto;
	overflow-x: hidden;
	padding: 20px;
}

.single-vehicules-contact:not(.closed) .open-vehicules-contact{
	opacity:0;
	visibility:hidden;
}

/* Style de la scrollbar pour WebKit (Chrome, Safari, Edge) */
.vehicules-contact-wrap::-webkit-scrollbar {
    width: 5px; /* Largeur de la scrollbar */
}
.vehicules-contact-wrap::-webkit-scrollbar-track {
    background: var(--light-orange);
    border-radius: 0px;
}
.vehicules-contact-wrap::-webkit-scrollbar-thumb {
    background: var(--orange);
    border-radius: 0px;
}
.vehicules-contact-wrap::-webkit-scrollbar-thumb:hover {
    background: darken(var(--orange), 10%);
}

.single-vehicules-contact .h4{
    font-size: 28px;
}
.concession-nom {
    margin-bottom: 6px;
	display:block;
}
.concession-adresse {
    margin-bottom: 10px !important;
    display: flex;
}
.concession-coordonnees {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.concession-coord {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--blue);
}
#me-faire-rappeler{
	cursor:pointer;
}
span.separateur {
    width: 100%;
    height: 1px;
    background: var(--blue);
    margin: 10px 0;
}

/* Contact */
.concession-formulaire {
    position: relative;
    margin-top: 30px;
	display: flex;
}
.concession-formulaire:after {
    position: absolute;
    content: "";
    left: -20px;
    right: -20px;
    height: 1px;
    background: var(--blue);
    top: 0;
}


.gfield_required {
    display: none !important;
}
.gfield_label {
    font-weight: 300!important;
    margin-bottom: 0!important;
}
.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 10px!important;
}
.gform_footer{
	margin: 0!important;
}
.gform_footer input {
    background: var(--yellow);
	border:2px solid  var(--yellow);
    border-radius: 30px;
    font-weight: 600;
    font-size: 18px;
    padding: 7px 24px;
	min-height: unset !important;
    line-height: normal !important;
    margin: 0 !important;
}
.gform_footer input:hover {
    background: var(--white)!important;
    color:var(--yellow)!important;
}
#gform_confirmation_message_1 {
    margin-top: 20px;
}

.single-vehicules-contact  .gfield textarea.large {
    height: 100px!important;
}
.single-vehicules-contact .gform-body.gform_body input, 
.single-vehicules-contact .gform-body.gform_body textarea {
    border: 1px solid var(--yellow);
    border-radius: 20px;
    padding-left: 18px !important;
}

@media screen and (max-width:1000px){
	.single-vehicules-contact{
		position:relative!important;
    	border-radius: 10px;
 	    width: calc(100% - 80px);	
	    right: unset;
	    margin: 20px auto 40px auto;
	    top: unset;
		
	    transform: unset;
	}
	.vehicules-contact-wrap{
		overflow:hidden!important;
	}
	.vehicules-contact-wrap{
		max-height: unset;
	}
	
	.single-vehicules-contact .h4{
		font-size: 22px;
	}
	.vehicules-contact-wrap .close-vehicules-contact, .vehicules-contact-wrap .open-vehicules-contact{
		display:none!important;
	}
}

@media screen and (max-width:767px){
	.single-vehicules-contact{
 	    width: calc(100% - 40px);	
	}
	.single-vehicules-contact .h4{
		font-size: 18px;
	}
	.vehicules-description-fond{
		display:none;
	}
}


/***** SINGLE VEHICULES : autres véhicules & financement ****/

.single-vehicules-autres-modeles {
    padding-top: 90px;
    padding-bottom: 90px;
    background: var(--light-orange);
}
.autres-modeles-wrap{
    display: flex;
	flex-direction:column;
    align-items: center;
}
.autres-modeles-wrap h2 {
    margin-bottom: 40px;
	text-align: center;
}
/*
#financo {
    padding-top: 90px;
    padding-bottom: 90px;
    background: var(--orange);
    color: white;
}*/
@media screen and (max-width:1000px){
	.single-vehicules-autres-modeles  {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
@media screen and (max-width:767px){
	.single-vehicules-autres-modeles{
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/***** SINGLE VEHICULES : popup Rappeler ****/
#popup-rappel{
	position:fixed;
	left:50%;
	top:50%;
	width:500px;
	max-width:calc(100% - 40px);
	background:var(--white);
	border-radius:12px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	transform:translate(-50%, -50%);
	box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.16);
	z-index:99;
	padding:50px;
	opacity:0;
	visibility:hidden;
	transition:0.3s ease-in-out;
}
#popup-rappel .popup-rappel-titre {
    margin-bottom: 10px;
}

#popup-rappel  .gfield textarea.large{
	height: 100px;
}
#popup-rappel-bg{
	position:fixed;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.75);
	z-index:90;
	opacity:0;
	visibility:hidden;
	transition:0.3s ease-in-out;
}
.showBg{
	opacity:1!important;
	visibility:visible!important;
}
.popupOpen{
	opacity:1!important;
	visibility:visible!important;	
}
svg#closeAppel {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: fit-content;
	cursor:pointer;
}
@media screen and (max-width:1000px){
	#popup-rappel{
		padding:30px;
	}	
}
@media screen and (max-width:767px){
	#popup-rappel{
		padding:30px 20px;
	}	
}

/***** BLOG *****/

.blog-container{
	padding-top: 70px;
	padding-bottom: 70px;	
}

.blog-container h1 {
    margin-bottom: 0;
}
.blog-container  .subTitle br{
	display:none;
}

.blog-wrap {
    margin-top: 30px;
}
.img-blog-desktop{
	display:flex;	
}
.img-blog-mobile{
	display:none;	
}

.inspiration-voyages-blog{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:50px 30px;
}
@media screen and (max-width: 1000px) {	
	.inspiration-voyages-blog{
		grid-template-columns:repeat(2, 1fr);
		gap:50px 30px;
	}
	.blog-container{
		padding-top: 60px;
		padding-bottom: 60px;	
	}
}
@media screen and (max-width: 900px) {
	.inspiration-voyages-blog{
		flex-wrap:wrap;
		gap: 40px 20px;
	}
	
}
@media screen and (max-width: 767px) {
	.inspiration-voyages-blog{
		grid-template-columns:repeat(1, 1fr);
		gap:30px 30px;
	}
	.blog-container{
		padding-top: 50px;
		padding-bottom: 50px;	
	}
	
}
@media screen and (max-width: 600px) {
	.img-blog-desktop{
		display:none;	
	}
	.img-blog-mobile{
		display:flex;	
	}

	.inspiration-voyages-blog{
		gap: 30px 20px;
	}
	.inspi-blog{
		width:100%;
	}
	.inspi-blog img {
		aspect-ratio: 4 / 3 !important;
	}
}


/***** WISHLIST *****/
.wishlist-page {
	padding-top: 70px;
	padding-bottom: 70px;	
}
.wishlist-page h1 {
    text-align: center;
}

@media screen and (max-width: 1000px) {
	.wishlist-page{
		padding-top: 60px;
		padding-bottom: 60px;	
	}
}

@media screen and (max-width: 767px) {
	.wishlist-page{
		padding-top: 50px;
		padding-bottom: 50px;	
	}
	
}

/*** FILTRES ***/
.configurateur-search-settings .tag{
	cursor:pointer;
}

.home .search-type-tag.selected, .configurateur-search-type-wrap .search-type-tag.selected {
    border: 3px solid var(--orange);
}
.tag.selected, .search-rayon-tag.selected {
	border-color: var(--orange) !important;
    background: var(--orange)!important;
	font-weight:600!important;
	color:white!important;
}
.page-template-template-configurateur .resultats-container, .page-template-template-configurateur .txtResult {
    padding-top: 70px;
}
.txtResult {
    text-align: center;
}
@media screen and (max-width:1000px){
	.page-template-template-configurateur .resultats-container, .page-template-template-configurateur .txtResult {
		padding-top: 60px;
	}
}
@media screen and (max-width:767px){
	.page-template-template-configurateur .resultats-container, .page-template-template-configurateur .txtResult {
		padding-top: 40px;
	}
}

/**** CONCEPT ****/
.concept-container {
    background: linear-gradient(180deg, #F3D4CA 9.14%, rgba(243, 212, 202, 0.20) 70.34%);
    padding-top: 70px;
}

.concept-content {
    z-index: 2;
    position: relative;
}
.concept-texts {
    display: flex;
    gap: 40px;
    align-items: start;
}
.concept-texts>* {
    width: calc(50% - 20px);
	margin-bottom:0px;
}

.concept-btn-wrap {
    max-width: 450px;
	width:50%;
    padding:30px;
    border-radius: 32px;
    border: 3px solid rgba(249, 249, 249, 0.10);
    background: linear-gradient(0deg, rgba(249, 249, 249, 0.70) 0%, rgba(249, 249, 249, 0.70) 100%), linear-gradient(78deg, rgba(249, 249, 249, 0.30) 71.2%, rgba(249, 249, 249, 0.70) 100%), linear-gradient(246deg, rgba(249, 249, 249, 0.30) 52.12%, rgba(249, 249, 249, 0.70) 100%);
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16), 0px 4px 36px 0px rgba(249, 249, 249, 0.25) inset;
    backdrop-filter: blur(4px);
    display: flex;
    gap: 20px;
    text-align: center;
    flex-direction: column;
    align-items: center;
}
.concept-btn-wrap p {
    margin-bottom: 0;
}
.concept-btn {
    display: flex;
    gap: 20px;
    position: relative;
	justify-content: center;
}
.concept-btn-titre {
    display: flex;
    gap: 10px;
	align-items:center;
    justify-content: center;
}
.concept-btn-titre p {
    margin-bottom: 0;
}
.ss-t-orange {
    color: var(--orange);
}

.concept-btn-logo {
    border-radius: 32px;
    background: var(--orange);
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
    width: fit-content;
    margin: auto;
    padding: 25px;
    max-width: 300px;
    margin-top: -20px;
    z-index: 2;
    position: relative;
}

.concept-fond {
    margin-top: -50px;
	position:relative;
}
.concept-fond>img {
    transform: scaleX(-1);
	position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: calc(100% + 1px);
    object-fit: cover;
	object-position:top;
}
.concept-buttons {
    padding-top: 150px;
	padding-bottom: 100px;
}
.concept-btn-titre img {
    width: 60px;
    max-height: 45px;
    object-fit: contain;
}
.concept-btn-logo-mobile {
	display:none!important;
}

@media screen and (max-width:1000px){
	.concept-texts {
		flex-direction: column;
		gap: 20px;
	}
	.concept-texts>* {
    	width: 100%;
	}
	.concept-fond{
		margin-top: 0px;
	}
	.concept-buttons{
		padding-top: 50px;
		padding-bottom: 70px;
	}
	.concept-btn-wrap{
		padding: 20px;
	}
	.concept-btn-titre img {
		width: 45px;
	}
	.concept-btn-logo {
		max-width: 230px;
		padding: 20px;
	}
}
@media screen and (max-width:767px){
	.concept-btn-titre img {
		width: 30px;
	}
	.concept-buttons {
        padding-top: 40px;
        padding-bottom: 60px;
    }
	.concept-btn-logo {
		max-width: 200px;
		padding: 15px 20px;
	}
}
@media screen and (max-width: 500px) {
    .concept-btn-wrap {
        padding: 30px 15px;
		gap: 10px;
    }
}
@media screen and (max-width: 420px) {
	.concept-btn {
		flex-direction: column;
	}
	.concept-btn-logo-mobile {
		display:flex!important;
		margin-top: -40px;
	}
	.concept-btn-wrap {
		width:100%;
	}
}


.concept-vehicules{
	background:url("/wp-content/uploads/2025/03/votre-vehicule.jpeg");
	background-position: center;
	position:relative;
	background-repeat: no-repeat;
    background-size: cover;
}
.concept-vehicules:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(0deg, transparent 50%, white 100%);
}

.concept-vehicule-container {
    display: flex;
    gap: 50px;
    justify-content: space-between;
	padding-top: 70px;
    padding-bottom: 70px;
	z-index:2;
	position:relative;
}
.votre-vehicule {
    width: calc(100% - 450px);
}
.votre-vehicule h2 {
    max-width: 635px;
}
.notre-mission {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 400px;
    border-radius: 32px;
    background: linear-gradient(78deg, rgba(249, 249, 249, 0.30) 71.2%, rgba(249, 249, 249, 0.70) 100%), linear-gradient(246deg, rgba(249, 249, 249, 0.30) 52.12%, rgba(249, 249, 249, 0.70) 100%);
    box-shadow: 0px 4px 36px 0px rgba(249, 249, 249, 0.25) inset, 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(8px);
    padding: 30px;
}
.mission {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    text-align: center;
}
.mission * {
    margin-bottom: 0;
}
.mission img {
	max-width: 60px;
    max-height: 50px;
    object-fit: contain;
}
.img-vehicule-mobile{
	display:none;
}

.ccpap-logo-concept {
    position: absolute;
    bottom: 0;
    left: 5%;
    height: 100%;
	width:700px;
    max-width: 65%;
    mix-blend-mode: hard-light;
    object-fit: contain;
    object-position: center;
    z-index: -1;
	opacity: 0.4;
}
.ccpap-logo-concept-mob{
	display:none;
}

.sep-missions {
    height: 1px;
    width: 50%;
    background-image: repeating-linear-gradient(-36deg, #e94f1c, #e94f1c 10px, transparent 10px, transparent 25px, #e94f1c 25px), repeating-linear-gradient(54deg, #e94f1c, #e94f1c 10px, transparent 10px, transparent 25px, #e94f1c 25px), repeating-linear-gradient(144deg, #e94f1c, #e94f1c 10px, transparent 10px, transparent 25px, #e94f1c 25px), repeating-linear-gradient(234deg, #e94f1c, #e94f1c 10px, transparent 10px, transparent 25px, #e94f1c 25px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
	margin:auto;
}

@media screen and (max-width:1000px){
	.concept-vehicules {
		background-position: 65% 50%;
	}
	.concept-vehicule-container {
		flex-direction: column;
	}
	.votre-vehicule {
		width: 100%;
	}
	.notre-mission {
		margin-right: 0;
		margin-left: auto;
	}
	.ccpap-logo-concept {
		left: 0%;
	}
	
}
@media screen and (max-width:767px){
	.concept-vehicule-container{
		padding-top: 50px;
    	padding-bottom: 0px;
	}
	.notre-mission {
        margin-right: auto;
		 gap: 20px;
    }
	.mission{
		gap:8px;
	}
	.mission img {
		max-width: 40px;
		max-height: 30px;
	}
	.votre-vehicule h2 {
		margin-bottom: 10px;
	}
	.concept-vehicule-container {
        gap: 25px;
    }
	.concept-vehicules{
		background:var(--white);
	}
	.ccpap-logo-concept{
		display:none;
	}
	.ccpap-logo-concept-mob{
		display:flex;
	}
	.img-vehicule-mobile{
		display:flex;
		position: relative;
		justify-content: center;
		margin-top: -50%;
		max-height: 70vh;
	}
	.img-vehicule-mobile:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: linear-gradient(180deg, var(--white) 0%, transparent 50%);
	}
	.img-vehicule-mobile img {
		width: 200%;
		max-width: unset;
		margin: auto;
	}
	.ccpap-logo-concept-mob {
		position: absolute;
        right: 0;
        bottom: 0;
        width: 200px;
        height: fit-content;
        object-fit: contain;
        max-height: 18vh;
        object-position: top right;
        transform: translateY(100%);
	}
}
@media screen and (max-width:500px){
	.notre-mission {
        width: 100%;
		padding: 20px;
    }
	.img-vehicule-mobile {
        max-height: 50vh;
    }
}