.spacer1 {
background-color:#ffffff;
width:100%;
height:60px;
}


.spacer2 {
width:100%;
background-color:#ffffff;
height:10px;
}


.spacer3 {
width:100%;
background-color:#000000;
height:25px;
}


.conteneur0 {
display:block;
padding:0px;
position:absolute;
top:420px;
width:95%;
height:auto;
margin-left:auto;
margin-right:auto;
z-index:5;
}


.conteneur10 {
width:100%;
padding:0px;
background-color:#0D0D0D;
}

.conteneur100 {
width:96%;
padding-top:20px;
padding-bottom:20px;
margin: auto;
display:grid;
grid-template-columns: 50% 50%;
}


.conteneur11 {
padding:0px;
text-align:right;
}


.conteneur20 {
width:100%;
padding:0px;
background-color:#ffffff;
}

.conteneur200 {
width:96%;
padding-top:25px;
padding-bottom:25px;
margin: auto;
display:grid;
grid-template-columns: 15% 85%;
}

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



.conteneur30 {
width:100%;
position:relative;
padding:0px;
}



.conteneur40 {
width:100%;
max-width:1200px;
margin: auto;
padding:0;
background-color:#ffffff;
display:grid;
grid-template-columns: 49.5% 1% 49.5%;
}


.conteneur41 {
padding:10px;
}


.conteneur50 {
width:1200px;
margin: auto;
padding:0;
background-color:#ffffff;
display:grid;
grid-template-columns: 100%;
}


.bierestexte {
width:1200px;
margin:auto;
padding:15px;
background-color:#ffffff;
}


.bieres10 {
width:1200px;
margin: auto;
padding:0;
background-color:#ffffff;
display:grid;
grid-template-columns: 20% 20% 20% 20% 20%;
}


.bieres11 {
padding:15px;
}


.bierestexte {
width:1200px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:1200px;
margin:auto;
padding:15px;
background-color:#ffffff;
}






.basdepage10 {
width:100%;
padding:0;
background-color:#000000;
}

.basdepage100 {
width:96%;
padding-top:30px;
padding-bottom:30px;
margin: auto;
display:grid;
grid-template-columns: 40% auto;
}


.basdepage11 {
padding-left:20px;
}



.basdepage12 {
padding-left:40px;
}

.basdepage13 {
width:100%;
margin-left:0;
display:grid;
grid-template-columns: 50% auto;
}



.image-box {
position:fixed;
z-index:15;
top:10%;
left:25%;
width:30%;
height:auto;
display:block;
max-width:500px;
}





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

.conteneur0 {
top:360px;
}


}




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

.conteneur0 {
top:350px;
}


.conteneur40 {
width:1000px;
grid-template-columns: 49.5% 1% 49.5%;
}

.conteneur50 {
width:1000px;
grid-template-columns: 100%;
}

.bieres10 {
width:1000px;
grid-template-columns: 20% 20% 20% 20% 20%;
}


.bieres11 {
padding:15px;
}


.bierestexte {
width:1000px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:1000px;
margin:auto;
padding:15px;
background-color:#ffffff;
}



}





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

.conteneur0 {

top:350px;
}


.conteneur40 {
width:100%;
margin:0;
grid-template-columns: 49.5% 1% 49.5%;
}

.conteneur50 {
width:100%;
margin:0;
grid-template-columns: 100%;
}


.bieres10 {
width:100%;
margin:0;
grid-template-columns: 25% 25% 25% 25%;
}


.bieres11 {
padding:15px;
}



}




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

.conteneur0 {

top:330px;
}


.conteneur40 {
width:100%;
grid-template-columns: 49.5% 1% 49.5%;
}

.conteneur50 {
width:100%;
grid-template-columns: 100%;
}
.bieres10 {
width:100%;
grid-template-columns: 25% 25% 25% 25%;
}


.bieres11 {
padding:15px;
}

