@import url("https://fonts.googleapis.com/css?family=PT+Sans");
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
@import url(https://fonts.googleapis.com/css?family=Montserrat:700,400);
* {
	margin: 0; 
	padding: 0;
	box-sizing: content-box;
	font-family: "PT Sans", sans-serif;
	outline: none;
}
body {
	--color-fonce: #953e1b;
	--color-moyen: #be6031;
	--color-clair: #d8ab98;
	--color-light: #f8f0ec;
	padding: 70px 0 70px 0;
}
input, select, textarea { 
	font-size: 13pt; 
	padding: 2px 5px;
}
button { 
	color: #000;
	text-shadow: 1px 1px 2px #fff;
	font-size: 11pt;
	cursor: pointer; 
	padding: 7px 10px;
}
table { border-color: lightgrey; }
hr { margin: 5px 0px; }
a, .Link { 
	text-decoration: none;
	color: #00f;
	font-weight: bold;
}
a:hover, .Link:hover { color: #f00; }
input[type="color"] {
  border-radius: 40px;
  vertical-align: middle;
  border: 2px inset #fff;
  background: #fff;
  padding: 0;
  width : 25px;
  height : 25px;
  cursor: pointer;
}
input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"]::-webkit-color-swatch {
	border: none;
 	border-radius: 40px;
}
fieldset { border: 1px groove #eee; }
/*-----------------------------------------------
  	SCROLLBAR
-----------------------------------------------*/
	::-webkit-scrollbar { width: 15px; }
	/* Barre */
	::-webkit-scrollbar-track { 
		box-shadow: inset 0 0 5px var(--color-clair); 
		background: var(--color-light);
	}
	/* Handle */
	::-webkit-scrollbar-thumb {
		background: var(--color-clair);
		border-radius: 3px;
	}
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover { background: var(--color-moyen); }
/*-----------------------------------------------
  	BARRE DE NAVIGATION
-----------------------------------------------*/
	#BarNavigation {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		border-bottom: 3px ridge var(--color-moyen);
		z-index: 1500;
	}
	#Open_Sidenav {
		float: left;
		width: 60px;
		height: 52px;
		line-height: 28px;
		padding-top: 8px;
		font-size: 33pt;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid var(--color-clair);
		cursor: pointer;
	}
	.Button_Home {
		float: left;
		border-right: 1px solid var(--color-clair);
	}
	.Button_Logout {
		position: fixed;
		top: 0;
		right: 0;
		border-left: 1px solid var(--color-clair);
	}
	.Button_Home, .Button_Logout {
		width: 60px;
		height: 60px;
		text-align: center;
		cursor: pointer;
	}
	.Button_Home img, .BarNavigation_Btn img {
		width: 45px;
		height: 45px;
		margin-top: 7px;
	}
	.Button_Logout img {
		width: 35px;
		height: 35px;
		margin-top: 13px;
	}
	.BarNavigation_Titre {
		position: fixed;
		top: 0;
		left: 182px;
		background: #fff;
		width: 400px;
		line-height: 60px;
		color: var(--color-moyen);
		font-size: 15pt;
		letter-spacing: 2px;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid var(--color-clair);
		text-shadow: 1px 1px 3px #777;
	}
	.BarNavigation_Infos {
		position: fixed;
		top: 0;
		left: 583px;
		width: 670px;
		height: 60px;
	}
	#horo_date {
		float: left;
		color: var(--color-moyen);
		font-size: 17pt;
		line-height: 60px;
		width: 400px;
		text-align: center;
		border-right: 1px solid var(--color-clair);
	}
	#horo_heure {
		float: left;
		color: var(--color-moyen);
		font-size: 25pt;
		line-height: 60px;
		width: 150px;
		text-align: center;
		border-right: 1px solid var(--color-clair);
	}
	.BarNavigation_Btn {
		float: left;
		width: 70px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		border-right: 1px solid var(--color-clair);
		cursor: pointer;
	}
