@font-face {
	font-family: 'FuzzyBubbles';
	src: url('apparences/fonts/FuzzyBubbles/FuzzyBubbles-Bold.ftt') format("truetype");
	font-display: swap;
	font-style: bold;
	font-weight: 400;
}
html, header, body, section, div, p, span, footer{
	box-sizing: border-box;
}
body {
	margin: 0;
	padding:0;
	font-family: Arial, sans-serif;
	background-color: #E4E4E4; /* Gris clair */
	color: #22313F; /* Bleu nuit */
}
.bleu{
	color:#4A90E2;
}
.vertmenthe{
	color:#50C878;
}
.orange{
	color:#F5A623;
}
.grisClair{
	color:#E4E4E4;
}
.bleuNuit{
	color:#22313F;
}
.fondBleu{
	background-color:#4A90E2;
}
.fondVertmenthe{
	background-color:#50C878;
}
.fondOrange{
	background-color:#F5A623;
}
.fondGrisClair{
	background-color:#E4E4E4;
}
.fondBleuNuit{
	background-color:#22313F;
}
.fondBlanc{
	background-color:white;
}
.fondRouge{
	background-color:#cc0000;
}
.fondGrisFonce{
	background-color:#373737;
}
.fondViolet{
	background-color:#9e5d93;
}
.coinRond{
	border-radius:10px;
}
.fondGrisE{
	background-color:#AEAEAE;
}
.p5{
	padding:5px;
}
.p10{
	padding:10px;
}
.mt10{
	margin-top:10px;
}
.mt50{
	margin-top:50px;
}
.pointer{
	cursor:pointer;
}
#menu{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:stretch;
	align-content:stretch;
}
.menuElement{
	padding:15px;
	cursor:pointer;
}
header {
	float:left;
	width:100%;
	background-color: #4A90E2; /* Bleu */
	color: white;
	text-align: center;
}
header img {
	float:left;
	height: 100px;
	margin-top: 10px;
	margin-left: calc( 50% - 42.875px );
}
header a {
	color:white;
}
#loginEtc{
	float:right;
	margin-top:calc( 50px - 15px );
	line-height:10px;
	cursor:pointer;
}
.labelMenu{
	font-size:10px;
	color:#F5A623;
}
main{
	float:left;
	width:100%;
	min-height:95vh;
}
section {
	float:left;
	width:100%;
	padding: 20px;
	margin: auto;
}
#h1jour{
	margin-top:0;
	background-color:#4A90E2;
	color:white;
	border-bottom-right-radius:20px;
	float:left;
	padding:0 20px 10px 10px;
}
h2 {
	float:left;
	width:100%;
	color: #50C878; /* Vert menthe */
}
h3{
	float:left;
	width:100%;
	margin-top:50px;
	font-size:30px;
	text-align:center;
}
h4{
	float:left;
	width:100%;
	font-size:18px;
}
h5{
	font-size:20px;
}
h6{
	font-size:25px;
	margin:5px;
}
p {
	float:left;
	width:100%;
	line-height: 1.6;
}
button {
	background-color: #F5A623; /* Orange */
	border: none;
	padding: 10px 20px;
	color: white;
	font-size: 1rem;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 10px;
}

button:hover {
	background-color: #e6951f;
}
footer {
	float:left;
	width:100%;
	background-color: #22313F; /* Bleu nuit */
	color: white;
	text-align: center;
	margin-top:35px;
}
footer p {
	margin: 0;
}
footer a {
	color: white;
}
#notifno, #notifok{
	display:none;
	position:fixed;
	top:110px;
	left:0px;
	width:100vw;
	text-align:center;
	padding:10px;
	font-weight:bold;
}
#notifno{
	background-color:#22313F;
	color:white;
}
#notifok{
	background-color:#50C878;
	color:white;
}
#boutonContacter{
	position:fixed; 
	bottom:10px; 
	right:10px; 
	height:50px; 
	width:50px; 
	padding:10px; 
	border-radius:30px;
}
.big{
	font-size:18px;
}
.col12{
	width:100%;
}
.col11{
	width:91.6%;
}
.col10{
	width:83.3%;
}
.col9{
	width:75%;
}
.col8{
	width:66.6%;
}
.col7{
	width:58.3%;
}
.col6{
	width:50%;
}
.col5{
	width:41.6%;
}
.col4{
	width:33.3%;
}
.col3{
	width:25%;
}
.col2{
	width:16.6%;
}
.col1{
	width:8.3%;
}
.offset12{
	margin-left:100%;
}
.offset11{
	margin-left:91.6%;
}
.offset10{
	margin-left:83.3%;
}
.offset9{
	margin-left:75%;
}
.offset8{
	margin-left:66.6%;
}
.offset7{
	margin-left:58.3%;
}
.offset6{
	margin-left:50%;
}
.offset5{
	margin-left:41.6%;
}
.offset4{
	margin-left:33.3%;
}
.offset3{
	margin-left:25%;
}
.offset2{
	margin-left:16.6%;
}
.offset1{
	margin-left:8.3%;
}
.tc{
	text-align:center;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.question{
	font-weight:bold;
}
input[type=text],input[type=tel],input[type=password],input[type=email],select{
	padding:4px;
	font-size:16px;
}
input[type=checkbox]{
	height:25px;
	width:25px;
	cursor:pointer;
}
input[type=radio]{
	height:40px;
	width:40px;
	cursor:pointer;
}
textarea{
	height:100px;
	max-width:100%;
	padding:4px;
	font-size:16px;
	font-family: Arial, sans-serif;
}
.hidden{
	display:none;
}
.w340c{
	width:340px;
	margin-left:calc(50% - 175px);
}
/* Responsiveness */
@media (max-width: 768px) {
	header img {
		max-width: 120px;
	}

	section {
		padding: 15px;
	}
	/*
	button {
		width: 100%;
	}
	*/
	.colm12{
		width:100%;
	}
	.colm11{
		width:91.6%;
	}
	.colm10{
		width:83.3%;
	}
	.colm9{
		width:75%;
	}
	.colm8{
		width:66.6%;
	}
	.colm7{
		width:58.3%;
	}
	.colm6{
		width:50%;
	}
	.colm5{
		width:41.6%;
	}
	.colm4{
		width:33.3%;
	}
	.colm3{
		width:25%;
	}
	.colm2{
		width:16.6%;
	}
	.colm1{
		width:8.3%;
	}
	.offsetm12{
		margin-left:100%;
	}
	.offsetm11{
		margin-left:91.6%;
	}
	.offsetm10{
		margin-left:83.3%;
	}
	.offsetm9{
		margin-left:75%;
	}
	.offsetm8{
		margin-left:66.6%;
	}
	.offsetm7{
		margin-left:58.3%;
	}
	.offsetm6{
		margin-left:50%;
	}
	.offsetm5{
		margin-left:41.6%;
	}
	.offsetm4{
		margin-left:33.3%;
	}
	.offsetm3{
		margin-left:25%;
	}
	.offsetm2{
		margin-left:16.6%;
	}
	.offsetm1{
		margin-left:8.3%;
	}
	.offsetm0{
		margin-left:0%;
	}
}