.bierestexte {
width:990px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:990px;
margin:auto;
padding:15px;
background-color:#ffffff;
}



}




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

.conteneur0 {
top:290px;
}


.conteneur40 {
width:100%;
grid-template-columns: 49.5% 1% 49.5%;
}


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

.bierestexte {
width:850px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:850px;
margin:auto;
padding:15px;
background-color:#ffffff;
}


.image-box {
position:fixed;
z-index:15;
top:10%;
left:23%;
width:32%;
height:auto;
display:block;
max-width:500px;
}



}





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

.conteneur0 {

top:305px;
}


.conteneur100 {
grid-template-columns: 50% 50%;
}


.conteneur200 {
grid-template-columns: 20% 80%;
}


.conteneur21 {
text-align:right;
top: 45%;
}


.conteneur40 {
width:100%;
grid-template-columns: 49.5% 1% 49.5%;
}


.basdepage100 {
grid-template-columns: 40% auto;
}

.basdepage13 {
grid-template-columns: auto;
}




.bieres10 {
width:100%;
grid-template-columns: 33.333% 33.333% 33.333%;
}


.bieres11 {

padding:15px;
}

.bierestexte {
width:770px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:770px;
margin:auto;
padding:15px;
background-color:#ffffff;
}


.spacer1 {

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



}




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

.conteneur0 {
display:none;
top:625px;
}

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


.conteneur21 {
text-align:center;
top: 0;
}


.conteneur40 {

width:100%;
grid-template-columns: 49.5% 1% 49.5%;
}


.basdepage100 {
grid-template-columns: 45% auto;
}


.spacer1 {
background-color:#fffffff;
width:100%;
height:35px;
}

.bierestexte {
width:680px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:680px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.image-box {
position:fixed;
z-index:15;
top:10%;
left:21%;
width:37%;
height:auto;
display:block;
max-width:500px;
}



}




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

.conteneur0 {
top:640px;
}


.conteneur100 {
width:95%;
grid-template-columns: 100%;
text-align:center;
}


.conteneur11 {
text-align:center;
}


.conteneur40 {
width:100%;
grid-template-columns: 49.5% 1% 49.5%;
}


.basdepage100 {
width:95%;
grid-template-columns: 50% auto;
}


.basdepage12 {
padding-left:20px;
}


.spacer1 {
background-color:#fffffff;
width:100%;
height:30px;
}


.bierestexte {
width:570px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:570px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.image-box {
position:fixed;
z-index:15;
top:9%;
left:20%;
width:39%;
height:auto;
display:block;
max-width:500px;
}

}





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

.conteneur0 {
top:600px;
}


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


.conteneur11 {
text-align:center;
}


.conteneur40 {
width:100%;
grid-template-columns: 100%;
}


.basdepage100 {
padding-left:0px;
text-align:center;
grid-template-columns: 100%;
}


.basdepage11 {
text-align:center;
padding-left:0px;
}


.basdepage12 {
text-align:center;
padding-left:0px;
}


.bieres10 {
width:100%;
grid-template-columns: 50% 50%;
}


.bieres11 {
padding:15px;
}


.spacer1 {
background-color:#fffffff;
width:100%;
height:25px;
}


.bierestexte {
width:480px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:480px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.image-box {
position:fixed;
z-index:15;
top:8%;
left:20%;
width:42%;
height:auto;
display:block;
max-width:500px;
}

}






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


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


.conteneur11 {
text-align:center;
}


.bierestexte {
width:380px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:380px;
margin:auto;
padding:15px;
background-color:#ffffff;
}


}




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


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


.conteneur11 {
text-align:center;
}


.bieres10 {
width:100%;
grid-template-columns: 50% 50%;
}



.bieres11 {
padding:15px;
}

.bierestexte {
width:270px;
margin:auto;
padding:15px;
background-color:#ffffff;
}

.bieres12 {
width:270px;
margin:auto;
padding:15px;
background-color:#ffffff;
}




}