/*----------------------------------------------*/
#Validation { display: none; }
.Transition, .Div_Tools {
	-webkit-transition:.20s ease-in-out;
	-moz-transition:.20s ease-in-out;
	-o-transition:.20s ease-in-out;
	transition:.20s ease-in-out;
}
.noDepassText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.Logout_Icon {
	position: fixed;
	top: 5px;
	right: 5px;
	height: 50px;
	cursor: pointer;
}
.transition_off {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	outline: initial;
}
.flashed {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 1px 1px 3px #000;
	text-shadow : 1px 1px 1px #fff;
	margin: 1px 5px 3px;
}
.success {
	border: 3px ridge green;
	background: #e2f4e6;
	color: green;	
}
.info {
	border: 3px ridge orange;
	background: #f9f6cd;
	color: #f67810;
}
.error {
	border: 3px ridge #eb5a55;
	background: #fce5e4;
	color: red;
}
.alert {
	border: 3px ridge #175a88;
	background: #cae4f6;
	color: blue;
}
.Icone_Barnav {
	height: 40px;
	vertical-align: middle;
	margin-left: 20px;
}
.footer {
	position: fixed;
	z-index: 1500;
	bottom: 0px;
	padding: 5px 0px;
	width: 100%;
	text-align: center;
	font-size: 9pt;
	border-top: 1px solid var(--color-clair);
}
.Cap_Maj { color: #f00; }
.form {
	width: 250px;
	border: 1px dotted lightgrey;
	border-bottom: 1px solid var(--color-clair);
	background: #fff;
}
.f_disabled {
	width: 250px;
	border: 1px dotted lightgrey;
	border-bottom: 1px solid var(--color-clair);
	background: #efefef;
	color: #333;
}
.f_div { 
	margin-bottom: 3px; 
	vertical-align: top;
}
.f_div_civ {
	width: 245px;
	margin: auto;
	padding: 7px 0;
	text-align: center;
	background: #eee; 
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(125,124,125,1);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(125,124,125,1);
	box-shadow: inset 0px 0px 5px 0px rgba(125,124,125,1);
}
.f_label {
	color: var(--color-fonce);
	font-size: 9pt;
	line-height: 15px;
}
.f_legend {
	color: grey;
	padding: 0px 5px;
	font-size: 9pt;
	font-style: italic;
	margin-left: 10px;
}
.f_legend2 {
	font-size: 10pt; 
	color: var(--color-moyen); 
	padding: 5px 10px; 
	border: 1px solid #bbb;
	font-weight: bold;
	margin-bottom: 1px;
}
.f_error {
	color: #f00;
	font-size: 9pt;
	animation-iteration-count: infinite;
}
.f_field {
	width: 262px;
	padding: 15px 10px;
	border: 1px solid #aaa;
}
.fpdf_div {
	display: inline-block;
	vertical-align: top;
}
.fpdf_div_block {
	display: block;
	width: 190px;
	padding: 0;
	margin: 1px 2px 0;
}
.fpdf_field_empty, .fpdf_field_textarea {
	border: 0;
	border-bottom: 1px solid lightgrey;
	padding: 2px 5px 0;	
	background: #d6eafe;
}
.fpdf_field_empty { height: 0.75cm; }
.fpdf_field_textarea { margin-bottom: -5px; }
.fpdf_legend {
	font-size: 9pt;
	color: grey;
	padding: 0 5px;
	margin-left: 5px;
}
.Arabic {
	direction: rtl; 
	font-size: 14pt;
}
.Shadow, .f_field, .Bar_Search {
	-webkit-box-shadow: 3px 3px 3px 0px rgba(61,60,61,1);
	-moz-box-shadow: 3px 3px 3px 0px rgba(61,60,61,1);
	box-shadow: 3px 3px 3px 0px rgba(61,60,61,1);
}
.Icone_field {
	width: 50px;
	margin: -10px -7px 0 5px;
	float: right;
}
.f_select { padding: 4px; }
.f_textarea { resize: none; }
.f_radio, .f_checkbox {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	cursor: pointer;
}
.f_radio_big, .f_checkbox_big {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	cursor: pointer;
	margin: 1px;
}
.f_titre {
	text-align: center; 
	padding: 7px;
	font-weight: bold;
	text-transform: uppercase;
}
.Div_Btn {
	text-align: center;
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dotted grey;
}
.Div_Btn_Mobile {
	padding: 2px 1px; 
	border: 1px solid #aaa; 
	border-bottom: 5px solid #555;
}
.Profil {
	width: 213px;
	text-align: center;
	border: 1px solid #aaa;
	padding: 10px 5px;
	margin: 3px;
}
.Idf {
	border: 2px outset #aaa;
	padding: 5px 0; 
	font-size: 27pt; 
	font-weight: bold; 
	text-align: center; 
	color: #fff; 
	text-shadow: 2px 2px 5px #000; 
	letter-spacing: 5px;
}
.Thumbs {
	width: 272px; 
	height: 112px; 
	margin: 4px;
}
.Thumbs_Img {
	width: 270px; 
	height: 110px; 
	padding: 4px; 
	background: #fff;
	border: 1px solid #aaa;
}
.Thumbs_Img_Close {
	position: absolute;
	width: 25px;
	height: 25px;
	margin: 3px 0px 0px 3px;
	cursor: pointer;
}
#slidy-container {
    width: 60%;
    max-height: 450px;
    overflow: hidden;
    margin: 10px auto 0px;
    box-shadow: 0px 0px 20px #000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 10px solid #fff;
}
.Popup_Info {
	width: 270px;
	margin-top: 7px;
	padding: 7px;
	border: 1px solid lightgrey;
	font-size: 10pt;
	box-shadow: inset 0 0 5px #bbb;
}
#Popup_Info_Div {
	display: none;
	text-align: justify;
}
.Popup_Info img { 
	display: block;
	margin: auto;
	cursor: pointer;
}
.Pop_Slide {
	z-index: 999;
	position: absolute;
	display: none;
	width: 300px;
	border: 5px ridge var(--color-clair);
	margin: 0 5px;
	padding: 5px;
	text-align: left;
}
.Close_Pop_Slide {
	float: right;
	height: 30px;
	cursor: pointer;
	z-index: 1000;
}
.Popup_Event {
	position: absolute;
	top: 70px;
	right: 7px;
	width: 450px;
	border: 5px ridge var(--color-clair);
	padding: 30px;
	z-index: 1400;
}
.Div_Tablo {
	overflow-y: scroll;
	max-height: 800px;
	border-bottom: 1px solid lightgrey;
	box-shadow: inset 0 0 5px var(--color-clair);
}
.Tablo, .Tablo_Stats, .Tablo_Calendar { 
	border-color: #fff; 
	background: #fff;
}
.Tablo th { 
	position: sticky;
	top: 0;
	z-index: 500;
	text-align: center;
	color: var(--color-fonce);
	text-shadow: 1px 1px 0px #fff;
	font-size: 10pt;
	height: 35px;
}
.Tablo td { padding: 3px 5px; }
.TabloTR:nth-child(odd), .Tablo_StatsTR:nth-child(odd), 
.Tablo_CalendarTR:nth-child(odd), .Tablo_Calendar tr:nth-child(odd) { background: #eee; }
.Tablo_FichesTR:nth-child(odd) { background: #ddd; }
.TabloTR:hover, .Tablo_StatsTR:hover { background: var(--color-light); }
.Tablo_FichesTR:hover, .Tablo_FichesTR:nth-child(odd):hover { background: var(--color-clair); }
.Tablo_Fiches tr { height: 27px; }
.Tablo_Fiches th:first-child { border-left: 1px solid #aaa; }
.Tablo_Fiches th { 
	border-top: 1px solid #aaa; 
	border-bottom: 1px solid #aaa; 
	border-right: 1px solid #aaa; }
.TabloTR_empty {
	background: #fff;
	height: 170px;
	text-align: center;
}
.TabloTR_empty img { margin-bottom: 10px; }
.Tablo_Stats th { 
	color: #00f;
	font-size: 9pt;
	height: 35px;
}
.Tablo_Stats td { padding: 2px 5px; }
.Tablo_Calendar th { 
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	height: 40px;
	padding: 0 10px;
	font-weight: normal;
	letter-spacing: 1px;
	-webkit-box-shadow: inset 0px 0px 2px 2px rgba(250,250,250,1);
	-moz-box-shadow: inset 0px 0px 2px 2px rgba(250,250,250,1);
	box-shadow: inset 0px 0px 2px 2px rgba(250,250,250,1);
}
.Tablo_Calendar th:first-child { background: #fff; }
.Tablo_Calendar th:nth-child(2) { 
	background: #f3cddf;
	background: -moz-linear-gradient(top, #f3cddf 6%, #cf87aa 56%, #c06490 100%);
	background: -webkit-linear-gradient(top, #f3cddf 6%,#cf87aa 56%,#c06490 100%);
	background: linear-gradient(to bottom, #f3cddf 6%,#cf87aa 56%,#c06490 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f3cddf", endColorstr="#c06490",GradientType=0 );
}
.Tablo_Calendar th:nth-child(3) {
	background: #f3dccd;
	background: -moz-linear-gradient(top, #f3dccd 6%, #cfa387 56%, #c08764 100%);
	background: -webkit-linear-gradient(top, #f3dccd 6%,#cfa387 56%,#c08764 100%);
	background: linear-gradient(to bottom, #f3dccd 6%,#cfa387 56%,#c08764 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f3dccd", endColorstr="#c08764",GradientType=0 );
}
.Tablo_Calendar th:nth-child(4) {
	background: #b9daeb;
	background: -moz-linear-gradient(top, #b9daeb 6%, #81adc1 56%, #6297b0 100%);
	background: -webkit-linear-gradient(top, #b9daeb 6%,#81adc1 56%,#6297b0 100%);
	background: linear-gradient(to bottom, #b9daeb 6%,#81adc1 56%,#6297b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b9daeb", endColorstr="#6297b0",GradientType=0 );
}
.Tablo_Calendar th section { width: 335px; }
.Tablo_Calendar th section div { 
	display: inline-block;
	width: 200px;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	margin: 0 10px;
}
.Tablo_CalendarTD { height: 100px; } 
.Tablo_Calendar_Hrs {
	padding: 5px;
	background: #666; 
	color: #fff; 
	font-size: 10pt;
}
.Tablo_Calendar_Hrs div section { color: #ffa687; }
.Tablo_Calendar_Classe { color: #777; }
.Creneau:hover .Tablo_Calendar_Classe { color: #ff0; }
.Tablo_Calendar_Prof { color: #00f; }
.Creneau:hover .Tablo_Calendar_Prof { color: #0ff; }
.Tablo_Access { margin: 15px auto; }
.Tablo_Access td { 
	padding: 3px; 
	text-align: center;
}
.Tablo_Access td:first-child { 
	width: 260px;
	text-align: right; 
}
.Tablo_Access td:last-child {
	width: 150px;
	text-align: left; 
}
.Tablo_Access td img { margin: 2px 0 -2px; }
.Tablo_Notes th {
	font-weight: normal;
	padding-bottom: 15px;
	border: 1px solid #fff;
}
.Tablo_Notes td { 
	padding: 3px; 
	border: 1px solid #eee;
}
.TD_Div_Note {
	background: #fff;
}
.TD_Div_Note:hover {
	background: #fcfbd0;
	cursor: pointer;
	border: 1px solid orange;
}
.Div_Note { 
	clear: both;
	width: 100px;
}
.Note {
	display: inline-block;
	border: 1px solid #75a5cb;
	background: #f5f5f5;
	padding: 2px; 
	margin: 1px;
	vertical-align: top;
	float: left;
	min-width: 20px;
	text-align: center;
}
.Note img { height: 15px; }
#Show_Bulletins {
	width: 840px; 
	margin: auto; 
	height: 800px; 
	overflow-y: scroll;
}
.Bulletin {
	width: 820px; 
	margin: auto;
}
.Div_Creneau {
	border: 1px solid grey;
	margin: 2px 1px;
}
.Creneau { 
	background: #fff;
	border: 2px solid transparent; 
	font-size: 11pt;
	line-height: 14pt;
}
.Creneau:hover {
	background: #444;
	color: #fff;
	cursor: pointer;
	border: 2px solid #ff0;
}
.Rotate {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right, top;
    margin: 0;
    padding: 0;
}
.Icone_Action {
	height: 25px;
	cursor: pointer;
	vertical-align: bottom;
}
.Clignoter {
	animation-iteration-count: infinite; 
	color: #f00;
}
.Clignoter_Jaune {
	animation-iteration-count: infinite; 
	color: #ff0;
}
.Photo {
	width: 130px; 
	height: 160px; 
	border: 1px solid grey; 
	padding: 2px; 
	background: #fff;
}
.Avatar {
	width: 100px; 
	height: 120px; 
	border: 1px solid grey; 
	padding: 3px; 
	margin: 10px auto;
	background: #fff;
}
.PhotoAffilie { 
	width: 85px; 
	height: 100px; 
	border: 1px solid grey; 
	padding: 2px; 
	background: #fff;
}
.Icone_Tuto {
	float: right;
	cursor: pointer;
}
.Reseaux_Sociaux {
	width: 40px;
	height: 40px;
}
.Vignette {
	border: 2px outset var(--color-clair);
	padding: 5px;
	text-align: center;
	vertical-align: top;
	margin: 2px 0;
	width: 140px;
	display: inline-block;
}
.Vignette:hover {
	cursor: pointer;
	border: 2px outset var(--color-fonce);
}
.Bar_Search {
	display: inline-block; 
	margin-top: -4px; 
	padding: 10px; 
	border: 1px solid #aaa;
	box-shadow: inset 0 0 5px #ccc;
}
.Cadre_Col {
	width: 260px;
	border: 5px ridge var(--color-clair);
	padding: 5px;
}
.Cadre_Col_Div {
	border: 1px solid #999; 
	width: 250px;
	padding: 5px; 
	margin: 2px 0; 
	background: #fff;
}
.Bar_Onglets {
	width: 1355px;
	border-bottom: 5px ridge var(--color-clair);
}
.Onglet, .Onglet_off, .Onglet_Active {
	display: inline-block;
	border: 2px solid var(--color-clair);
	border-bottom: none;
	padding: 7px 20px 2px;
	margin-right: 1px;
	vertical-align: bottom;
	color: #000;
	text-shadow: 2px 2px 2px #999;
	border-radius: 7px 20px 0px 0px;
	-moz-border-radius: 7px 20px 0px 0px;
	-webkit-border-radius: 7px 20px 0px 0px;
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(171,171,171,1);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(171,171,171,1);
	box-shadow: inset 2px 2px 5px 0px rgba(171,171,171,1);
}
.Onglet img, .Onglet_Active img { 
	height: 30px; 
	vertical-align: middle; 
}
.Onglet:hover {
	cursor: pointer;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	border: 2px solid var(--color-fonce);
	border-bottom: none;
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(94,94,94,1);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(94,94,94,1);
	box-shadow: inset 2px 2px 5px 0px rgba(94,94,94,1);
}
.Onglet_Active {
	border: 2px solid transparent;
	border-bottom: none;
	background: #ffd;
}
.Onglet_off { padding: 10px 20px; }
.Tarif {
	border: 2px ridge #aad8ec;
	display: inline-block;
	color: #2787b0;
	font-size: 17pt;
	padding: 0 5px;
	width: 110px;
	text-align: right;
	background: #fff;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.Tarif span { 
	font-size: 12pt;
	color: grey;
}
.Cadre_Colors {
	display: inline-block;
	margin: 1px 0;
	width: 20px;
	border: 1px solid grey;
}
.Div_Titre {
	padding: 5px 15px;
	text-align: center;
	border: 1px solid var(--color-moyen);
}
.Post_It {
	border: 1px solid grey;
	margin-bottom: 7px;
	width: 280px;
	padding: 5px;
	line-height: 13pt;
	text-align: left;
}
#Legend_Footer {
	display: none;
	text-align: center; 
	font-size: 8pt; 
	border: 1px solid lightgrey; 
	margin-top: 10px; 
	padding: 5px 0; 
	background: #eee;
}
.Div_Entete {
	padding: 5px; 
	text-align: center; 
	border: 1px solid var(--color-clair); 
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--color-fonce);
}
.Div_Tools {
	padding: 10px;
	box-shadow: inset 0 0 5px lightgrey;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.Div_Tools img { 
	display: inline-block; 
	vertical-align: middle;
}
.Div_Tools div {
	display: inline-block;
	vertical-align: middle; 
	width: 265px;
	margin-left: 5px;
}
.Div_Tools:hover { 
	border: 1px solid grey; 
	opacity: 0.9;
}
.Permis { background-image: url(../img/fondpermis.png); }
.Info_permis {
	display: inline-block;
	padding: 3px 5px;
	width: 200px;
	background: rgba( 255, 255, 255, 0.5);
	border-bottom: 1px solid #aaa;
	vertical-align: middle;
	text-align: left;
}
.Point {
	display: inline-block;
	border: 1px solid #eee;
	float: left;
	margin: 1px;
	padding: 3px;
	height: 45px;
	background: rgba(230,230,230,0.1);
}
.Point img {
	width: 45px;
	height: 45px;
}
.Compteur_Points {
	font-size: 30pt;
	color: var(--color-clair);
	font-weight: bold;
}
#Cadre_Points {
	background-image: url(../img/filigramme.png);
	height: 387px;
	width: 275px;
	border: 1px solid #e58f8d;
	padding: 3px;
}
.Aff_Points {
	display: inline-block;
	width: 87px;
	vertical-align: top;
	border: 2px ridge var(--color-clair); 
	padding: 5px; 
	text-align: center; 
	height: 90px;
}
.Separateur {
	display: inline-block;
	border-left: 2px solid var(--color-clair);
	height: 35px;
	margin-top: 1px;
	vertical-align: top;
}
.Div_Classe {
	display: inline-block;
	vertical-align: top;
	border: 1px solid var(--color-clair);
	margin: 5px auto;
	text-align: left;
	page-break-after: always;
}
.Div_Classe_footer {
	text-align: right;
	padding: 7px 5px;
	border-top: 1px solid #aaa;
}
.Col_Sup {
	display: none; 
	vertical-align: top; 
	padding: 7px 5px; 
	border-left: 1px dotted grey;
}
.Logo_Imp { display: none; }
.Qrcode_Table {
	display: inline-block;
	width: 8.5cm;
	margin: 1px;
}
.Qrcode_Code {
	width: 3cm;
	height: 3cm;
}
.Qrcode_Infos {
	width: 100px;
	height: 100px;
	font-size: 12pt;
	line-height: 13pt;
	padding: 3px 0;
	padding: 5px; 
	text-align: left;
}
.Qrcode_Infos_Parents {
	width: 193px;
	height: 110px;
	font-size: 12pt;
	line-height: 13pt;
	padding: 3px 0;
	padding: 5px; 
	text-align: center;
}
.Qrcode_Photo { 
	width: 2.3cm; 
	height: 3cm; 
	margin: 2px;
}
.Etiq_Carnet {
	display: inline-block;
	width: 8.60cm;
	height: 12.90cm;
	border: 1px solid lightgrey;
	padding: 0.2cm 0.3cm;
	margin: 1px;
	float: left;
}
.Etiq_Col_Gauche {
	display: inline-block;
	width: 210px;
	vertical-align: top;
}
.Etiq_Col_Droite {
	display: inline-block;
	width: 110px;
	vertical-align: top;
}
.Etiq_Photo {
	display: inline-block;
	width: 110px;
	height: 130px;
	vertical-align: top;
}
.Etiq_Code {
	width: 110px;
	margin-top: 3px;
}
.Etiq_MDP {
	width: 9.1cm;
	display: inline-block;
	vertical-align: top;
	background: #eee;
	border: 1px solid lightgrey;
	padding: 5px;
	margin: 2px 0;
	font-size: 11pt;
}
.Col_Gauche, .Col_Droite, .Col_Middle {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	text-align: left;
}
.Col_Mobile {
	display: inline-block;
	vertical-align: top;
	width: 350px;
	margin: 5px;
	text-align: left;
}
.Col_Form {
	display: inline-block; 
	vertical-align: top; 
	width: 260px;
	padding: 7px 7px 7px 5px;
	text-align: left;
}
.Div_Count_Import {
	display: inline-block; 
	width: 60px; 
	background: #eee; 
	color: #f00;
	border: 1px solid lightgrey;
	margin: 1px 0;
	padding: 3px;
	text-align: right;
}
.Div_Etape {
	text-align: center;
	font-size: 17pt;
	padding: 10px;
}
.Canvas {
	width: 250px; 
	height: 156px; 
	border: 5px solid var(--color-clair); 
	background: #fff;
}
.Page_A4P {
	page-break-after: always;
	width: 19cm;
	max-height: 27cm;
	margin: 10px auto;
}
.Div_Cotis {
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 3px 2px 1px;
	border: 1px solid #aaa;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
}
.Div_Cotis img {
	width: 16px;
	height: 16px;
	filter: grayscale(100%);
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.FiligraneDon {
	position: absolute;
	width: 650px;
	height: 455px;
	margin: 50px auto;
	background-image:url('../photos/filigranedon.png');
	background-repeat: no-repeat;
	background-position: center center;
	filter:alpha(opacity=10);
	opacity: 0.1;
	-moz-opacity:0.1;
}
.Separateur_Page_Imp {
	text-align: center; 
	width: 800px; 
	margin: 30px auto 40px; 
	border-bottom: 3px dashed royalblue;
}
.link_pdk {
	color: #000;
	font-weight: normal;
}
.link_pdk li {
	border: 1px solid lightgrey;
	width: 300px;
	margin: 1px 0;
	list-style: none;
	padding: 3px 0 3px 5px;
	background: #fffaf3;
}
.BackDiv_Grey {
	padding: 5px;
	box-shadow: inset 0 0 5px #aaa;
}
.Footer_Form {
	font-size: 9pt; 
	color: #00f; 
	text-align: center; 
	margin: 10px auto;
	max-width: 550px;
}
.RotationY {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotateY(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateY(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } }

.RotationX {
    -webkit-animation:spina 4s linear infinite;
    -moz-animation:spina 4s linear infinite;
    animation:spina 4s linear infinite;
}
@-moz-keyframes spina { 100% { -moz-transform: rotateX(360deg); } }
@-webkit-keyframes spina { 100% { -webkit-transform: rotateX(360deg); } }
@keyframes spina { 100% { -webkit-transform: rotateX(360deg); transform:rotateX(360deg); } }

.RotationL {
	-webkit-animation: rlAnim 7s linear infinite;
	-moz-animation: rlAnim 7s linear infinite;
	animation: rlAnim 7s linear infinite;
}
@-moz-keyframes rlAnim { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes rlAnim { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes rlAnim { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }	
.Img_Qcm {
	width: 123px;
	height: 123px;
	border: 1px solid #999;
	padding: 3px;
	background: #fff;
}
.Graph {
	display: inline-block;
	vertical-align: bottom;
	width: 35px;
	text-align: center;
	font-size: 9pt;
}
.rgpd_A4 {
	width: 19cm; 
	margin: auto; 
	background: #fff; 
	text-align: justify;
	break-inside: avoid-page;
	break-after: always;
}
.rgpd_Titre {
	text-align: center;
	font-weight: bold;
	color: var(--color-fonce);
	padding: 20px 0;
}
.rgpd_SubTitre {
	font-weight: normal;
	color: royalblue;
}
.rgpd_p {
	padding: 10px;
	color: #555;
}
.rgpd_Table {
	border-color: #ddd;
	margin: 10px auto;
	width: 100%;
}
.rgpd_Table th { 
	padding: 5px;
	text-align: center;
	background: var(--color-moyen);
	color: #fff;
	font-weight: normal;
}
.rgpd_Table td { padding: 5px; }
.rgpd_UL {
	color: var(--color-moyen);
}
.rgpd_Label { color: grey; }
.Titre_Div_Parent {
	padding: 5px 10px;
	color: royalblue;
	font-weight: bold;
	margin: 1px 0;
	border: 1px solid #a2bfd8;
}
.Titre_Div_Parent > img  {
	vertical-align: middle;
}
.Titre_Div_Parent > div  {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}
.Titre_Div_Parent > div > span {
	color: brown;
	font-size: 10pt;
	vertical-align: middle;
}
.TDPHover:hover {
	background: #b9cee1;
	color: #333;
	border: 1px solid var(--color-clair);
	padding-left: 20px;
	transition: 0.3s;
}
.Select_Child {
	position: sticky; 
	top: 70px; 
	width: 99.8%;
	padding: 5px 0; 
	margin: 0 auto 10px; 
	border: 1px solid royalblue; 
	text-align: center;
	opacity: .93;
	z-index: 501;
}
.Select_Child label {
	font-size: 10pt;
	color: #ff0;
}
.Div_Infos {
	text-align: left; 
	border-bottom: 1px dotted grey; 
	padding-bottom: 5px; 
	margin-bottom: 10px;
}
.Div_Infos section { padding-left: 20px; }
.Div_Btn_Messagerie {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid var(--color-clair); 
	border-left: 7px solid var(--color-clair); 
	padding: 2px 2px 2px 5px;
	width: 295px;
}
.Div_Btn_Messagerie:hover {
	border: 1px solid var(--color-moyen); 
	border-left: 7px solid var(--color-moyen);
	cursor: pointer; 
}
.Div_Message_L, .Div_Message_R {
	border: 1px solid lightgrey;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	width: 300px;
	margin: 2px;
	padding: 3px;
	font-size: 11pt;
	line-height: 12pt;
}
.Div_Message_L { background: #fff; }
.Div_Message_R {
	background: #d5e1fd;
	margin-left: 26px;
}
.Div_Message_Auteur {
	font-size: 9pt;
	color: var(--color-fonce);
	font-weight: bold;
}
.Div_Message_Horodateur {
	font-size: 9pt;
	text-align: right;
	color: grey;
}
.Non_Lu {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #00f;
	font-size: 9pt;
	font-weight: bold;
	margin: -1px 2px 0 0;
	padding-left:3px;
	width: 20px;
}
/*-----------------------------------------------
  	MODULE PÉDAGOGIQUE
-----------------------------------------------*/
	.mp_logo_page {
		display: block;
		margin: 20px auto;
	}
	.mp_div_titre  {
		border: 1px solid var(--color-clair);
		color: var(--color-moyen);
		height: 50px;
		padding: 10px;
		line-height: 17px;
	}
	.mp_titre {
		font-weight: bold;
		letter-spacing: 1px;
	}
	.mp_icons {
		position: absolute;
		height: 55px;
		margin-left: 280px;
	}
	.mp_Col_Bottom, .mp_Col_Top {
		background: #fff; 
		border: 3px ridge var(--color-clair); 
		padding: 10px;
		font-size: 15pt;
		text-align: left;
		margin: 5px auto;
		width: 90%;
		-webkit-box-shadow: inset 0px 0px 5px 0px rgba(145,145,145,1);
		-moz-box-shadow: inset 0px 0px 5px 0px rgba(145,145,145,1);
		box-shadow: inset 0px 0px 5px 0px rgba(145,145,145,1);
	}
	.mp_Col_Bottom { line-height: 30pt; }
	.mp_trous {
		text-align: center;
		width: 150px;
		padding: 2px 0;
		margin: 1px;
		border: 0;
		vertical-align: middle;
		font-size: 15pt;
		color: #00f;
		border: 1px solid transparent;
	}
	.mp_trous_hover:hover {
		cursor: pointer;		
		border: 1px solid #333;
	}
	.mp_mots {
		border: 1px dotted grey;
		padding: 1px 3px;
		display: inline-block;
		cursor: move;
		margin: 1px;
		background: beige;
		min-width: 140px;
	}
	.mp_div_note {
		border: 7px ridge var(--color-clair);
		width: 270px;
		margin: 20px auto;
		letter-spacing: 1px;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
	}
	.mp_head_note {
		padding: 10px 0;
		font-size: 50pt;
		color: #f00;
		text-shadow: 2px 2px 4px #000;
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
	}
	.mp_head_note span {
		color: #555;
		font-size: 25pt;
	}
	.mp_foot_note {
		padding: 10px 0;
		text-align: center;
		color: #fff;
		font-size: 15pt;
		text-shadow: 2px 2px 2px #000;
		border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
	}
	.mp_qcm {
		display: inline-block; 
		vertical-align: top; 
		text-align: center;
		width: 90px;
	}
	.mp_qcm_pts { border: 1px solid var(--color-clair); }
	.mp_qcm_pt1 { 
		background: #ccc; 
		padding: 7px 0;
	}
	.mp_qcm_pt2 { 
		font-size: 35pt; 
		padding-top: 10px;
		color: var(--color-fonce);
	}
	.mp_qcm_pt3 { 
		font-size: 10pt; 
		line-height: 20pt; 
	}
	.mp_qcm_resultat {
		font-size: 10pt;
		line-height: 12pt;
		padding: 5px 0;
		border: 1px solid grey;
		margin-top: 1px;
		color: #ff0;
	}
	.mp_qcm_score {
		color: #f00;
		font-size: 10pt;
		line-height: 17pt;
		padding: 5px 0;
		font-weight: bold;
	}
	.mp_qcm_score span { font-size: 15pt; }
	.mp_qcm_support {
		display: inline-block; 
		vertical-align: top; 
		width: 250px; 
		height: 180px; 
		border: 2px groove #fff;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		margin: 0 7px 7px 0;
	}
	.mp_qcm_cbox { 
		width: 30px; 
		border: none; 
		border-bottom: 1px solid #aaa; 
	}
	.mp_qcm_reponse {
		padding: 5px 20px; 
		color: brown;
		line-height: 15pt;
		border: 1px solid lightgrey;
	}
	.mp_ass_thumbs {
		display: inline-block;
		vertical-align: top;
		border: 2px groove var(--color-clair);
		margin: 1px -1px;
		vertical-align: top;
	}
	.mp_ass_thumbs_img {
		width: 150px;
		height: 115px;
		display: block;
		margin-top: -32px;
	}
	.mp_ass_thumbs div {
		width: 140px;
		text-align: center;
		padding: 5px;
		background: #ddd;
	}
	.mp_ass_thumbs:hover {
		border: 2px ridge #f00;
		background: #eee;
		cursor: pointer;
	}
	.mp_ass_element, .mp_ass_reponse, .mp_ass_associe {
		width: 250px;
		padding: 5px;
		display: block;
		margin: 1px;
		font-size: 15pt;
		text-align: center;
	}
	.mp_ass_element { 
		background: beige;
		border: 1px solid #000;
		cursor: pointer;
	}
	.mp_ass_reponse { 
		background: #fff;
		border: 1px solid #000;
		color: #00f;
		cursor: pointer;
	}
	.mp_ass_associe {
		background: #4a76a2;
		color: #fff;
		border: 1px solid #fff;
		padding: 5px;
		margin: 1px;
	}
	.mp_ass_associe section {
		float: right;
		font-size: 9pt;
		background: rgba(255,255,255,.2);
		padding: 1px 2px;
		margin: -4px -4px 0 0;
		width: 40px;
		color: brown;
	}
	.mp_ass_icone {
		width: 27px;
		height: 27px;
		margin: 3px auto 0;
		cursor: pointer;
		visibility: hidden;
		display: block;
	}
	.mp_ass_col_middle {
		width: 75px;
		background: #fff;
		border: 1px solid #000;
		margin: 1px;
		font-size: 14pt;
		height: 36px;
		line-height: 32px;
		color: #ffff60;
		text-align: right;
		padding-right: 5px;
	}
	.mp_ass_vignette {
		display: inline-block;
		vertical-align: top;
		background: #333;
		border: 1px solid #000;
		margin: 2px 0;
		width: 260px;
	}
	.mp_ass_vignette_img {
		width: 260px; 
		height: 185px;
		margin: 0;
		display: block;
	}
	.mp_ass_icone2 {
		width: 27px;
		height: 27px;
		visibility: hidden;
		position: absolute;
		background: #fff;
		padding: 3px;
		margin: 2px 0 0 93px;
		cursor: pointer;
		opacity: .8;
	}
	.mp_ass_img_point {
		opacity: .8;
		background: #fff;
		position: absolute;
		background: #fff;
		padding: 3px 0;
		margin: 1px;
		color: #f00;
		width: 80px;
		font-weight: bold;
		text-align: center;
	}
	.mp_user_logo {
		width: 100px; 
		height: 100px;
		margin: 10px 0;
		vertical-align: middle;
	}
	.mp_user_div_titre {
		display: inline-block; 
		vertical-align: middle;
	}
	.mp_user_div_titre > section {
		color: #00f; 
		font-size: 12pt; 
		line-height: 14pt;
	}
	.mp_user_div_titre > section > div {
		display: inline-block; 
		text-align: right; 
		width: 100px;
	}
	#Mp_Entete_Imp { display: none; }
/*-----------------------------------------------
  	INPUT[TYPE='RADIO']
-----------------------------------------------*/
	.VGRadio:after {
        width: 20px;
        height: 20px;
        margin-top: -5px;
        margin-left: -5px;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid #777;
        cursor: pointer;
   }
   .VGRadio:after, .Back_VGRG {
		background: #f8f8f8;
		background: -moz-linear-gradient(top,  #f8f8f8 0%, #eeeeee 50%, #e6e6e6 51%, #f4f4f4 99%);
		background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eeeeee 50%,#e6e6e6 51%,#f4f4f4 99%);
		background: linear-gradient(to bottom,  #f8f8f8 0%,#eeeeee 50%,#e6e6e6 51%,#f4f4f4 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f4f4f4',GradientType=0 );
	}
    .VGRVert:checked:after, .Back_VGRV {
		background: #cafda5;
		background: -moz-linear-gradient(top,  #cafda5 0%, #8afd3d 50%, #5eec00 51%, #b0fc7e 100%);
		background: -webkit-linear-gradient(top,  #cafda5 0%,#8afd3d 50%,#5eec00 51%,#b0fc7e 100%);
		background: linear-gradient(to bottom,  #cafda5 0%,#8afd3d 50%,#5eec00 51%,#b0fc7e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cafda5', endColorstr='#b0fc7e',GradientType=0 );
	}
    .VGRJaune:checked:after, .Back_VGRJ {
		background: #fceabb;
		background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
		background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
		background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
	}
/*-----------------------------------------------
  	BUTTONS
-----------------------------------------------*/
	.Btn_, .Btn_Nav_2, .Btn_mp_action { 
		border: 1px solid var(--color-clair); 
		margin: 1px;
		text-transform: capitalize;
	}
	.Btn_:hover, .Btn_Nav_2:hover, .Btn_mp_action:hover { border: 1px solid var(--color-fonce); }
	.Btn_ img {
		width: 35px;
		height: 35px;
	}
	.Btn_Options, .Btn_Nav, .Btn_Nav_2, .Btn_Nav_Disabled {
		display: inline-block;
		font-size: 9pt;
		text-align: center;
		vertical-align: top;
	}
	.Btn_Options_2 {
		display: inline-block;
		width: 165px;
		text-align: left;
		padding: 7px 0 7px 5px;
	}
	.Btn_Options_2 img {
		width: 27px;
		height: 27px;
		vertical-align: middle;
		margin-right: 5px;
	}
	.Btn_Nav_2 {
		width: 160px;
		display: block;
		font-size: 12pt;
		text-align: left;
		border: 1px solid #999;
	}
	.Btn_Nav_2 img { 
		vertical-align: middle; 
		margin-right: 10px;
	}
	.Btn_Nav_2 div { 
		display: inline-block; 
		vertical-align: middle;
	}
	.Bar_Btn_Raccourcis {
		display: block;
		width: 99%;
		height: 117px;
		margin: 3px auto;
		padding: 2px;
		border: 1px solid grey;
		background: #555;
		overflow-x: scroll;
	}
	.Btn_Raccourci, .Btn_Raccourci_Off {
		display: inline-block;
		font-size: 10pt;
		text-align: center;
		vertical-align: top;
		width: 75px;
		height: 85px;
		padding: 5px;
		margin: 1px;
	}
	.Btn_Raccourci:hover {
		color: var(--color-fonce);
		text-shadow: 1px 1px 1px var(--color-clair);
	}
	.Btn_Nav_Big { 
		display: inline-block;
		vertical-align: top;
		width: 115px; 
		font-size: 10pt;
	}
	.Btn_Options img, .Btn_Nav img, .Btn_Nav_Disabled img {
		display: block;
		margin: auto;
	}
	.Btn_Options img {
		width: 30px;
		height: 30px;
	}
	.Btn_Nav img, .Btn_Nav_2 img, .Btn_Nav_Disabled img {
		width: 35px;
		height: 35px;
	}
	.Btn_Raccourci img, .Btn_Raccourci_Off img, .Btn_Nav_Big img {
		width: 40px;
		height: 40px;
		margin: 3px 0;
	}
	.Btn_Options { width: 105px; }
	.Btn_Nav { width: 68px; }
	.Btn_Nav_Disabled { 
		width: 68px;
		cursor: not-allowed; 
	}
	.Btn_Small_Right { 
		font-size: 9pt;
		padding: 0 5px;
		margin: 1px 1px 0 0;
		float: right; 
	}
	.Btn_Disabled {
		color: #555;
		text-shadow: 1px 1px 2px #fff;
		font-size: 11pt;
		padding: 7px;
		margin: 2px auto;
		cursor: not-allowed;
		border: 1px solid #aaa;
		background: #f9f9f9;
		background: -moz-linear-gradient(top, #f9f9f9 0%, #aeaeae 100%);
		background: -webkit-linear-gradient(top, #f9f9f9 0%,#aeaeae 100%);
		background: linear-gradient(to bottom, #f9f9f9 0%,#aeaeae 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f9f9f9", endColorstr="#aeaeae",GradientType=0 );
	}
	#Btn_Imp_Pdf_Top { 
		display: none; 
		position: fixed;
		top: 157px; 
		left: 10px;
		width: 60px; 
	}
	#Btn_Imp_Pdf_Bottom {
		display: none; 
		float: none; 
		border: 1px solid var(--color-clair); 
		margin: 10px auto; 
		padding: 5px;
	}
	.Btn_Ops {
		width: 148px; 
		margin: 1px 0; 
		text-align: left;
	}
	.Btn_Imp {
		width: 250px; 
		margin: 1px 0; 
		text-align: left;
	}
	.Btn_Menu_User {
		width: 103px;
		height: 63px;
		padding: 6px 4px;
		font-size: 10pt;
		line-height: 16px;
		text-shadow: 1px 1px 2px #eee;
		font-weight: bold;
		color: var(--color-moyen);
		vertical-align: top;
		float: left;
	}
	.Btn_Menu_User img {
		width: 27px;
		height: 27px;
		display: block;
		margin: -2px auto 3px;
	}
	.Btn_Menu_User:hover {
		color: var(--color-clair);
		text-shadow: 1px 1px 1px #000;
	}
	.Btn_Check_All_Line {
		padding: 0; 
		margin: 0; 
		width: 25px; 
		height: 36px; 
		vertical-align: top;
	}
	.Img_Button {
		border: 1px solid var(--color-moyen); 
		padding: 10px;
		height: 55px; 
		cursor: pointer;
	}
	.Btn_User_Exo {
		padding: 0 5px; 
		font-size: 10pt; 
		color: #fff; 
		text-shadow: 1px 1px 2px #000;
		border: 1px solid grey;
	}
	.Btn_Qcm_Support {
		padding: 5px 0; 
		line-height: 9pt; 
		width: 63px; 
		font-size: 9pt;
	}
	.Btn_Qcm_Support div { color:  #00f; }
	.Btn_mp_action {
		width: 100px; 
		text-align: left;
	}
	.Btn_mp_action img {
		width: 20px; 
		height: 20px; 
		vertical-align: middle;
	}
/*-----------------------------------------------
  	RADIAL PROGRESS BAR
-----------------------------------------------*/
	.progress {
		display: block;
		margin: 0 auto;
		overflow: hidden;
		transform: rotate(-90deg) rotateX(180deg);
	}
	.progress circle {
		stroke-dashoffset: 0;
		transition: stroke-dashoffset 3s ease;
		stroke: #953e1b;
		stroke-width: 15px;
	}
	.progress .bar { stroke: #d8ab98; }
	.progressdiv { position: relative; }
	.progressdiv:after {
		position: absolute;
		top: 50%;
		left: 50%;
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		width: 150px;
		height: 150px;
		line-height: 150px;
		border-radius: 200px 200px 200px 200px;
		-moz-border-radius: 200px 200px 200px 200px;
		-webkit-border-radius: 200px 200px 200px 200px;
		text-align: center;
		transform: translate(-50%, -50%);
		content: attr(data-percent) " %";
		background: #ffffff;
		background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #fbe4c5 100%);
		background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#fbe4c5 100%);
		background: radial-gradient(ellipse at center,  #ffffff 0%,#fbe4c5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbe4c5',GradientType=1 );
	}
/*-----------------------------------------------
  	COULEURS
-----------------------------------------------*/
	.Back, .footer, .Onglet, .Btn_, .Tablo th {
		background: #fffbfc;
		background: -moz-linear-gradient(top, #fffbfc 0%, #f4eeef 40%, #e4dcdc 100%);
		background: -webkit-linear-gradient(top, #fffbfc 0%,#f4eeef 40%,#e4dcdc 100%);
		background: linear-gradient(to bottom, #fffbfc 0%,#f4eeef 40%,#e4dcdc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fffbfc", endColorstr="#e4dcdc",GradientType=0 );
	}
	.Grad_Light, .f_field, .Div_Tablo, .Bar_Search, .Div_Tools:hover {
		background: #fffefb;
		background: -moz-radial-gradient(center, ellipse cover, #fffefb 42%, #fff7e9 100%);
		background: -webkit-radial-gradient(center, ellipse cover, #fffefb 42%,#fff7e9 100%);
		background: radial-gradient(ellipse at center, #fffefb 42%,#fff7e9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fffefb", endColorstr="#fff7e9",GradientType=1 );;
	}
	.Dark_Brown, .Idf, button:hover, .Btn_Effacer:hover {
		color: #fff;
		text-shadow: 1px 1px 2px #000;
		background: #f0b7a1;
		background: -moz-radial-gradient(center, ellipse cover, #f0b7a1 0%, #8c3310 100%, #752201 100%, #bf6e4e 100%);
		background: -webkit-radial-gradient(center, ellipse cover, #f0b7a1 0%,#8c3310 100%,#752201 100%,#bf6e4e 100%);
		background: radial-gradient(ellipse at center, #f0b7a1 0%,#8c3310 100%,#752201 100%,#bf6e4e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f0b7a1", endColorstr="#bf6e4e",GradientType=1 );
	}
	.Grad_Yellow, .Horodateur, .Profil, .oModal_titre, .Btn_:hover, .Onglet:hover, .Btn_Nav_2:hover, .BarNavigation_Btn, .Btn_mp_action:hover {
		background: #fefee8;
		background: -moz-linear-gradient(top, #fefee8 10%, #fdd8bd 100%);
		background: -webkit-linear-gradient(top, #fefee8 10%,#fdd8bd 100%);
		background: linear-gradient(to bottom, #fefee8 10%,#fdd8bd 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fefee8", endColorstr="#fdd8bd",GradientType=0 );
	}
	.Grad_Lightgrey, .Popup_Info, .Vignette:hover, .Pop_Slide, .Cadre_Col, .BarNavigation_Btn:hover, .Div_Tools, .BackDiv_Grey {
		background: #ffffff;
		background: -moz-radial-gradient(center, ellipse cover, #ffffff 30%, #e9e9e9 100%);
		background: -webkit-radial-gradient(center, ellipse cover, #ffffff 30%,#e9e9e9 100%);
		background: radial-gradient(ellipse at center, #ffffff 30%,#e9e9e9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e9e9e9",GradientType=1 );
	}
	.Dark, #Open_Sidenav:hover, .Button_Home:hover, .Button_Logout:hover, .link_pdk li:hover {
		color: #fff;
		background-color: #5e5e5e;
		background: -moz-linear-gradient(bottom , #666666 0pt, #5e5e5e 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(bottom , #666666 0pt, #5e5e5e 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: -ms-linear-gradient(bottom , #666666 0pt, #5e5e5e 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: -o-linear-gradient(bottom , #666666 0pt, #5e5e5e 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: linear-gradient(bottom , #666666 0pt, #5e5e5e 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
	}
	.Dark_Red, #Open_Sidenav, .Button_Home, .Button_Logout {
		color: #fff;
		background: #ce0433;
		background: -moz-linear-gradient(top, #ce0433 0%, #b7032d 44%, #9a0024 100%);
		background: -webkit-linear-gradient(top, #ce0433 0%,#b7032d 44%,#9a0024 100%);
		background: linear-gradient(to bottom, #ce0433 0%,#b7032d 44%,#9a0024 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ce0433", endColorstr="#9a0024",GradientType=0 );
	}
	.Enfant {
		background: #f9fcff;
		background: -moz-radial-gradient(center, ellipse cover, #f9fcff 0%, #d9eff7 100%);
		background: -webkit-radial-gradient(center, ellipse cover, #f9fcff 0%,#d9eff7 100%);
		background: radial-gradient(ellipse at center, #f9fcff 0%,#d9eff7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f9fcff", endColorstr="#d9eff7",GradientType=1 );
	}
	.Blue_light, .Div_Btn_Messagerie:hover {
		background: #e8edf8;
		background: -moz-radial-gradient(center, ellipse cover,  #e8edf8 1%, #c6dcf0 100%);
		background: -webkit-radial-gradient(center, ellipse cover,  #e8edf8 1%,#c6dcf0 100%);
		background: radial-gradient(ellipse at center,  #e8edf8 1%,#c6dcf0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e8edf8", endColorstr="#c6dcf0",GradientType=1 );
	}
	.Absence {
		background: #f6eafa;
		background: -moz-linear-gradient(top, #f6eafa 1%, #eec4fa 100%);
		background: -webkit-linear-gradient(top, #f6eafa 1%,#eec4fa 100%);
		background: linear-gradient(to bottom, #f6eafa 1%,#eec4fa 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6eafa', endColorstr='#eec4fa',GradientType=0 );
	}
	.Retard {
		background: #e8ffe5;
		background: -moz-linear-gradient(top, #e8ffe5 1%, #c6ffbf 100%);
		background: -webkit-linear-gradient(top, #e8ffe5 1%,#c6ffbf 100%);
		background: linear-gradient(to bottom, #e8ffe5 1%,#c6ffbf 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ffe5', endColorstr='#c6ffbf',GradientType=0 );
	}
	.Presence {
		background: #fcffed;
		background: -moz-radial-gradient(center, ellipse cover,  #fcffed 0%, #f5ffc7 100%);
		background: -webkit-radial-gradient(center, ellipse cover,  #fcffed 0%,#f5ffc7 100%);
		background: radial-gradient(ellipse at center,  #fcffed 0%,#f5ffc7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffed', endColorstr='#f5ffc7',GradientType=1 );
	}
	.Dark_Marine {
		background: #2e4458;
		background: -moz-linear-gradient(top,  #2e4458 0%, #000932 100%);
		background: -webkit-linear-gradient(top,  #2e4458 0%,#000932 100%);
		background: linear-gradient(to bottom,  #2e4458 0%,#000932 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e4458', endColorstr='#000932',GradientType=0 );
	}
	.Dark_Purple {
		background: #582e55;
		background: -moz-linear-gradient(top,  #582e55 0%, #32001d 100%);
		background: -webkit-linear-gradient(top,  #582e55 0%,#32001d 100%);
		background: linear-gradient(to bottom,  #582e55 0%,#32001d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#582e55', endColorstr='#32001d',GradientType=0 );
	}
	.Silver {
		background: #fffcfb;
		background: -moz-linear-gradient(top,  #fffcfb 0%, #f8f3ee 40%, #ede9dd 100%);
		background: -webkit-linear-gradient(top,  #fffcfb 0%,#f8f3ee 40%,#ede9dd 100%);
		background: linear-gradient(to bottom,  #fffcfb 0%,#f8f3ee 40%,#ede9dd 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfb', endColorstr='#ede9dd',GradientType=0 );
	}
	.Siler_Blue {
		background: #9aafd2;
		background: -moz-linear-gradient(top,  #9aafd2 0%, #5777ad 100%);
		background: -webkit-linear-gradient(top,  #9aafd2 0%,#5777ad 100%);
		background: linear-gradient(to bottom,  #9aafd2 0%,#5777ad 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9aafd2', endColorstr='#5777ad',GradientType=0 );
	}
	.Silver_Grey {
		background: #f5f5f5;
		background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #e4e4e4 39%, #cbcbcb 100%);
		background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#e4e4e4 39%,#cbcbcb 100%);
		background: radial-gradient(ellipse at center,  #f5f5f5 0%,#e4e4e4 39%,#cbcbcb 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cbcbcb',GradientType=1 );
	}
	.Dark_Green {
		background: #107a00;
		background: -moz-linear-gradient(top,  #107a00 0%, #237b03 45%, #237b03 45%, #34ac04 100%);
		background: -webkit-linear-gradient(top,  #107a00 0%,#237b03 45%,#237b03 45%,#34ac04 100%);
		background: linear-gradient(to bottom,  #107a00 0%,#237b03 45%,#237b03 45%,#34ac04 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#107a00', endColorstr='#34ac04',GradientType=0 );
	}
	.Glossy_Green {
		background: #5fcb77;
		background: -moz-linear-gradient(top,  #5fcb77 0%, #12ae3c 50%, #48de7a 100%);
		background: -webkit-linear-gradient(top,  #5fcb77 0%,#12ae3c 50%,#48de7a 100%);
		background: linear-gradient(to bottom,  #5fcb77 0%,#12ae3c 50%,#48de7a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fcb77', endColorstr='#48de7a',GradientType=0 );
	}
	.Glossy_Red {
		background: #cb5f6e;
		background: -moz-linear-gradient(top,  #cb5f6e 0%, #ae121f 50%, #de484b 100%);
		background: -webkit-linear-gradient(top,  #cb5f6e 0%,#ae121f 50%,#de484b 100%);
		background: linear-gradient(to bottom,  #cb5f6e 0%,#ae121f 50%,#de484b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb5f6e', endColorstr='#de484b',GradientType=0 );
	}
/*-----------------------------------------------
	SWITCH
-----------------------------------------------*/
	.switch {
		position: relative;
		width: 240px;
		height: 35px;
		margin: auto;
		background: rgba(0, 0, 0, 0.25); 
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.7), 0 1px rgba(255, 255, 255, 0.1);
	}
	.switch-label {
		position: relative;
		z-index: 2;
		float: left;
		width: 116px;
		line-height: 35px;
		font-size: 13px;
		color: #555;
		text-align: center;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
		cursor: pointer;
	}
	.switch-label:active { color: #ff0; }
	.switch-label-off { padding-left: 2px; }
	.switch-label-on { padding-right: 2px; }
	.switch-input { display: none; }
	.switch-input:checked + .switch-label {
		color: #fff;
		text-shadow: 1px 1px 2px #000;
		-webkit-transition: 0.15s ease-out;
		-moz-transition: 0.15s ease-out;
		-ms-transition: 0.15s ease-out;
		-o-transition: 0.15s ease-out;
		transition: 0.15s ease-out;
		-webkit-transition-property: color, text-shadow;
		-moz-transition-property: color, text-shadow;
		-ms-transition-property: color, text-shadow;
		-o-transition-property: color, text-shadow;
		transition-property: color, text-shadow;
	}
	.switch-input:checked + .switch-label-on ~ .switch-selection {
		left: 120px;
		background: #f6e6b4;
		background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
		background: -webkit-linear-gradient(top, #f6e6b4 0%,#ed9017 100%);
		background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f6e6b4", endColorstr="#ed9017",GradientType=0 );
		/* Note: left: 50%; doesn"t transition in WebKit */
	}
	.switch-selection {
		position: absolute;
		z-index: 1;
		top: 2px;
		left: 2px;
		display: block;
		width: 116px;
		height: 31px;background: #64a4a2;
		background: -moz-linear-gradient(top, #64a4a2 0%, #006e6a 100%);
		background: -webkit-linear-gradient(top, #64a4a2 0%,#006e6a 100%);
		background: linear-gradient(to bottom, #64a4a2 0%,#006e6a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#64a4a2", endColorstr="#006e6a",GradientType=0 );
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		-webkit-transition: left 0.20s ease-out;
		-moz-transition: left 0.20s ease-out;
		-ms-transition: left 0.20s ease-out;
		-o-transition: left 0.20s ease-out;
		transition: left 0.20s ease-out;
	}	
/*-----------------------------------------------
	LOADER
-----------------------------------------------*/
	#Wait {
		display: none;
		text-align: center;
		margin-top: 50px;
	}
    .Div_loader {
        width: 120px;
        height: 120px; 
        margin: 50px auto;
    }
    .Div_loader img {
        position: absolute;
        width: 80px;
        margin: 30px 0 0 -30px;
    }
    .loader {
        border: 11px solid var(--color-clair);
        border-radius: 50%;
        border-top: 11px solid var(--color-fonce);
        width: 120px;
        height: 120px;
        -webkit-animation: loader_spin 1s linear infinite;
        animation: loader_spin 1s linear infinite;
    }
    @-webkit-keyframes loader_spin {
        0% { -webkit-transform: rotate(360deg); }
        100% { -webkit-transform: rotate(0deg); }
    }
    @keyframes loader_spin {
        0% { transform: rotate(360deg); }
        100% { transform: rotate(0deg); }
    }
/*-----------------------------------------------
	FLIPSWITCH
-----------------------------------------------*/
	.flipswitch {
		position: relative;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select: none;
		display: inline-block;
	}
	.flipswitch input[type=checkbox] { display: none; }
	.flipswitch-label {
		display: block;
		overflow: hidden;
		cursor: pointer;
		border: 2px ridge lightgrey;
		border-radius: 5px;
	}
	.flipswitch-inner {
		width: 200%;
		margin-left: -100%;
		-webkit-transition: margin 0.3s ease-in 0s;
		-moz-transition: margin 0.3s ease-in 0s;
		-ms-transition: margin 0.3s ease-in 0s;
		-o-transition: margin 0.3s ease-in 0s;
		transition: margin 0.3s ease-in 0s;
		text-align: center;
	}
	.flipswitch-inner:before, .flipswitch-inner:after {
		float: left;
		width: 50%;
		height: 25px;
		line-height: 25px;
		padding: 0;
		font-size: 12px;
		color: white;
		font-weight: bold;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.flipswitch-inner:before {
		background-color: var(--color-clair);
		color: var(--dark-color);
	}
	.flipswitch-inner:after {
		background-color: var(--color-fonce);
		color: #fff;
		text-align: right;
	}
	.flipswitch-cb:checked + .flipswitch-label .flipswitch-inner { margin-left: 0; }
	.fs_bool:before { content: "Oui"; }
	.fs_bool:after { content: "Non"; padding-right: 12px; }
/*-----------------------------------------------
  	SIDENAV
-----------------------------------------------*/
	.sidenav {
		position: fixed;
		width: 247px;
		height: 100%;
		z-index: 1550;
		top: 0;
		left: 0;
		overflow-y: scroll;
		overflow-x: hidden;
		visibility: hidden;
		border-right: 2px groove var(--color-clair);
		padding-bottom: 70px;
		margin: auto 0;
	}
	.sidenav a, .dropdown_btn {
		display: block;
		width: 230px;
		background: #eee;
		text-decoration: none;
		padding: 8px 10px;
		color: #000;
		border-bottom: 1px solid lightgrey;
		text-shadow: 2px 2px 1px #fff;
		font-weight: normal;
		font-size: 12pt;
		text-transform: capitalize;
		-webkit-transition: all 0.3s ease-out;
	}
	.sidenav a:hover, .dropdown_btn:hover { 
		background: var(--color-fonce); 
		color: #fff;
		text-shadow: 2px 2px 1px #000;
		padding-left: 20px;
		cursor: pointer;
	}
	.dropdown_container a:hover { 
		background: var(--color-clair); 
		color: #fff;
		text-shadow: 2px 2px 2px #000;
		padding-left: 20px;
	}
	.sidenav a img, .dropdown_btn img {
		height: 25px;
		vertical-align: middle;
		margin-right: 7px;
	}
	.active_dropdown {
		background: var(--color-moyen);
		color: white;
		text-shadow: 1px 1px 0px #000;
	}
	.dropdown_container {
		display: none;
		background: #333;
		padding-left: 8px;
	}
	.dropdown_container a { background: #cfcfcf; }
	.down_arrow {
		float: right;
		padding-right: 25px;
	}
/*-----------------------------------------------
  	POPUP MODALE
-----------------------------------------------*/
	.oModal {
		position: fixed;
		z-index: 99999;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.9);
		opacity: 0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
		overflow-y: scroll; 
	}
	.oModal:target {
		opacity: 1;
		pointer-events: auto;
	}
	.oModal:target > div {
		margin: 2% auto;
		transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
	}
	.oModal > div {
		position: relative;
		margin: 1% auto;
		padding: 5px;
		border-radius:5px;
		background: #eee;
		transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
	}
	.oModal_titre {
		border: 1px solid grey;
		color: var(--color-fonce);
		text-shadow: 2px 2px 2px #fff;	
		padding: 10px;
		letter-spacing: 1px;
		font-size: 13pt;
		margin : 10px 5px;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
	}
	.oModal iframe {
		border: 1px dotted grey;
		width: 99%;
		height: 600px;
		background: #fff;
	}
	.oModal_Btn_Close {
		float: right;
		height: 41px;
		margin: 12px 7px 0 0;
		cursor: pointer;
	}
/*-----------------------------------------------
  	TEXTE DÉFILANT
-----------------------------------------------*/
	.marquee_rtl {
		width: 70%;
		margin: auto;
		overflow: hidden;
		border-bottom: 1px dotted grey;
	}
	.marquee_rtl > :first-child {
		display: inline-block; 
		padding-right: 2em; 
		padding-left: 100%;
		white-space: nowrap; 
		animation: defilement-rtl 35s infinite linear;
		font-size: 15pt;
	}
	@keyframes defilement-rtl {
		0% { transform: translate3d(0,0,0); }
		100% { transform: translate3d(-100%,0,0); }
	}
/*-----------------------------------------------
  	CALCULATRICE
-----------------------------------------------*/
	.Popup_Calculator {
		position: fixed; 
		top: 72px; 
		right: 5px;
		background: rgba( 0,0,0,0.5);
		padding: 10px;
		border: 5px ridge var(--color-clair);
		z-index: 2000;
	}
	.calculatrice {
		width: 309px;
		border: 3px outset #eee;
		margin: auto;
		padding: 5px;
	}
	.Ecran {
		color: #000;
		text-shadow: 1px 1px 2px #fff;
		width: 293px;
		text-align: right;
		font-size: 35pt;
		font-weight: bold;
		border: 3px inset #fff;
		background: #b2fefa;
		background: -webkit-linear-gradient(to top, #0ed2f7, #b2fefa);
		background: linear-gradient(to top, #0ed2f7, #b2fefa);
	}
	.Clavier {
		text-align: left;
		padding: 10px;
	}
	.calc_btn {
		width: 55px;
		height: 37px;
		margin: 1px 0;
		font-size: 17pt;
		font-family: "Roboto", sans-serif;
		color: #000;
		text-shadow: 1px 1px 2px #fff;
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e5e5e5",GradientType=0 );
		border: 2px outset lightgrey;
	}
	.calc_btn:hover { 
		border: 2px outset #fff;
		cursor: pointer;
	}
	.calc_btn:active { 
		border: 2px inset grey;
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #f3ecd7 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f3ecd7 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#f3ecd7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f3ecd7",GradientType=0 );
	}
/*-----------------------------------------------
  	SWITCH FIELD
-----------------------------------------------*/
	.Dashboard {
		padding: 7px;
		width: 540px;
		border: 3px groove var(--color-clair);
		background: #fdd8bd;
		background: -moz-linear-gradient(top,  #fdd8bd 0%, #f9f7ef 69%, #f9f7ef 69%);
		background: -webkit-linear-gradient(top,  #fdd8bd 0%,#f9f7ef 69%,#f9f7ef 69%);
		background: linear-gradient(to bottom,  #fdd8bd 0%,#f9f7ef 69%,#f9f7ef 69%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd8bd', endColorstr='#f9f7ef',GradientType=0 );
	}
	.Div_switch_field {
		display: inline-block;
		vertical-align: top;
	}
	.switch_field {
		display: flex;
		margin: 2px 0;
		overflow: hidden;
	}
	.Titre_switch_field { 
		font-size: 10pt;
		text-align: center;
		padding: 5px 0;
		border: 1px solid var(--color-clair);
	}
	.switch_field input {
		position: absolute !important;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		width: 1px;
		border: 0;
		overflow: hidden;
	}
	.switch_field label {
		width: 57px;
		background-color: #eee;
		color: rgba(0, 0, 0, 0.6);
		font-size: 13px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		padding: 7px 0;
		margin-right: -1px;
		border: 1px solid rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		transition: all 0.1s ease-in-out;
	}
	.switch_field label:hover { 
		cursor: pointer;
		background-color: var(--color-light);
		color: #000; 
		-webkit-box-shadow: inset 0px 0px 2px 2px rgba(150,150,150,1);
		-moz-box-shadow: inset 0px 0px 2px 2px rgba(150,150,150,1);
		box-shadow: inset 0px 0px 2px 2px rgba(150,150,150,1);
	}
	.switch_field input:checked + label {
		box-shadow: none;
		transition-duration: .35s;
		color: #fff;
	}
	.switch_field input:checked + label {
		background-color: var(--color-clair);
		color: var(--color-fonce);
	}
	.sf2 input:checked + label:nth-of-type(1) {
		background-color: #cdffdc;
		color: #004615;
	}
	.sf2 input:checked + label:nth-of-type(2) {
		background-color: #fdfccf;
		color: #904600;
	}
	.sf2 input:checked + label:nth-of-type(3) {
		background-color: #facdff;
		color: #d300ec;
	}
	.sf2 input:checked + label:nth-of-type(4) {
		background-color: #ffbfbf;
		color: #be0000;
	}
	.switch_field label:first-of-type { border-radius: 4px 0 0 4px; }
	.switch_field label:last-of-type { border-radius: 0 4px 4px 0; }
	.switch_field label img { height: 30px; }
/*-----------------------------------------------
  	SLIDE MENU
-----------------------------------------------*/	
	#Slide_Menu {
		display: none;
		position: fixed;
		z-index: 1490;
		top: 60px;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.9);
		opacity: 0;
		text-align: center;
	}
	.Slide_Menu_Col_Titre {
		height: 40px;
		padding: 7px 0;
		text-shadow: 2px 2px 3px #000;
	}
	.Slide_Menu_Col {
		display: inline-block;
		vertical-align: top;
		width: 110px;
		text-align: center;
		padding: 0;
	}
	.Slide_Menu_Div_Btn {
		padding: 3px;
		background: #fff;
		margin-top: 2px;
	}
	.Slide_Menu_Btn {
		width: 80px;
		height: 70px;
		font-size: 10pt;
	}