.navbar-brand img{
	max-height : 35px;
	padding: 0px;
	margin: 0px;
}
.navbar {
	font-family: Montserrat;
	padding: 0px;
	margin: 0px;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: #e1f1ff!important,var(--bs-bg-opacity)!important;
}

.row{
	padding: 0px;
	margin: 0px;
	--bs-gutter-x: 0;
}

#navbarSupportedContent a{
	text-align: right;
}

header .row{
	cursor: pointer;
	transition: all .8s ease-in-out;
	min-height:  50vh;
	background-image: url(../img/14.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	align-items: center;
	color: white;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

header .formReservation{
	background-color: rgba(0, 0, 0, 0.7);
	min-height: 20vh;
	align-items: center;
}

header .texteheaderintro {
	font-family: Montserrat;
    font-size: calc(0.4rem + 1vw);
    display: flex;
    min-height: 10vh;
    align-items: flex-start;
    margin-bottom: 25vh;
    margin-right: 30px;
    margin-left: 30px;
}

header .texteheaderlogo{
    max-width: 100%;
    height: auto;
    display: block;
    margin-top: 5vh;
}

header .texteheaderlogo img{
	width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-top: 15vh;
}

header .row:hover{
}

#presentation .row{
	padding: 5vh;
	margin: 0px;
}

#presentation .row h1{
	font-family: Montserrat;
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}

#presentation .row h3{
	font-family: Montserrat;
	display: flex;
	margin-bottom: 20px;
	justify-content: center;
	font-size: calc(1rem + .5vw);
}

#presentation .row h6{
	font-family: Montserrat;
	font-size: calc(0.5rem + .5vw);
	text-align : justify;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 100px;
}

#presentation .media{
	cursor: pointer;
	border-radius: 10px;
	transition: all .8s ease-in-out;
}

#presentation .media:hover{
	background-color: rgba(72, 159, 223, .1);
    font-size: calc(.1rem + 1.5vw);
}

#ConseilsFerm .row{
	padding: 0px;
	margin: 0px;

}

#ConseilsFerm .row h1{
	font-family: Montserrat;
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}

#ConseilsFerm .row h2{
	font-family: Montserrat;
	font-size: calc(1rem + .5vw);
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#ConseilsFerm .row h3{
	font-family: Montserrat;
	display: flex;
	justify-content: center;
	font-size: calc(1rem + .5vw);
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#ConseilsFerm .row h4{
	font-family: Montserrat;
	font-size: calc(1rem + .5vw);
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#ConseilsFerm .media{
	cursor: pointer;
	border-radius: 10px;
	transition: all .8s ease-in-out;
}

#ConseilsFerm .media:hover{
	background-color: rgba(72, 159, 223, .1);
    font-size: calc(.1rem + 1.5vw);
}


#ConseilsQuais .row{
	padding: 0px;
	margin: 0px;

}

#ConseilsQuais .row h1{
	font-family: Montserrat;
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}

#ConseilsQuais .row h2{
	font-family: Montserrat;
	font-size: calc(1rem + .5vw);
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#ConseilsQuais .row h3{
	font-family: Montserrat;
	display: flex;
	justify-content: center;
	font-size: calc(1rem + .5vw);
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#ConseilsQuais .row h4{
	font-family: Montserrat;
	font-size: calc(1rem + .5vw);
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#ConseilsQuais .media{
	cursor: pointer;
	border-radius: 10px;
	transition: all .8s ease-in-out;
}

#ConseilsQuais .media:hover{
	background-color: rgba(72, 159, 223, .1);
    font-size: calc(.1rem + 1.5vw);
}


#mentions .row{
	padding: 0px;
	margin: 0px;
}

#mentions .row h1{
	font-family: Montserrat;
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}

#mentions .row h3{
	font-family: Montserrat;
	display: flex;
	justify-content: center;
	font-size: calc(1rem + .5vw);
}

#mentions .row h6{
	font-family: Montserrat;
	font-size: calc(0.5rem + .5vw);
	text-align : justify;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 100px;
}

#mentions .media{
	cursor: pointer;
	border-radius: 10px;
	transition: all .8s ease-in-out;
}

#mentions .media:hover{
	background-color: rgba(72, 159, 223, .1);
    font-size: calc(.1rem + 1.5vw);
}

#ConseilsEntretien .row{
	padding: 5vh;
	margin: 0px;
}

#ConseilsEntretien .row h1{
	font-family: Montserrat;
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}

