/*html {
    overflow: auto;
}*/
BODY {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	padding: 2px; 
	overflow: auto;
	font-family:manub;
	font-size:28px;
	background-image: url(../../Images/fond_body.jpg?refresh=1);
	background-attachment:fixed;
	background-size : 100% 100%;
	background-repeat: no-repeat;
	-moz-user-select:none;
	user-select:none;
	touch-action: manipulation;
}
@font-face {
    font-family: "cursive";
    src: url('../../Images/Cursive.ttf');
}
@font-face {
    font-family: "manub";
    /*src: url('../../Images/KGINeedAFont.ttf');*/
    src: url('../../Images/OpenDyslexic-Regular.otf');
}
@font-face {
    font-family: "pistoleer";
    src: url('../../Images/pistoleer.ttf');
}
@font-face {
    font-family: "cursiveb";
    src: url('../../Images/PoetsenOne.ttf');
}
@font-face {
    font-family: "picto";
    src: url('../../Images/Picto.ttf');
}
@font-face {
    font-family: "fontformes";
    src: url('../../Images/font_formes.ttf?refresh=4');
}
@font-face {
    font-family: "iconic";
    src: url('../../Images/Iconic.ttf');
}
@font-face {
    font-family: "digital";
    src: url('../../Images/Digital.ttf');
}
@font-face {
    font-family: "fleches";
    src: url('../../Images/Font_fleches.ttf');
}
@font-face {
    font-family: "fleches2";
    src: url('../../Images/font_fleches2.otf');
}
@font-face {
    font-family: "slouchy";
    src: url('../../Images/Slouchy.ttf');
}
@font-face {
    font-family: "BingBamBoum";
    src: url('../../Images/BingBamBoum.ttf');
}
@font-face {
    font-family: "caricature";
    src: url('../../Images/caricature.ttf');
}
@font-face {
    font-family: "circusparty";
    src: url('../../Images/circusparty.ttf');
}
@font-face {
    font-family: "Crushed";
    src: url('../../Images/Crushed.ttf');
}
@font-face {
    font-family: "electrical";
    src: url('../../Images/electrical.ttf');
}
@font-face {
    font-family: "PopUpFontio";
    src: url('../../Images/PopUpFontio.otf');
}
@font-face {
    font-family: "scoolartfb";
    src: url('../../Images/scoolartfb.ttf');
}
@font-face {
    font-family: "smartphone";
    src: url('../../Images/smartphone.ttf');
}
@font-face {
    font-family: "Swordsman";
    src: url('../../Images/Swordsman.ttf');
}
@font-face {
    font-family: "WoodenLog";
    src: url('../../Images/WoodenLog.ttf');
}
@font-face {
    font-family: "bro4D";
    src: url('../../Images/Bro_4D.otf');
}
@font-face {
    font-family: "farmpets";
    src: url('../../Images/Pixel_Farm_Pets.ttf');
}
@font-face {
    font-family: "litteral";
    src: url('../../Images/cursif-webfont.ttf');
}
@font-face {
    font-family: "horse";
    src: url('../../Images/Horse.ttf');
}
@font-face {
    font-family: "tetes";
    src: url('../../Images/Far_Chehre.ttf');
}
@font-face {
    font-family: "JungleRoar";
    src: url('../../Images/JungleRoar.ttf');
}
@font-face {
    font-family: "memos";
    src: url('../../Images/memos.ttf');
}
@font-face {
    font-family: "arttools";
    src: url('../../Images/Arttools.ttf');
}
@font-face {
    font-family: "chess";
    src: url('../../Images/Chess.ttf');
}

