div.menus{
	display: none;
}

header#header .ham-icon{
	display: none;
}

.carre_01{
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 1;
    width: 8vw;
    max-width: 192px;	
	min-width: 100px;
}

.carre_02{
	position: absolute;
	right: 0;
	top: 0;
    height: 133.1%; /* prend toute la hauteur de la section */
	width: auto; /* la largeur s'adapte selon le ratio de l'image */
	object-fit: contain;
	object-position: right top;
	z-index: 2;
}

video{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
	object-fit: cover;
    filter: brightness(0.5);	
}

.carre_03{
    position: absolute;
    left: 0;
    max-width: 192px;
    top: -5vw;
    width: 10vw;	
/*	min-width: 100px;*/
}

.carre_04{
    position: absolute;
    max-width: 384px;
    left: 39.65vw;
    top: -5vw;
    width: 20vw;
	z-index: 1;
}

.carre_05{
	position: absolute;
    right: 0;
    bottom: -5vw;
    max-width: 288px;
    width: 15vw;
}

.intro_header{
    display: flex;
    flex-wrap: wrap;
    height: 100vh;	
}
.intro_header .video{
	width: 75%;
    position: relative;
background: black;	
}
.intro_header .aside{
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
   
    background-color: var(--color1);	
}

.intro_header .aside > div{
	 padding: 4vw 5vw 2vw 5vw;
}

.intro_header .aside > a{
	background-color: var(--color3);
    color: white;
    font-weight: 900;
    padding: 2vw;
	position: relative;
    font-size: calc(10px + 0.6vw);	
}


.intro_header .aside > a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://rendezvousautomobiles.com/new/wp-content/uploads/2026/05/carre_07.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 100%;
    top: 0;
}

header#header .logo img{
	max-width: 240px;
	width: 13vw;
	min-width: 150px;
}

.video h1{
	color: white;
    left: 10%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);	
}

.aside h2 span{
	font-size: 75%;
}
.aside h2{
    line-height: 90%;
}

p.text_medium{
	margin-bottom: 0;
}

p.text_vsmall{
	margin-top: 5px;
	font-size: 85%;
}

.intro_enumeration{
	display: flex;
	flex-wrap: wrap;
	position: relative; /* déjà OK, on garde l'ancre */
}

.intro_enumeration .titre_enumeration{
    padding: 3vw;
    width: 33%;
    display: flex;
    flex-wrap: wrap;
    background-color: var(--color4);
align-items: center;	
}

.titre_enumeration h2{
	margin-bottom: 0;
}


.titre_enumeration h2{
	margin-bottom: 0;
}

.titre_enumeration p{
	margin-top: 0;
}

div.enumeration{
    width: 67%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: var(--color3);
    padding-right: 10vw;
}

div.enumeration > div {
    width: 30%;
}

div.enumeration *{
	color: white;
}

div.enumeration > div p{
	margin-top: 0;
}

div.enumeration > div h1{
	margin-bottom: 0px;
}

section.contenu_colonnes{
    display: flex;
    flex-wrap: wrap;
    background-color: var(--color5);
    justify-content: space-between;
}

.colonne {
    width: 33%;
    padding: 10vw 5vw;
  	border-right: 1px solid var(--color3);	
}

section.contenu_colonnes > div:last-child{
	border: none;
}

.boite_logo{
	display: flex;
	position: relative;
    flex-wrap: wrap;
}



.boite_logo .titre_logo{
	width: 50%;
	background-color: var(--color6);
    display: flex;
    justify-content: center;
    align-items: center;	
    padding: 5vw 10vw 2vw 5vw;	
}

.boite_logo .titre_logo *{
	color: white;
}

.boite_logo .logos {
    width: 50%;
    padding: 9vw 0vw 2vw 0;
}

.boite_logo .logos > div{
    display: flex;
    flex-wrap: wrap;	
	justify-content: right;
}

.boite_logo .logos > div *{
/*
    width: 33.33%;
    padding: 20px;
*/
}

.boite_logo .logos > div > p{
	font-weight: 900;
	background-color: var(--color4);
	display: flex;
	align-items: center;
	width: 33.33%;
	padding-left: 25px;
	position: relative; /* IMPORTANT: ancre pour le ::before */
	font-size: calc(8px + 0.6vw);
}

.boite_logo .logos > div > p::before{
	content: "";
	display: block;
	width: 100%; /* même largeur que le <p> parent */
	height: 100%;
	background-image: url(https://rendezvousautomobiles.com/new/wp-content/uploads/2026/05/04.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center; /* colle l'image à droite, donc juste avant le <p> */
	position: absolute;
	right: 100%; /* place le ::before complètement à gauche du <p>, peu importe la largeur d'écran */
	top: 0;
}



.boite_logo .logos > div > div {
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5vw 0;
}

.boite_logo .logos > div > div img {
    max-width: 165px;
    width: 10vw;	
}

.contact_form{
	display: flex;
    flex-wrap: wrap;
	position: relative;
}

.contact_form .image{
    width: 50%;
}

.contact_form .image img{
	height: 100%;
    width: 100%;
    object-fit: cover;
}

.contact_form .formulaire h2{
	margin-bottom: 0;
}

.contact_form .formulaire p{
	margin-top: 10px;
	margin-bottom: 50px;
}

.contact_form .formulaire {
    width: 50%;
    display: flex;
    flex-direction: column;
	background-color: var(--color1);
    justify-content: center;
    padding: 5vw 10vw;
}

form input{
	background-color: transparent!important;
    padding: 0!important;
	border: none!important;
	border-radius: 0!important;
	box-shadow: none!important;

    border-bottom: 1px solid black!important;
}
form input::placeholder{
    text-transform: uppercase !important;
	font-weight: 900!important;
}


input#gform_submit_button_1 {
    background-color: var(--color3) !important;
    text-transform: uppercase;
    padding: 10px 45px !important;
    box-shadow: none !important;
	margin-top: 30px;
	border: none!important;
}