#ConseilsEntretien .row h2{
	font-family: Montserrat;
	font-size: calc(1.9rem + 1.5vw);
    color: black;
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}

#ConseilsEntretien .row h3{
	font-family: Montserrat;
	font-size: calc(1.1rem + 1.5vw);
	margin-top: 20px;
	margin-bottom: 50px;
    color: black;
	display: flex;
	justify-content: center;
}

#ConseilsEntretien .row h4{
	font-family: Montserrat;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	font-size: calc(1rem + .5vw);
}

#ConseilsEntretien .row h5{
	font-family: Montserrat;
	display: flex;
	justify-content: center;
	font-size: calc(.8rem + .5vw);
}

#ConseilsEntretien .row h6{
	font-family: Montserrat;
	font-size: calc(0.5rem + .5vw);
	text-align : justify;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
}

#ConseilsEntretien .media{
	cursor: pointer;
	border-radius: 10px;
	transition: all .8s ease-in-out;
}

#ConseilsEntretien .media:hover{
	background-color: rgba(72, 159, 223, .1);
    font-size: calc(.1rem + 1.5vw);
}

#ConseilsEntretien .inrs{
	border-radius: 10px;
    max-width: 40%;
    height: auto;
    display: block;
    margin: 0 auto;
}

#ConseilsEntretien .inrs:hover{
	background-color: rgba(72, 159, 223, .1);
}

#ConseilsEntretien .inrs img.style {
	margin: 10 auto;
    text-align: center;

}


#ConseilsEntretien .inrs img{
	margin: 0 auto;
	max-width: 100%;
    height: auto;
    display: block;
    margin-top: 10px;
	margin-bottom: 10vh;
	border-radius: 10px;
}

.CasseFlow {
	adding: .5rem 1rem;
	cursor: pointer;
	transition: all .8s ease-in-out;
	min-height:  10vh;
	background-image: url(../img/7.jpeg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	align-items: center;
	color: white;
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}

.CasseFlow:hover{
	min-height:  45vh;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}

.CasseFlow2 {
	adding: .5rem 1rem;
	cursor: pointer;
	transition: all .8s ease-in-out;
	min-height:  15vh;
	background-image: url(../img/19.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	align-items: center;
}

.CasseFlow2:hover{
	min-height:  35vh;
}

.CasseFlow3 {
	adding: .5rem 1rem;
	cursor: pointer;
	transition: all .8s ease-in-out;
	min-height:  15vh;
	background-image: url(../img/20.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	align-items: center;
}

.CasseFlow3:hover{
	min-height:  35vh;
}


#produit .row{
	padding: 0px;
	margin: 0px;
	--bs-gutter-x: 0;
}

#produits .row h2{
	font-family: Montserrat;
	padding: 0px;
	margin: 0px;
    font-size: calc(1rem + 1.5vw);
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}

#produits .row h5{
	font-family: Montserrat;
	padding: 0px;
	margin: 0px;
	font-size: calc(1.95rem + 1.5vw);
	color: white;
}

#produits .row p{
	font-family: Montserrat;
	padding: 0px;
	margin: 0px;
	font-size: calc(0.08rem + 1.5vw);
	color: white;
}

#produits .row button{
	color: white;
}

.CasseCow {	
	box-sizing: content-box;
	width: 100%;
	adding: .5rem 1rem;
	cursor: pointer;
	transition: all .8s ease-in-out;
	min-height:  55vh;
	margin-top: 80px;
	margin-bottom: 0px;
	background-image: url(../img/12.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	align-items: center;
	color: white;
	-webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
}

.CasseCow:hover{
	min-height:  20vh;
	clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
}

.CasseCow2 {	
	box-sizing: content-box;
	width: 100%;
	adding: .5rem 1rem;
	cursor: pointer;
	transition: all .8s ease-in-out;
	min-height:  15vh;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../img/12.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	align-items: center;
}

.CasseCow2:hover{
	min-height:  35vh;
}

#maintenance .row {
	box-sizing: content-box;
	width: 100%;
	transition: all .8s ease-in-out;
	min-height:  60vh;
	margin-top: -40px;
	margin-bottom: 0px;
	background-image: url(../img/1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	align-items: center;
	color: white;
	-webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
}

#maintenance .row h2{
	font-family: Montserrat;
    font-size: calc(1.9rem + 1.5vw);
    color: black;
	margin-top: 60px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
}

#maintenance .row h5{
	font-family: Montserrat;
    font-size: calc(1.0rem + 1.5vw);
    color: black;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
}

