/* CSS Document */

main{margin-top:-12vw; width:80%; margin-bottom:3.2rem; margin-left:auto; margin-right:auto;}
h1.niveau_home_title{position:absolute; width:100%; text-align: center; top:6.5rem; color:#ffffff; text-transform: uppercase; line-height:0px;}
.les-button{background-repeat: no-repeat; aspect-ratio:1/1; border-radius: 15px; background-size:cover; display:block; position:relative; margin-bottom:1rem;}

.les-button-text-container{text-align: center; background-color:rgba(3,115,176,0.7); width:100%; position:absolute; bottom:0px; line-height:3rem; color:#ffffff; border-bottom-left-radius: 15px; border-bottom-right-radius:15px; text-transform: uppercase;}

.les-button-text-top p{font-size:2rem !important; max-width:80%; margin-left:auto !important; margin-right:auto !important; font-weight: bold;}
.les-button-text-bottom p{font-size:1.3rem !important; padding-bottom:1rem !important;}
.les-button-text-top p:nth-child(2n) {font-size: 1.25rem !important;}
main.wide .les-button-text-top p{font-size:1.2rem !important;}
main.wide .les-button-text-top p:nth-child(2n) {font-size: 1rem !important;}
main.wide {width: 100%;}
main.w90 {width: 90%;}
@media screen and (min-width: 1280px){
main {width: 1024px;}
}
@media screen and (min-width:1366px){	
	h1.niveau_home_title{top:7rem;}
}
@media screen and (max-width:1024px){
.les-button-text-top p {font-size: 1.125rem !important;}
}
@media screen and (max-width:900px){
	h1.niveau_home_title {top: 5.2rem; color:#0373B0;}
	main{position: relative; top: 2rem;}
	.les-button-text-top p{font-size:1.5rem !important;}
}
@media screen and (max-width:899px){
		main.wide {width: 80%;}
		main.w90 {width:80%;}
}