/* --------------------------------------------------------------- */
/*
/* HTML
/*
/* --------------------------------------------------------------- */
* {
	box-sizing:border-box;	
}

html, body {
	margin:0; padding:0; width:100%; height:100%;
}

body {
	
}

#main {
	position:relative; top:0; left:0; 
	width:100%; min-height:100%; 
	margin:0 auto;
	text-align:left;  
	color:#000;
	background-color:#fff;
}



/* --------------------------------------------------------------- */
/*
/* Header
/*
/* --------------------------------------------------------------- */
#entete {
	position:relative; top:0; left:0;
	min-height:150px;
}

#entete #logo {
	position:relative; top:0; left:0;
}



/* --------------------------------------------------------------- */
/*
/* Menu
/*
/* --------------------------------------------------------------- */
#menu {
	position:relative; top:0px; left:0;
	width:100%; min-height:30px;
}

#menu ul {
	list-style-type:none; margin:0; padding:0;
	display:flex;
	justify-content:start;
}

#menu ul li {
	position: relative; top: 0; left: 0;
	margin:0px; padding:0;
}

#menu ul li a {
	text-decoration:none;
	display:block;
	padding:0 10px;
}

#menu ul li ul {
	position:absolute; top:30px; left:0;
	display:none;
}

#menu ul li:hover ul { 
	display:block; 
}

#menu ul li ul li {
	margin:0;
}


/* --------------------------------------------------------------- */
/*
/* Page
/*
/* --------------------------------------------------------------- */
#page {
	position:relative; top:0; left:0;
	min-height:350px;
}

#page a {
	text-decoration: none;
}

.sticky-bottom{
	position : -webkit-sticky !important;
	position : sticky !important;
	bottom : 0 !important;
}

/* --------------------------------------------------------------- */
/*
/* Pied
/*
/* --------------------------------------------------------------- */
#pied {
	position:relative; top:0; left:0;
	text-align:center;

}
#pied a {
	text-decoration: none;
}


/* --------------------------------------------------------------- */
/*
/* Général
/*
/* --------------------------------------------------------------- */
a img {
	border:none;	
}

/* --------------------------------------------------------------- */
/*
/* Checkbox
/*
/* --------------------------------------------------------------- */

.form-check{
	padding-left: 30px;
	position: relative;
}
.form-check input{
	position: absolute;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
}
.form-check label{
	cursor: pointer;
	user-select: none;
}
.form-check label:before{
	content: "";
	position: absolute;
	top: -0.1317142855rem;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;

	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #FFFFFF;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.form-check label:after{
	position: absolute;
	top: -0.1317142855rem;
	left: 0;
	display: block;
	width: 1.692rem;
	height: 1.692rem;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.form-check input:checked ~ label:before{
	color: #4285f4;
	border-color: #4285f4;
	background-color: #FFFFFF;
}
.form-check input:checked ~ label:after{
	content: "\f26b";
	font-size: 1.5452rem;
	font-family: "Material Icons";
	font-weight: normal;
	text-align: center;
	line-height: 1.1;

	background-color: #4285f4;
	color: #FFFFFF;
	border-radius: 3px;
}