p{
	margin:10px 0px 10px 0px;
}
.p2{
	margin:2px 0px 2px 0px;	
}
.iespace{
	margin:60px 0px 0px 0px;
}
.iespace30{
	margin:30px 0px 0px 0px;
}
.haut{
	margin-top:100px;
}
.administre{
	position:fixed;
	top:130px;
	right:30px;
}
.home{
	position:fixed;
	top:130px;
	left:30px;
}
.home2{
	position:fixed;
	top:10px;
	left:30px;
}
.refresh{
	position:fixed;
	top:200px;
	left:30px;
}
.administre2{
	position:fixed;
	top:200px;
	right:30px;
}
.administre3{
	position:fixed;
	top:10px;
	right:30px;
}
.divscrolling130,.divscrolling190{
	position:absolute;
	top:130px;
	bottom:0px;
	overflow-y:scroll;
	overflow-x:auto;
	border:none;
	width:100%;
}
.divscrolling190{
	top:190px;
}
.divscrolling10{
	position:absolute;
	top:10px;
	bottom:0px;
	overflow-y:scroll;
	overflow-x:auto;
	border:none;
	width:100%;
}
.center-div{
	margin:0 auto;
}
.tr_color{
	background-color:none;
}
.tr_color:hover{
	background-color:Yellow;
}
.tr_color1{
	background-color:LemonChiffon;
}
.tr_color2{
	background-color:Silver;
}
.tr_color1:hover{
	background-color:Yellow;
}
.tr_color3:{
	background-color:YellowGreen;
}
.texte_bandeau{
	background:rgba(200,200,0,0.5);
	font-family:cursiveb;
	font-size:30px;
	color:DarkGreen;
}
/* Target Input */
.slider {
  -webkit-appearance: none;
  width: 100%;
  background: linear-gradient(to right, LightBlue, DeepSkyBlue);
  border-radius: 10px;
  cursor: pointer;
  font-family:Iconic;
  font-size:30px;
  color:blue;
  border:1px ridge LightCyan;
}
.slider:before{
	content:'}';
}
.slider:after{
	content:'{';
}

/* --- Webkit Browsers --- */
.slider::-webkit-slider-runnable-track {
  height: 30px;
  background: linear-gradient(to right, LightBlue, DeepSkyBlue);
  border-radius: 10px;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 40px;
  width: 40px;
  background:radial-gradient(circle,rgba(66, 70, 189, 1) 24%, rgba(91, 105, 202, 1) 49%, rgba(148, 187, 233, 1) 100%);
  border-radius: 30px;
  border: 2px solid #94BBE9;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 1);
  margin-top: -6px;
}

/* --- Firefox --- */
.slider::-moz-range-track {
  height: 30px;
  background: linear-gradient(to right, LightBlue, DeepSkyBlue);
  border-radius: 10px;
}

.slider::-moz-range-thumb {
  height: 40px;
  width: 40px;
  background:radial-gradient(circle,rgba(66, 70, 189, 1) 24%, rgba(91, 105, 202, 1) 49%, rgba(148, 187, 233, 1) 100%);
  border-radius: 30px;
  border: 2px solid #94BBE9;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 1);
  margin-top: -6px;
}

/*.bouton_perso,.petit_bouton{
	width:60px;
	height:60px;
	margin:0;
	line-height:60px;
	color:black;
	font-family:fontformes;
	font-size:45px;
	text-shadow:1px 1px 1px LightSlateGray;
	border:3px solid #3498DB;
	border-left:10px solid #2E86C1;
	border-right:2px solid #5DADE2;
	background: linear-gradient(to right, DeepSkyBlue, LightBlue);
	border-radius:50%;
	box-shadow: 2px 2px 5px black;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	z-index:3;
}
.bouton_perso:hover{
	background: linear-gradient(to right, DodgerBlue, SkyBlue);
}
.bouton_perso:active{
	margin-top:1px;
	margin-left:1px;
	box-shadow: 2px 2px 5px gray;
}*/
.bouton_perso,.petit_bouton{
	width:50px;
	height:50px;
	margin:0;
	text-align:center;
	line-height:50px;
	font-family:fontformes;
	padding:5px 5px 5px 5px;
	color:Black;
	font-size:45px;
	border-width:3px 3px 3px 8px;
	border-color:DodgerBlue;
	border-style:solid;
	background:linear-gradient(to right, DeepSkyBlue, LightBlue);
	border-radius:80px 50px 80px 40px;
	box-shadow:1px 1px 5px rgba( 0, 0, 0, 0.7),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	border-image:none;
	text-shadow:-2px -2px 10px #FFFFFF;
	z-index:3;
	cursor:pointer;
}
.bouton_perso:hover{
	background: linear-gradient( rgba(30,144,255,1), rgba(135,206,235,1));
}
.bouton_perso:active{
	margin-top:1px;
	margin-left:1px;
	box-shadow: 2px 2px 5px gray;
}
.bouton_fleche1:before{
    font-family:fleches2;
    font-size:60px;
    content:'n';
}
.bouton_fleche2:before{
    font-family:fleches2;
    font-size:60px;
    content:'g';
}
.bouton_fleche3:before{
    font-family:fleches2;
    font-size:60px;
    content:'k';
}
.bouton_fleche4:before{
    font-family:fleches2;
    font-size:60px;
    content:'j';
}
.bouton_fleche5:before{
    font-family:fleches2;
    font-size:60px;
    content:'';
}
.bouton_fleche6:before{
    font-family:fleches2;
    font-size:60px;
    content:'h';
}
.bouton_fleche7:before{
    font-family:fleches2;
    font-size:60px;
    content:'m';
}
.bouton_fleche8:before{
    font-family:fleches2;
    font-size:60px;
    content:'i';
}
.bouton_fleche9:before{
    font-family:fleches2;
    font-size:60px;
    content:'l';
}