.social img {
    max-width: 25px;
	max-height: 25px;
    background: white;
    border-radius: 100px;
    padding: 5px;	
}


footer .colonne_01 > div:nth-child(2) > a > img{
	max-width: 225px;
}

footer{
    display: flex;
    flex-wrap: wrap;
    background-color: black;
    padding: 5vw;
    justify-content: space-between;
}

footer .colonne_01{
    width: 40%;
    display: flex;
    flex-wrap: wrap;
  	
}

footer .colonne_01 > div{
    width: 50%;	
}

footer .colonne_02{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
/*    align-items: center;	*/
	
}

.boite_media_sociaux{
	display: flex;
	gap:2%;
}

footer .colonne_02 > div{
    width: 50%;	
}

footer *{
	color: white;
}


@media screen and (max-width:1250px){
	img.carre_02{
		height: 100%;
	}
	
	footer .colonne_01 {
		width: 50%;

	}	
	
}

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

	
	footer .colonne_01 {
		width: 100%;
		padding-bottom: 25px;
	}	
	
	footer .colonne_02 {
		width: 100%;
	}	
	
}

@media screen and (max-width:1300px){
	.boite_logo .logos > div > p{
		    font-size: calc(8px + 0.4vw);
		padding-left: 15px;
	}
}

@media screen and (max-width:1024px){
	div.enumeration {
		width: 100%;
		padding: 5vw 15vw 5vw 0;
	}
	
	.intro_enumeration .titre_enumeration {
        padding: 3vw;
        width: 100%;
        flex-direction: column;
        align-items: baseline;
	}	
	
	.boite_logo .titre_logo {
		width: 100%;
		padding: 20vw 5vw 5vw 5vw;
	}
	
    .boite_logo .logos {
        width: 100%;
        padding: 6vw 6vw 10vw 10vw;
    }
	
	.boite_logo .logos > div > div img {
		max-width: 190px;
		width: 20vw;
	}	
	
	.boite_logo .logos > div > p {
        font-size: calc(8px + 0.8vw);
        padding-left: 15px;
    }
	
	.contact_form .image {
		width: 100%;
	}	
	
	.contact_form .formulaire {
		width: 100%;
		padding: 10vw;
	}
	
	.contact_form .image img {
		height: 25vh;

	}	
}

@media screen and (max-width:960px){
	.intro_header .aside {
		width: 100%;
		display: flex;
		flex-direction: column;
		background-color: var(--color1);
		height: auto;
        justify-content: flex-end;		
	}
	
	.intro_header{
		height: auto;
	}
	
	.video h1 {

		top: 75%;
	
	}

	p.text_vsmall {

   		font-size: 65%;
	}
	
	.intro_header .video {
		width: 100%;
		position: relative;
		background: black;
		height: 50vh;
	}
	
	.intro_header .aside > div {
		padding: 4vw 5vw 2vw 5vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 3%;
	}	
	
	.aside h2{
		width: 100%;
		text-align: center;		
	}
	
	.intro_header .aside > a {
		text-align: center;
		padding: 3vw 2vw;
	}	
	
	section.intro_header .aside > a::before {
        background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		right: auto;
		top: 0;
		left: 0;
	}	
	
/*
	.intro_header .aside > a{
		display: none;
	}
*/
	
	.intro_header .aside > div p{
		margin-top: 0;
	}
	
	.boite_media_sociaux {

    	width: 100%;
    	justify-content: center;
	}
	
	video{
		position: relative;
	}
}


@media screen and (max-width:760px){
	div.enumeration {
        padding: 5vw 20vw 5vw 0;
    }
	
    img.carre_02 {
        height: 58%;
	        bottom: 0;
        top: auto;	
    }	
	
/*
	.boite_logo .titre_logo {
        width: 100%;
        padding: 100px 5vw 5vw 5vw;
    }
*/
	
	.colonne {
		width: 100%;
		padding: 10vw 5vw;
		border-bottom: 1px solid var(--color3);
		border-right: none;
	}
}

@media screen and (max-width:640px){
	footer .colonne_01 > div{
		width: 100%;
		text-align: center;
	}	
	
	
	
	.boite_logo .logos > div > div img {
        max-width: 175px;
        width: 40vw;
  
    }
	
	.intro_header .aside > a{
		font-size: calc(7px + 0.6vw);		
	}
	
	.boite_logo .logos > div > div{
		width: 50%;
	        padding: 4.5vw 0;	
	}
	
    .boite_logo .logos {
        width: 100%;
        padding: 6vw 6vw 6vw 0vw;
    }	
	
/*
	.intro_header .aside > div *{
		display: none;
	}
*/
	
	div.enumeration {
        padding: 5vw 30vw 5vw 5vw;
    }
	
	div.enumeration > div {
		width: 100%;
	}	
	
	footer .colonne_02 > div{
		width: 100%;
		text-align: center;
	}
	
	footer .boite_media_sociaux{
		justify-content: center;
	}

	.boite_logo .logos > div > p {
        font-size: calc(10px + 0.4vw);
        padding-left: 15px;
		width: 50%;
    }
	
	.intro_header .aside > div {
        padding: 4vw 5vw 5vw 5vw;

    }

	
}

/*
@media screen and (max-width:550px){
	.boite_logo .logos > div > p {
        font-size: calc(6px + 0.4vw);
        padding-left: 8px;
    }
}
*/