.spacer {

background-color:#fffffff;
width:100%;
height:50px;
}


.spacer2 {

background-color:#121212;
width:100%;
height:50px;
}


.conteneur0 {

padding:0px;
position:absolute;
left:0;
top:375px;
width:100%;
height:auto;
z-index:1;
}


.conteneur1 {

padding:20px;
background-color:#232323;
display:grid;
grid-template-columns: 35% 65%;
}


.conteneur11 {

padding:0px;
text-align:right;
}


.conteneur2 {

padding:25px;
background-color:#d0161f;
display:grid;
grid-template-columns: 15% 85%;
}


.conteneur21 {

position:relative;
padding:0px;
text-align:right;
top: 45%;
}


.conteneur3 {

padding-top:25px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
background-color:#ffffff;
display:grid;
grid-template-columns: 33.3% 33.4% auto;
grid-column-gap: 25px;
}


.conteneur4 {

padding:30px;
background-color:#121212;
display:grid;
grid-template-columns: 35% 40% 25%;
}


.conteneur41 {

padding-right:20px;
text-align:right;
position:relative;
padding-top:15px;
}



.conteneur5 {

padding:40px;
background-color:#ffffff;
display:grid;
grid-template-columns: 45% 40px auto;
}



.conteneur6 {

padding:25px;
background-color:#0D0D0D;
display:grid;
grid-template-columns: 100%;
}



.conteneur7 {

padding:25px;
background-color:#ffffff;
display:grid;
grid-template-columns: 100%;
}




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


.conteneur5 {

grid-template-columns: 42% 40px auto;
}


}





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


.conteneur5 {

grid-template-columns: 49% 40px auto;

}




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

.conteneur0 {

top:300px;
}


.conteneur4 {

display:grid;
grid-template-columns: 40% 25% 35%;
}


}



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

.conteneur1 {

grid-template-columns: 35% 65%;
}



.conteneur2 {

grid-template-columns: 20% 80%;
}


.conteneur21 {

text-align:right;
top: 45%;
}


.conteneur3 {

grid-template-columns: 50% auto;
grid-row-gap: 20px;
}


.conteneur5 {

grid-template-columns: 100%;

}


}




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

.conteneur0 {

top:650px;
}



.conteneur1 {

grid-template-columns: 100%;
text-align:center;
}


.conteneur11 {

text-align:center;
grid-template-columns: 100%;
}



.conteneur2 {

grid-template-columns: 100%;
grid-row-gap: 15px;
text-align:center;
}


.conteneur21 {

text-align:center;
top: 0;
}


.conteneur3 {

padding:10px;
grid-template-columns: 50% auto;
}


.conteneur4 {

text-align:center;
padding:15px;
grid-template-columns: 100%;
grid-column-gap: 0;
grid-row-gap: 25px;
}


.conteneur41 {

padding-right:25px;
padding-left:25px;
text-align:center;
top:0px;
}



}




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

.conteneur0 {

top:650px;
}



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

.conteneur0 {

top:650px;
}



.conteneur1 {

grid-template-columns: 100%;
text-align:center;
}


.conteneur3 {

padding:10px;
grid-template-columns: 100%;
grid-column-gap: 0;
grid-row-gap: 25px;
}



}






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

.conteneur1 {

grid-template-columns: 100%;
text-align:center;
}


.conteneur11 {

text-align:center;
}


.conteneur3 {

grid-template-columns: 100%;
}




}