.bouton_gestion:before{
    content:'y';
}
.bouton_deconn:before{
    content:'1';
}
.bouton_home:before{
    content:'5';
}
.bouton_retour:before{
    content:'f';
}
.bouton_refresh:before{
    content:'M';
}
.bouton_haut:before{
    content:'@';
}
.bouton_bas:before{
    content:'|';
}
.bouton_ferme:before{
    content:'}';
}
.bouton_question:before{
    content:'{';
}
.bouton_son:before{
    content:'Z';
}
.bouton_imprime:before{
    content:'é';
}
.bouton_arriere:before{
    content:'b';
}
.bouton_avant:before{
    content:'a';
}
.bouton_rafraichi:before{
    content:'L';
}
.bouton_cadenas_a:before{
    font-size:35px;
    content:'P';
}
.bouton_palma:before{
	font-size:50px;
    content:'²';
}
.bouton_copies:before{
    content:'Q';
}
.bouton_lecture:before{
    content:'D';
}
.bouton_zoomin:before{
    font-family:iconic;
    font-size:50px;
    content:'{';
}
.bouton_zoomout:before{
    font-family:iconic;
    font-size:50px;
    content:'}';
}
.bouton_agenda:before{
    content:'&';
}
.bouton_efface:before{
	content:'E';
}
.zone_bouton_1{
    position:fixed;
	top:10px;
	left:0%;
	width:20%;
	height:70px;
}
.zone_bouton_2{
    position:fixed;
	top:10px;
	left:20%;
	width:20%;
	height:70px;
}
.zone_bouton_3{
    position:fixed;
	top:10px;
	left:40%;
	width:20%;
	height:70px;
}
.zone_bouton_4{
    position:fixed;
	top:10px;
	left:60%;
	width:20%;
	height:70px;
}
.zone_bouton_5{
    position:fixed;
	top:10px;
	left:80%;
	width:20%;
	height:70px;
}

