*{
	outline:0;
}
html{
	font-size: 62.5%;
	margin: 0;
	height: 100%;
}
body{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5rem;
	color: #fff;	
}
p{
	margin-bottom: 0;
	margin-top: 0;
}
a{
	text-decoration: underline;
	color: #fff;
}
a.novisible{
	text-decoration: none;
}
.bold{
	font-weight: 700;
}
.text-uppercase{
	text-transform: uppercase;
}
.bg-cover{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
h1{
	font-weight: 800;
	margin-bottom: 2rem;
	margin-top: 0;
	font-size: 7rem;
	line-height: 7rem;
}
h2{
	font-weight: 700;
	margin-top: .5rem;
	margin-bottom:3rem;
	font-size: 1.6rem;
}
h2 .fonction{
	font-size: 1.4rem;
	font-weight: 400;
}
.baseline{
	font-weight: 700;
}
.btn{
	background-color: #fff;
	color: #211946;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
	padding: 1rem 4rem;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.8rem;
}
.brochure{
	text-align: center;
	margin-top: 2rem !important;
	margin-bottom: 4rem;
}
.brochure img{
	width: 3rem;
	vertical-align: middle;
}
.reglementation{
	font-size: 1.2rem;
	margin-top:1rem;
}
.modal{
	color: #000;
}
.modal a{
	color: #000 !important;
}
.modal .modal-dialog-scrollable .modal-body{
	overflow-x:hidden; 
}
.modal#mentionslegales .modal-body{
	padding : 2.5rem;
}
.modal .close{
	position: absolute;
	width: 3rem;
	right: -1.5rem;
	top: -1.5rem;
	cursor: pointer;
}
.img-fluid{
	max-width: 100%;
    height: auto;
}
.footer{
	padding-bottom: 2rem;
	position: relative;
}
.footer .logo{
	width: 16rem;
}
.main img[data-video]{
	cursor: pointer;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}
.btn{
	border:1px solid #ccc;
	border-radius: 0;
	padding: .75rem 3rem; 
	cursor: pointer;
	display: inline-block;
}

@media(min-width:1200px){
	body{
		background-image:url('/assets/img/fond-xxl.jpg');
	}
}
@media(min-width:992px) and (max-width:1200px){
	body{
		background-image:url('/assets/img/fond-lg.jpg');
	}
}
@media(min-width:992px){
	body{
		background-attachment: fixed;
	}
	h1{
		font-size: 10rem;
		line-height: 10rem;
		margin-bottom: 0rem;
	}
	h2{
		margin-top: 1rem;
		margin-bottom: 0;
	}
	.header{
		margin-top: 4rem;
	}
	.logo{
		width: 16rem;
	}
	.main{
		margin-top: 14rem;
		margin-bottom: 14rem;
	}
	.brochure{
		margin-top: 0!important;
		margin-bottom: 0;
		text-align: right;
	}
}
@media(min-width:768px) and (max-width:992px){
	body{
		background-image:url('/assets/img/fond-md.jpg');
		background-attachment: fixed;
	}
	h1{
		font-size: 10rem;
		line-height: 10rem;
	}
	h2{
		margin-top: 1rem;
	}
	.header{
		margin-top: 4rem;
	}
	.logo{
		width: 16rem;
	}
	.main{
		margin-top: 10rem;
		margin-bottom: 10rem;
	}
	.brochure{
		margin-top: 0!important;
		margin-bottom: 0;
		text-align: right;
	}
}
@media(min-width:768px){
	.text-md-end {
    	text-align: right !important;
  	}
}
@media(max-width:768px){
	body{
		background-image:url('/assets/img/fond-md.jpg');
		background-attachment: fixed;
		ba
	}
	.container{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}