#maintenance .row h6{
	font-family: Montserrat;
    color: black;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
}

#maintenance .row p{
	font-family: Montserrat;
    font-size: calc(0.5rem + .5vw);
    color: black;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 100px;
	display: flex;
	text-align : justify;
	justify-content: flex-start;
}

#maintenance .row img{
	border-radius: 10px;
    max-width: 40%;
    height: auto;
    display: block;
    margin: 0 auto;
}

#maintenance .row img.style {
    text-align: center;
}

#maintenance2 .row {
	box-sizing: content-box;
	width: 100%;
	transition: all .8s ease-in-out;
	min-height:  110vh;
	margin-top: -20px;
	margin-bottom: 0px;
	background-image: url(../img/1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	align-items: center;
}

#maintenance2 .row h1{
	font-family: Montserrat;
    font-size: calc(1.9rem + 1.5vw);
    color: black;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 20px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
}

#maintenance2 .row h5{
	font-family: Montserrat;
    font-size: calc(1.0rem + 1.5vw);
    color: black;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
}

#maintenance2 .row h6{
	font-family: Montserrat;
    color: black;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: flex;
	justify-content: left;
}

#maintenance2 .row p{
	font-family: Montserrat;
    font-size: calc(0.5rem + .5vw);
    color: black;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	text-align : justify;
	justify-content: flex-start;
	vertical-align: top;
}

#maintenance2 .row img{
	border-radius: 10px;
    max-width: 48%;
    height: auto;
    display: block;
    margin: 0 auto;
	margin-bottom: 60px;
}

#maintenance2 .row img.style {
    text-align: center;
}

#popup .row{
	
	background-color: rgba(226, 241, 252, 1);
	display: flex;
	justify-content: safe center;
}

#popup .row svg{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 4vh;
}

#popup .row h5{
	font-family: Montserrat;
	font-size: medium;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	margin-left: 20px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
}

#popup .row h6{
	font-family: Montserrat;
    font-size: smaller;
	display: flex;
	text-align : justify;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#popup .row p{
	font-family: Montserrat;
	margin-bottom: 40px;
}

#contact .row h1{
	font-family: Montserrat;
    font-size: calc(1.rem + 0.2vw);
    color: black;
	margin-top: 50px;
	margin-bottom: 80px;
	margin-left: 20px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
}

#contact .row h2{
	font-family: Montserrat;
    font-size: calc(1.9rem + 1.5vw);
    color: black;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
}

#contact .row a{
	font-family: Montserrat;
    font-size: calc(.6rem + 0.5vw);
    background-color: rgba(226, 241, 252, 1);
    color: black;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	cursor: pointer;
	border-radius: 10px;
	text-align: center;
	text-decoration:none; 
}

#contact .row p{
	font-family: Montserrat;
    font-size: calc(0.2rem + 0.5vw);
    color: black;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	flex-direction: row;
	justify-content: right;
	text-align: right;
}


#contact .row h6{
	font-family: Montserrat;
    font-size: calc(1.rem + 1.5vw);
    color: black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	border-radius: 10px;

}

#contact .row svg{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
	margin-bottom: 20px;

}

#contact .row img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
	margin-bottom: 0px;

}

#contact .row form{
	font-family: Montserrat;
	margin-top: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;

}

#contact .row text{
	font-family: Montserrat;
	display: flex;
	flex-direction: column
	justify-content: center;

}

#contact form{
	font-family: Montserrat;
	margin-left: 5vh;
	margin-right: 5vh;
}

footer .row{
	background-color: rgba(230, 230, 230, 1);
	margin: auto;
	vertical-align: text-bottom;
}

footer .p{
	font-family: Montserrat;
	margin: auto;
	margin-left: 30px;
}

footer .textfooter{
	font-family: Montserrat;
	margin-left: 30px;
}

#error404 .row {
	box-sizing: content-box;
	width: 100%;
	transition: all .8s ease-in-out;
	min-height:  97.857vh;
	margin-top: 00px;
	margin-bottom: 0px;
	background-image: url(../img/404.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	align-items: center;
	color: white;
	-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
}

#error404 .row h1{
	font-family: Montserrat;
    font-size: calc(1.9rem + 1.5vw);
    color: white;
	margin-top: 70vh;
	display: flex;
	justify-content: center;
}

#error404 .row h2{
	font-family: Montserrat;
    font-size: calc(1.0rem + 1.5vw);
    color: white;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	justify-content: center;
	font-style: none;
}