.petit_bouton{
	width:40px;
	height:40px;
	line-height:40px;
	font-size:25px;	
	/*border:2px solid #3498DB;
	border-left:5px solid #2E86C1;
	border-right:1px solid #5DADE2;
	margin: 5px;*/
}
.switch {
	display: inline-block;
	position: relative;
	top:5px;
	width: 70px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
}
.switch input {
	position: absolute;
	top: -30px;
	left: -30px;
	width: 0;
	height: 0;
}
.switch input + span {
 	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #99b4df;
	border-radius: 20px;
}
.switch input:checked + span {
	background: #346abf;
}
.switch input + span:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 4px;
	width: 32px;
	height: 32px;
	background: white;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: all .5s;
}
.switch input:checked + span:before {
	left: 34px;
}
#zone_grise{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.9);
	display:block;
	opacity:0;
	visibility:hidden;
	transition: visibility 0.5s linear 0.5s, opacity 0.5s linear;
	z-index:3;
}
.zone_mess_zone_grise{
    position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
.icone{
	width:40px;
	vertical-align:middle;
}
.logotitre,.logotitre2{
	position:absolute;
	top:15px;
	left:30px;
}
.logotitre2:hover{
	cursor:pointer;
}
.zone_time{
	font-family:digital;
	font-size:22px;
	background: linear-gradient(#000000, #0000FF);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 30px #AAAAAA;
}
.zone_time_espace{
    margin-top:0px;
}
.texte_degrade,.texte_degrade2{
	font-family:pistoleer;
	font-size:50px;
	background: linear-gradient(#000066, #0000FF);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 30px #AAAAAA;
}
.texte_degrade2{
	font-size:30px;
	background: linear-gradient(#000000, #0000FF);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.logo{
	width:40px;
	vertical-align:middle;
}
.logotitre2:hover > .texte_degrade{
	background: linear-gradient(#0000FF, #000000);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 20px #CCCCCC;
}
.logotitre2:hover > .texte_degrade2{
	background: linear-gradient(#0000FF, #000000);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 20px #CCCCCC;
}
.message,.message_zone,.message0,.message1{
	font-family:cursiveb;
	font-size:60px;
	color:OliveDrab;
	text-shadow:2px 2px 5px DarkGray;
}
.message_zone{
	font-family:cursiveb;
	color:OliveDrab;
	width:80%;
	background:#EEEEEE;
	padding:10px;
	border-radius: 5px;
	border: 2px solid #333333;
	box-shadow: 4px 4px 4px #555555;
}
#zone_princip{
	position:relative;
	top:0px;
	font-size:20px;
}
.menusel{
	position:relative;
	margin:30px 2px 0px 2px;
	width:98%;
	height:75px;
	background: linear-gradient(#0000FF70, #4682B4F0);
	background-clip: box;
	/*color: DarkRed;*/
	text-shadow:2px 2px 5px DarkGray;
}
#titremenusel{
	position:absolute;
	margin-top:20px;
	right:2%;
	font-family:pistoleer;
	font-size:40px;
	background: linear-gradient(#220000, #FF0000);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 3px 3px 30px #555555;
}

.message_alerte{
	margin: 10px 0px 20px 0px;
	font-family:cursiveb;
	font-size:30px;
	color:DarkRed;
	font-weight:bold;
	-webkit-animation: text-shadow-drop-center 0.6s infinite both;
	        animation: text-shadow-drop-center 0.6s infinite both;
}
.bloc1{
	font-family:manub;
	border:3px solid #222222;
	border-image: radial-gradient(farthest-corner at 20px 10px, Blue 0%, DodgerBlue 50% , SkyBlue 100%) 3;
	background-color:#DDDDDD;
	padding:5px 5px;
	text-shadow:2px 2px 5px DarkGray;
	text-align:left;
	width:80%;
	left:20%;
}
.bloc{
	border:3px solid #222222;
	border-image: radial-gradient(farthest-corner at 20px 10px, Blue 0%, DodgerBlue 50% , SkyBlue 100%) 3;
	background-color:#DDDDDD;
	padding:5px 5px;
	text-shadow:2px 2px 5px DarkGray;
	text-align:left;
	width:50%;
	min-height:160px;
}
.bloc_liens,.infos,legend,.bloc_contenu{
	font-family:manub;
	font-weight:bold;
	color:DarkRed;
	text-shadow:2px 2px 5px DarkGray;
	font-size:24px;
}
legend,.bloc_identif{
	position:relative;
	font-family:pistoleer;
	font-size:30px;
	background: linear-gradient(#220000, #DD0000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 30px #555555;
}
.triangle{
	font-family:fontformes;
	font-weight:bold;
	font-size:24px;
	border:none;
    background: -webkit-gradient(linear, left top, left bottom, from(#4444FF), to(blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow: 5px 5px 5px rgba(20,20,20,.5);
	-webkit-animation: triangle 2s linear infinite both;
	        animation: triangle 2s linear infinite both;
}
.triangle:hover{
	cursor:pointer;
}
.infos{
	text-shadow:none;
	color:black;
}
.bloc_liens{
	color:FireBrick;
}
/* *********************** Légendes ******************** */
.legende{
	position:fixed;
	top:120px;
	right:30px;
	font-family:manub;
	color:black;
	font-size:20px;
}
.legende1{
	display:none;
	height:50px;
	vertical-align:middle;
	line-height:50px;
	background:rgba(51,204,255,0.6);
	border-radius:20px 0px 0px 20px;
}
.legende2{
	display:none;
	height:50px;
	vertical-align:middle;
	line-height:50px;
	background:rgba(51,204,255,0.6);
	border-radius:20px 0px 0px 20px;
}
.legende_cadenas{
	justify-content:end;
}
.legende_cadenas:hover .legende1{
	display:block;
}
.legende_tablette{
	justify-content:end;
}
.legende_tablette:hover .legende2{
	display:block;
}
.legende_home,.legende_refresh,.legende_home2{
	margin-left:-100px;
	transform:scaley(0);
	width:0;
	color:rgba(0,0,0,0);
	height:65px;
	vertical-align:middle;
	line-height:65px;
	background:rgba(51,204,255,0.6);
	border-radius:0px 20px 20px 0px;
	background:linear-gradient(to bottom, DodgerBlue, SkyBlue);
	transition-property:transform,color;
	transition-timing-function: ease-in-out;
}
.legende_administre,.legende_administre2,.legende_administre3{
	margin-right:-110px;
	width:0;
	transform:scaley(0);
	color:rgba(0,0,0,0);
	height:65px;
	vertical-align:middle;
	line-height:65px;
	background:rgba(51,204,255,0.6);
	border-radius:20px 0px 0px 20px;
	background:linear-gradient(to bottom, DodgerBlue, SkyBlue);
	background:linear-gradient(to bottom, DodgerBlue, SkyBlue);
	transition-property:transform,color;
	transition-timing-function: ease-in-out;
}
.home:hover .legende_home,.home2:hover .legende_home2,.refresh:hover .legende_refresh{
	margin-left:-25px;
    width:auto;
	transform:scaley(1);
	color:rgba(0,0,0,1);
	transition-duration: 0.5s,1.5s;
}
.administre:hover .legende_administre,.administre2:hover .legende_administre2,.administre3:hover .legende_administre3{
	margin-right:-35px;
    width:auto;
	transform:scaley(1);
	color:rgba(0,0,0,1);
	transition-duration: 0.5s,1.5s;
}
.home:hover .bouton_perso,.home2:hover .bouton_perso,.refresh:hover .bouton_perso{
	border-right:none;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.administre:hover .bouton_perso,.administre2:hover .bouton_perso,.administre3:hover .bouton_perso{
	border-left:none;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}


.legende_home,.legende1,.legende2,.legende_cadenas,.legende_tablette,.legende_administre,.legende_administre3,.legende_administre2,.legende_refresh,.legende_arreter,.legende_home2{
    font-family:pistoleer;
    font-size:30px;
    font-weight:normal;
    padding:0px 10px 0px 40px;
}
.legende_administre,.legende_administre2,.legende_administre3{
    padding:0px 50px 0px 10px;
}
.legende1,.legende2{
    padding:0px 10px 0px 10px;
}
/* ***************************************************** */
.texte{
	font-family:manub;
	font-weight:bold;
	color:black;
	text-shadow:2px 2px 5px DarkGray;
	font-size:28px;
}
input,.selection{
	color:DarkRed;
	background-color: white;
	font-size:24px;
	font-family:manub;
	border:solid 1px DarkRed;
	border-radius:3px;
	vertical-align:middle;
	text-align:center;
}
.input0{
	background: radial-gradient(farthest-corner at 20px 10px, Blue 0%, DodgerBlue 50% , SkyBlue 100%);
}
.input1{
	background-color: Salmon;
	background-image: linear-gradient( white, rgba(255,255,255,0));
}
.input100{
	width:95%;
}
.input_identif{
	width:40%;
}
.input_identif2{
	width:60%;
}
.selection
{
	cursor:pointer;
	text-align-last:left;
}

.gros_bouton{
	vertical-align:middle;
	width:20px;
	height:20px;
	cursor:pointer;
}
/*.bouton{
	position:relative;
	font-family:pistoleer;
	color:DarkRed;
	font-size:24px;
	border:3px solid gray;
	border-image: radial-gradient(farthest-corner at 20px 10px, Blue 0%, DodgerBlue 50% , SkyBlue 100%) 3;
	border-left:10px solid blue;
	text-shadow:2px 2px 10px #777777;
	background:PaleTurquoise;
	background:linear-gradient(to right, DeepSkyBlue, LightBlue);
	border-radius:3px;
	box-shadow:1px 1px 5px rgba( 0, 0, 0, 0.7),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	cursor:pointer;
}
*/
.bouton{
	position:relative;
	padding:10px 20px 10px 20px;
	font-family:pistoleer;
	color:DarkRed;
	font-size:24px;
	border-width:3px 3px 3px 8px;
	border-color:DodgerBlue;
	border-style:solid;
	background:linear-gradient(to right, DeepSkyBlue, LightBlue);
	border-radius:100px 50px 100px 40px;
	box-shadow:1px 1px 5px rgba( 0, 0, 0, 0.7),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	border-image:none;
	text-shadow:-2px -2px 10px #FFFFFF;
	cursor:pointer;
	margin-bottom: 5px;
}
.bouton:active{
	top:1px;
	left:1px;
	box-shadow: none;
}
.bouton:hover{
	background: linear-gradient( rgba(30,144,255,0.5), rgba(135,206,235,0.5));
}
.csslabel{
	font-family:pistoleer;
	font-size:30px;
	padding:5px;
	border:solid 2px DarkRed;
	background:radial-gradient(farthest-corner at 20px 10px, white 0%, gray 50% , lightgray 100%);
	cursor:pointer;
}
label{
	cursor:pointer;
}
td{
	text-align:center;
	vertical-align:middle;
}
a:link,a:visited,.amenu,.amenu2,.amenubouton{
	text-decoration:none;
	color:DarkSlateBlue;
	font-family:cursiveb;
	font-size:30px;
	font-weight:bold;
	border: none;
}
.amenu:hover,.amenu2:hover{
	background:linear-gradient(to right, DeepSkyBlue, LightBlue);
	color:#476691;
}
.amenubouton:hover{
	color:#476691;
}
.texte_cursiveb{
	text-decoration:none;
	color:MediumSlateBlue;
	font-family:cursiveb;
	font-size:30px;
	font-weight:bold;
	border: none;
	text-shadow:1px 1px 3px black;
}
.message,.message0,.message1{
	-webkit-animation: text-pop-up-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
	        animation: text-pop-up-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
.message0{
	color:DarkRed;
}
.box,.box1,.box_pligne{
	display: flex;
	align-items: stretch;
	justify-content: center;
}
.box1{
	background-color:#BBBBBB;
}
.box_pligne{
	flex-wrap: wrap;
}
.boite1{
	width:50%;
	vertical-align:middle;
	text-align:right;
	padding:5px;
}
.boite2{
	width:50%;
	vertical-align:middle;
	text-align:left;
	padding:5px;
}
.boite2p{
	width:2%;
}
.boite3{
	width:3%;
}
.boite5{
	width:5%;
}
.boite7{
	width:7%;
}
.boite10{
	width:10%;
}
.boite15{
	width:15%;
}
.boite20{
	width:20%;
}
.boite25{
	width:25%;
}
.boite30{
	width:30%;
}
.boite35{
	width:35%;
}
.boite40{
	width:40%;
}
.boite45{
	width:45%;
}
.boite50{
	width:50%;
}
.boite55{
	width:55%;
}
.boite60{
	width:60%;
}
.boite65{
	width:65%;
}
.boite70{
	width:70%;
}
.boite75{
	width:75%;
}
.boite80{
	width:80%;
}
.boite85{
	width:85%;
}
.boite90{
	width:90%;
}
.boite95{
	width:95%;
}
.opacite10{
	opacity:0.1;
}
.opacite20{
	opacity:0.2;
}
.opacite30{
	opacity:0.3;
}
.opacite40{
	opacity:0.4;
}
.opacite50{
	opacity:0.5;
}
.opacite60{
	opacity:0.6;
}
.opacite70{
	opacity:0.7;
}
.opacite80{
	opacity:0.8;
}
.opacite90{
	opacity:0.9;
}

.scale-up-center {
	font-family:manub;
	font-size:40px;
	font-weight:bold;
	color:DarkSlateBlue;
	text-shadow:2px 2px 2px gray;
	-webkit-animation: scale-up-center 1s linear infinite ;
	        animation: scale-up-center 1s linear infinite ;
}
.heartbeat {
	cursor:pointer;
	position:absolute;
	top:-10px;right:100px;
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}
.text-shadow-pop-bottom {
	-webkit-animation: text-shadow-pop-bottom 1s infinite both;
	        animation: text-shadow-pop-bottom 1s infinite both;
}
.texte_info_transfert{
	-webkit-animation: texte_info_transfert 3s 2s both;
	        animation: texte_info_transfert 3s 2s both;
}
.effet_enregistre,.effet_enregistre2 {
	font-family:smartphone;
	font-size:60px;
	color:DarkSlateBlue;
	-webkit-animation: effet_enregistre 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
	        animation: effet_enregistre 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
.effet_enregistre2 {
	font-family:fontformes;
	font-size:80px;
}
.barre_deconn{
	width:100%;
	height:20px;
	background:linear-gradient(to right, #0000FF70, #4682B4F0);
	-webkit-animation: modifie_barre_deconn 1s both;
			animation: modifie_barre_deconn 1s both;
}
.titre_deconn{
	font-family:smartphone;
	font-size:100px;
	-webkit-animation: modifie_titre_deconn 0.2s infinite both;
			animation: modifie_titre_deconn 0.2s infinite both;
}
.nouveau{
	-webkit-animation: modifie_titre_deconn 0.5s infinite both;
			animation: modifie_titre_deconn 0.5s infinite both;
}
.bandeau_h{
	width:100%;
	height:40px;
	background:linear-gradient(to right, DodgerBlue, SkyBlue);
	vertical-align:middle;
	line-height:40px;
	text-align:left;
}
.bandeau_h_gris{
	width:100%;
	height:40px;
	background:linear-gradient(to right, Gainsboro, DarkGray);
	vertical-align:middle;
	line-height:40px;
	text-align:left;
}

/* ------------------------------ Animations ------------------------ */
@-webkit-keyframes text-shadow-drop-center {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
  }
}
@keyframes text-shadow-drop-center {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
  }
}
@-webkit-keyframes modifie_titre_deconn {
  0% {
	background: linear-gradient(#000066, #0000FF);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 30px #AAAAAA;
  }
  100% {
    background: linear-gradient(#0000FF, #000000);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 20px #CCCCCC;
  }
}
@keyframes modifie_titre_deconn {
  0% {
	background: linear-gradient(#000066, #0000FF);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 30px #AAAAAA;
  }
  100% {
    background: linear-gradient(#0000FF, #000000);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 20px #CCCCCC;
  }
}


@-webkit-keyframes modifie_barre_deconn {
  0% {
    -webkit-width: 100%;
            width: 100%;
  }
  100% {
    -webkit-width: 0%;
            width: 0%;
  }
}
@keyframes modifie_barre_deconn {
  0% {
    -webkit-width: 100%;
            width: 100%;
  }
  100% {
    -webkit-width: 0%;
            width: 0%;
  }
}


@-webkit-keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
@keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes text-blur-out {
  0% {
    -webkit-filter: blur(0.01);
            filter: blur(0.01);
  }
  80% {
    -webkit-filter: blur(0.01) opacity(100%);
            filter: blur(0.01) opacity(100%);
  }
  100% {
    -webkit-filter: blur(10px) opacity(50%);
            filter: blur(10px) opacity(50%);
  }
}
@keyframes text-blur-out {
  0% {
    -webkit-filter: blur(0.01);
            filter: blur(0.01);
  }
  80% {
    -webkit-filter: blur(0.01) opacity(100%);
            filter: blur(0.01) opacity(100%);
  }
  100% {
    -webkit-filter: blur(10px) opacity(50%);
            filter: blur(10px) opacity(50%);
  }
}
@-webkit-keyframes text-shadow-pop-bottom {
  0% {
    text-shadow: 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    text-shadow: 0 1px #AAAAAA, 0 2px #AAAAAA, 0 3px #AAAAAA, 0 4px #AAAAAA, 0 5px #AAAAAA, 0 6px #AAAAAA, 0 7px #AAAAAA, 0 8px #AAAAAA;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
@keyframes text-shadow-pop-bottom {
  0% {
    text-shadow: 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA, 0 0 #AAAAAA;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    text-shadow: 0 1px #AAAAAA, 0 2px #AAAAAA, 0 3px #AAAAAA, 0 4px #AAAAAA, 0 5px #AAAAAA, 0 6px #AAAAAA, 0 7px #AAAAAA, 0 8px #AAAAAA;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
@-webkit-keyframes texte_info_transfert {
  0% {
    -webkit-opacity: 1;
            opacity: 1;
  }
  100% {
    -webkit-opacity: 0;
            opacity: 0;
  }
}
@keyframes texte_info_transfert {
  0% {
    -webkit-opacity: 1;
            opacity: 1;
  }
  100% {
    -webkit-opacity: 0;
            opacity: 0;
  }
}
@-webkit-keyframes triangle {
  50% {
    -webkit-background: -webkit-gradient(linear, left top, left bottom, from(#4444FF), to(blue));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 5px 5px 5px rgba(20,20,20,.5);
            background: -webkit-gradient(linear, left top, left bottom, from(#4444FF), to(blue));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 5px 5px 5px rgba(20,20,20,.5);
  }
  100% {
    -webkit-background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(Silver));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 5px 5px 5px rgba(20,20,20,.5);
            background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(Silver));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 5px 5px 5px rgba(20,20,20,.5);
  }
}
@keyframes triangle {
  50% {
    -webkit-background: -webkit-gradient(linear, left top, left bottom, from(#4444FF), to(blue));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 5px 5px 5px rgba(20,20,20,.5);
            background: -webkit-gradient(linear, left top, left bottom, from(#4444FF), to(blue));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 5px 5px 5px rgba(20,20,20,.5);
  }
  100% {
    -webkit-background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(Silver));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 5px 5px 5px rgba(20,20,20,.5);
            background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(Silver));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 5px 5px 5px rgba(20,20,20,.5);
  }
}
@-webkit-keyframes effet_enregistre {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
@keyframes effet_enregistre {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}



@media all and (min-width: 1024px)
{
	.administre:hover,.home:hover,.refresh:hover,.plus:hover,.administre2:hover{
		/*transform: scale(1.2);
		transition: 0.5s;*/
	}
	.bouton:hover{
		background: linear-gradient( rgba(30,144,255,0.5), rgba(135,206,235,0.5));
	}
/*	BODY {
		overflow-y : scroll;
	}*/
	::-webkit-scrollbar {
		width: 12px;
	}
	::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	::-webkit-scrollbar-thumb {
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: linear-gradient(#0000FF, #4682B4);
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	}
	::-webkit-scrollbar-thumb:window-inactive {
		background: linear-gradient(rgba(0,0,255,0.8), #4682B4);
	}
}


@media all and (max-width: 1024px)
{
	.logotitre,.logotitre2{
		top:15px;
	}
    .zone_time_espace{
        margin-top:10px;
    }
    .zone_time{
    	font-size:30px;
    }
	.texte_degrade{
		font-size:60px;
	}
	.texte_degrade2{
		font-size:40px;
	}
	.logo{
		width:50px;
	}
	.haut{
		margin-top:250px;
	}
	.administre,.home{
		top:160px;
	}
	.refresh,.administre2{
		top:260px;
	}
	.divscrolling130{
		position:absolute;
		top:200px;
		bottom:0px;
		overflow-y:scroll;
		overflow-x:auto;
		border:none;
		width:100%;
	}
	.message_alerte{
		font-size:40px;
	}
	.icone{
		width:80px;
	}
	.i_logotitre{
		height:120px;
	}
	.legende{
		top:150px;
		right:30px;
		font-size:30px;
	}
	.menusel{
		top:0px;
		height:110px;
	}
	#titremenusel{
		font-size:45px;
		top:-10px;
		width:400px;
		text-align:right;
	}
	#zone_princip{
		top:0px;
	}
	.message_zone{
		width:70%;
	}
	.bloc1{
		width:90%;
	}
	.bloc{
		width:80%;
		min-height:250px;
	}
	.bloc_identif,.bloc_liens,.infos,legend,a:link,a:visited,.amenu{
		font-size:40px;
	}
	.triangle{
		font-size:60px;
	}
	.texte{
		font-size:45px;
	}
	.bloc_contenu{
		font-size:35px;
	}
	input,.bouton{
		font-size:50px;
	}
	.input100{
	    font-size:24px;
	}
	.gros_bouton{
		width:30px;
		height:30px;
	}
	.input_identif2{
		width:80%;
	}
	.input_identif{
		width:60%;
	}
	.scale-up-center {
		font-size:60px;
	}
	.barre_deconn{
	height:40px;
	}
	.titre_deconn{
		font-size:130px;
	}
}