.bandeau-largeur {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 430px;
position: relative;
margin: 32px 0;
display: grid;
grid-template-columns: 1fr 1fr;
}
.bandeau-largeur .container {
width: 100%;  
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
box-sizing: border-box;
gap: 16px;
grid-column: 2;
}
.bandeau-largeur .container h2{
color: var(--Principal, #174A42);
font-family: Pontiac;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: 32px; text-transform: uppercase;
width: 100%;
margin: 0;
}
.bandeau-largeur .container .texte {
color: var(--Principal, #174A42); font-family: Pontiac;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; }
.bandeau-largeur .container .bandeau-bouton {
display: flex;
padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 24px;
background: var(--Principal, #174A42);
color: var(--Blanc, #FFF);
text-align: center;
font-family: Pontiac;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
border: 1px solid var(--Principal, #174A42);
width: fit-content;
}
.bandeau-largeur .container .bandeau-bouton:hover {
background-color: #ffffff; 
color: var(--Principal, #174A42);
border: 1px solid var(--Principal, #174A42);
}