@font-face {
font-family:'CPC';
/* font-display:fallback; */
src:url('PxPlus_AmstradPC1512-2y.woff2') format('woff2');
}

/* H1, TITRE */
@font-face {
font-family:'THICK';
/* font-display:fallback; */
/* src:url('MouseMemoirs-Regular.woff2') format('woff2'); */
src:url('Anton-Regular.woff2') format('woff2');
}

/* H1 Alternatif, TITRE */
@font-face {
font-family:'Section';
/* src:url('.woff2') format('woff2'); */
}

/* Texte */
@font-face {
font-family:'PT Sans Narrow';
/* font-display:fallback; */
src:url('PTSans-Narrow.woff2') format('woff2');
}

.detail_maj span {
	/* color:black; */
	border-radius:4px!important;
	padding:2px;
}

.fah_small {
	font-family:'THICK';
	font-size:36px;
}

.fah_big {
	font-family:'THICK';
	font-size:72px;
	color:#79C63F;
	text-shadow: 2px 2px 2px #000000;
}

.consoglobe {
	/* background:#43597C; */
	color:white;
	background:#1F2B42;
	border-radius:6px;
	border:4px solid #1F2B42;
	float:right;
	font-family:'THICK';
	font-size:18px;
	font-weight:normal;
	padding:0 4px 0 4px;
	line-height:20px;
	}
.consoglobe_data { color:#FD5050; }
.consoglobe_label { color:#FFFFFF; }

.nouveaute_container {
  font-size:16px;
  line-height:20px;
  text-shadow: 1px 1px 1px #000022;
}

.nouveaute_nom {
  padding:3px 6px 3px 6px;
  /* color:#8BC34A; */
  border:3px solid transparent;
}

.modifie_nom {
  padding:3px 6px 3px 6px;
  color:#FD9701;
}

.nouveaute_tn {
  border:1px solid #00000044;
  border-radius:2px!important;
  max-height:16px;
}

.nouveaute_tn_zoom {
transition: transform 0.05s;
margin: 0 auto;
}
.nouveaute_tn_zoom:hover {
transform: scale(8);
z-index:9999;
cursor:pointer;
}

.nouveaute_nom:hover, .modifie_nom:hover{
  background:#1F2E4A;
  cursor:pointer;
  /* color:#1F2E4A!important; */
  border-radius:4px;
  text-shadow:none;
  /* border:2px solid #1F2E4A; */
}

.nouveaute_nom:hover span, .modifie_nom:hover span{
  color:#1F2E4A!important;
}

.nouveaute_titre {
font-family:'THICK';
  font-size:20px;
  line-height:16px;
  margin:0px 8px 4px 0px;
  text-shadow: 1px 1px 1px #000022;
  background:#1F2E49;
  color:white;
  padding: 8px;
  border-radius:6px;
  text-align:left;
}


/*
================================================
BARRE DE PROGRESSION » HORIZONTALE EN HAUT DE PAGE
================================================
https://nouvelle-techno.fr/actualites/creer-une-barre-de-progression-horizontale-en-haut-de-page
*/
#progress{
	/* Dégradé RVB */
	background: #ff5050;
	background: -moz-linear-gradient(left,  #ff5050 15%, #8BC34A 50%, #3a98f6 85%);
	background: -webkit-linear-gradient(left,  #ff5050 15%,#8BC34A 50%,#3a98f6 85%);
	background: linear-gradient(to right,  #ff5050 15%,#8BC34A 50%,#3a98f6 85%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff505088', endColorstr='#3a98f688',GradientType=1 );
	border-top:6px solid #00000044;
	border-bottom:0px solid #00000044;
	height: 12px;
	width: 0;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 9999; /* Peut être important si vous avez un menu en position fixe */
	/* border-radius:8px; */
}


/*
================================================
DROP DOWN MENU POUR LES STYLES
================================================
https://www.hostinger.fr/tutoriels/menu-deroulant-css/
*/

/* Style The Dropdown Button */
.dropbtn {
	border:0 none;
	cursor: pointer;
	line-height:46px;
	width:48px;
	text-align:center;
	/* box-shadow: 2px 2px 8px #000000; */
	/* webkit-filter:drop-shadow(1px 1px 2px #000000); */
	/* filter:drop-shadow(1px 1px 2px #000000); */
	transition: transform 0.15s;
	margin: 0 auto;
	background:none;
}

.dropbtn-emoticon {
	border: none;
	cursor: pointer;
	border-radius:8px;
	padding-bottom:4px;
	border:2px solid #FFFFFF88;
	/* line-height:32px; */
	/* width:64px; */
	text-align:center;
	/* box-shadow: 2px 2px 8px #000000; */
	transition: transform 0.15s;
	margin: 0 auto;
	padding:4px;
	background-color:transparent;
}

		/* EMOTICONS */
		.bookmarkEmoticon {
			font-size:28px;
			/* webkit-filter:drop-shadow(2px 2px 2px #000000); */
			/* filter:drop-shadow(2px 2px 2px #000000); */
			}

		.bookmark {
			background-color:black;
			padding:4px 6px 4px 6px;
			border-radius:6px;
			margin:1px;
			border:2px solid white;
			/* webkit-filter:drop-shadow(2px 2px 2px #000000); */
			/* filter:drop-shadow(2px 2px 2px #000000); */
			}

.dropbtn:hover {
	transform: scale(1.15);
	z-index:999;
	/* webkit-filter:drop-shadow(10px 10px 10px #000000); */
	/* filter:drop-shadow(10px 10px 10px #000000); */
}

.dropbtn a:hover {
	border:0;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
	z-index:999;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	color:white;
	font-family:'CPC';
	font-size: 16px;
	position: absolute;
	background-color: #43597C;
	z-index: 1;
	white-space: nowrap;
	text-align:left;
	border-radius:8px;
	border:2px solid white;
	padding:12px;
	box-shadow: 4px 4px 24px #000000;
	text-shadow: 2px 2px 2px #000000;
	/* Un peu d'animation */
	opacity:0;
	visibility: hidden;
	transition:visibility 0s linear 0.15s,opacity 0.15s linear;
}

.dropdown-content img {
	margin-right:12px!important;
	margin:4px 16px 4px 8px;
}

/* ============================================================ */
/* Pour afficher les nouveautés sur toute la largeur de l'écran */
/* ============================================================ */
.dropdown-content_nouveaute {
	color:white;
	font-family:'CPC';
	font-size: 16px;
	position: absolute;
	margin-left:-100px;
	background-color: #43597C;
	z-index: 1;
	white-space: nowrap;
	text-align:left;
	border-radius:8px;
	border:2px solid white;
	padding:12px;
	box-shadow: 4px 4px 24px #000000;
	text-shadow: 2px 2px 2px #000000;
	/* Un peu d'animation */
	opacity:0;
	visibility: hidden;
	transition:visibility 0s linear 0.15s,opacity 0.15s linear;
}

/* Links inside the dropdown */
.dropdown-content_nouveaute a {
	color: white;
	text-decoration: none;
	display: block;
	padding-right:8px;
}

/* Change color of dropdown links on hover */
.dropdown-content_nouveaute a:hover {
	background-color: #FFFFFF;
	color:#293F62;
	border-radius:6px;
	text-shadow: none;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content_nouveaute {
	/* Un peu d'animation */
	opacity:1;
	visibility: visible;
	transition: opacity 0.35s;
	transition-delay:0s;
}
/* ============================================================ */




.dropdown-content-emoticon {
	width: 200px;
}

.dropdown-content-emoticon span:hover {
	background-color: #FFFFFF;
	border-radius:6px;
	text-shadow: none;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: white;
	text-decoration: none;
	display: block;
	padding-right:8px;
}



/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color:#1F2E4A;
	/* color:#293F62; */
	border-radius:6px;
	text-shadow: none;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	/* Un peu d'animation */
	opacity:1;
	visibility: visible;
	transition: opacity 0.35s;
	transition-delay:0s;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover {
	color:#FFFFFF;
}

.dropdown_separator {
	height:32px;
	line-height:32px;
}

.dropdown-content .img24 img { width:24px; height:24px; }
.dropdown-content .img32 img { width:32px; height:32px; }
.dropdown-content .img48 img { width:48px; height:48px; }
.dropdown-content .img64 img { width:64px; height:64px;}




/*
================================================
LES CURSEURS
================================================
http://danielstern.ca/range.css/#/
*/
input[type=range] {
-webkit-appearance: none;
width: 100%;
margin: 12px 0;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8px;
cursor:url('../images/cursor_pointer.png'), pointer;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
background: rgba(0, 0, 0, 0.74);
border-radius: 6px;
border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 1px solid #000000;
height: 24px;
width: 24px;
border-radius: 50%;
background: #3a97f4;
cursor:url('../images/cursor_pointer.png'), pointer;
-webkit-appearance: none;
margin-top: -8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: rgba(13, 13, 13, 0.74);
}
input[type=range]::-moz-range-track {
width: 100%;
height: 8px;
cursor:url('../images/cursor_pointer.png'), pointer;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
background: rgba(0, 0, 0, 0.74);
border-radius: 6px;
border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 1px solid #000000;
height: 24px;
width: 24px;
border-radius: 50%;
background: #3a97f4;
cursor:url('../images/cursor_pointer.png'), pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 8px;
cursor:url('../images/cursor_pointer.png'), pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: rgba(0, 0, 0, 0.74);
border: 0px solid #010101;
border-radius: 12px;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
background: rgba(0, 0, 0, 0.74);
border: 0px solid #010101;
border-radius: 12px;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 1px solid #000000;
height: 32px;
width: 32px;
border-radius: 50px;
background: #3a97f4;
cursor:url('../images/cursor_pointer.png'), pointer;
height: 8px;
}
input[type=range]:focus::-ms-fill-lower {
background: rgba(0, 0, 0, 0.74);
}
input[type=range]:focus::-ms-fill-upper {
background: rgba(13, 13, 13, 0.74);
}




/*
================================================
BLOC DE FONCTIONS SUR LE MENU (obsolète, remplacé par menu déroulant)
================================================
*/

.menu_treeview {
	float:left;
	/* margin-left :-32px; */
	font-size:24px;
	position:relative;
	/* top:140px; */
	/* bottom:0px; */
	/* left:-124px; */
}

.menu_treeview img {
	margin:0 1px 2px 1px;
	width:32px;
	height:auto;
	/* webkit-filter:drop-shadow(2px 2px 2px #000000); */
	/* filter:drop-shadow(2px 2px 2px #000000); */
}

.displayCursor {
cursor:url('../images/cursor_pointer.png'), pointer;
}

/*
================================================
ZOOM SUR LES VIGNETTES
================================================
*/
.zoom {
transition: transform 0.15s;
margin: 0 auto;
}
.zoom:hover {
/* transform: scale(1.25); */
transform: scale(1.10);
z-index:999;
}

/*
================================================
ZOOM SUR LES VIGNETTES PDF
================================================
*/
.zoomPDF {
transition: transform 0.15s;
margin: 0 auto;
}
.zoomPDF:hover {
/* transform: scale(2); */
transform: scale(2) translate(16px, 0);
z-index:999;
}

/* ============================== */
/*		FORMULAIRE DE CONTACT */
/* ============================== */
#frmContact {border-top:0;padding:10px;}
#frmContact div{margin:0;padding:0}
#frmContact div label{margin-left:5px}
.demoInputBox{padding:10px;width:100%;border:0;border-radius:6px;background-color:rgba(255, 255, 255, .25);text-indent:40px;color:white;font-family:CPC}
.error {background-color:#FF6600;border:0;padding:5px 10px;color:#FFFFFF;border-radius:6px;}
.success{background-color:#8BC34A;border:0;padding:5px 10px;color:#FFFFFF;border-radius:6px;}
.info{font-size:.8em;color:#FF6600;letter-spacing:2px;padding-left:5px;}
.btnAction{background-color:#8BC34A;border:0;padding:10px 40px;color:#FFF;border-radius:6px;width:100%;cursor:url('../images/cursor_pointer.png'), pointer;}


/* ================ */
/*		GENERAL		*/
/* ================ */
button .section_img {
	height:80px;
	/* margin:8px; */
	margin-left:8px;
	margin-right:8px;
	vertical-align:middle;
	webkit-filter:drop-shadow(2px 2px 2px black);
	filter:drop-shadow(2px 2px 2px black);
	}

.contribuer_attente {
color:#00BCD4;
letter-spacing:8px;
/* text-shadow:none; */
}
div {
scroll-behavior: smooth;
behavior: smooth;
}

/* hauteur treeview */
html, body {
/* height:870px; */
height:100vh !important;
margin:0;
padding:0;
background-color:#243A5E;
background-image:url('../images/bg.jpg');
background-position:left top;
/* background-size:100%;*/
scroll-behavior: smooth;
}

html>body {
font-size:20px;
} /* Reset Base Font Size */

body {
font-family:'PT Sans Narrow', sans-serif;
text-align:justify;
color:#DDDDDD;
}

html { overflow-y:scroll; }

a{
text-decoration:none;
cursor:url('../images/cursor_pointer.png'), pointer;
}

a:focus
{
outline:0;
}

h1 {
font-family:'THICK', sans-serif;
margin:0;
text-shadow:1px 1px 2px black;
font-size:2em;
}
	@media screen and (max-width:1600px) {
		h1 { font-size:1.3em;}
	}


h2 {
font-family:'THICK', sans-serif;
text-shadow:1px 1px 2px black;
font-size:1.25em;
}

	@media screen and (max-width:1600px) {
		h2 { font-size:1em; }
	}

.h2 {
font-family:'THICK', sans-serif;
text-shadow:1px 1px 2px black;
font-size:1.25em;
}

h4 {
font-family:'THICK', sans-serif;
text-shadow:1px 1px 2px black;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
padding:0 4px 0 4px;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color:black;
background-color:#FFFFFF!important;
border-radius:4px;
text-shadow:none;
}

a img {border:none;}

#alerte_container {
width:100%;
background:rgba(255, 0, 0, .85);
position:fixed;
top:0px;
left:0px;
}

#alerte {
color:#FFFFFF;
text-align:center;
font-family:'PT Sans Narrow';
font-size:18pt;
/* padding:1px;*/
border:4px solid #000000;
letter-spacing:1px;
font-weight:bold;
}


#appel_dons_container {
	/* display:flex; */
	margin:4px;
	padding:12px;
	border:1px solid black;
	border-radius:8px;
	background: #fa5050; /* Old browsers */
	background: -moz-linear-gradient(-45deg,	#4A3DA6 0%, #4A3DA6 12%, #3a98f6 24%, #3a98f6 36%, #8BC34A 48%, #8BC34A 64%, #ff5050 72%, #fa5050 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #4A3DA6 0%, #4A3DA6 12%, #3a98f6 24%, #3a98f6 36%, #8BC34A 48%, #8BC34A 64%, #ff5050 72%, #fa5050 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, 		#4A3DA6 0%, #4A3DA6 12%, #3a98f6 24%, #3a98f6 36%, #8BC34A 48%, #8BC34A 64%, #ff5050 72%, #fa5050 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a98f6', endColorstr='#fa5050',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* UN PEU DE 3D */
#sidebar_scene3d {
perspective :800px;
transform-style:preserve-3d;
overflow-y:auto;
overflow-x:hidden;
}

#sidebar_zoom3d {
transition:all 0.5s ease-in-out;
}

#sidebar_zoom3d:hover {
transition:all 0.25s ease-in-out;
transform-origin:left center;
transform:rotateY(5deg) translate3D(0px, 0px, 0px);

}

/* ================ */
/* LAZY DOWNLOADING */
/* ================ */
.lazy {
height:1080px;
}


.ombre_grande {
webkit-filter:drop-shadow(4px 4px 8px #000000);
filter:drop-shadow(4px 4px 8px #000000);
}

.previewCursor {
cursor:url('../images/cursor_zoom-in.png'), pointer;
}

.preview_pdf {
cursor:url('../images/preview_pdf.png'), pointer;
margin-left:-8px;
}
.preview_pdf:hover {
background-color:#00000000!important;
}


.grid_pdf { cursor:url('../images/download_pdf.png'), pointer; }
.grid_other { cursor:url('../images/download_other.png'), pointer; }
.grid_mp4 { cursor:url('../images/mp4_view.png'), pointer;}
.grid_mp4 img { width:200%; }
/*
================================================
ZOOM SUR LE MP4
================================================
*/
.zoom_mp4 {
transition: transform 0.15s;
margin: 0 auto;
}
.zoom_mp4:hover {
transform: scale(5) rotate(-5deg);
transform-origin: 0px 0px;
border-top:2px solid #E10000;
z-index:999;
}

.grid_legend {
display:inline-block;
overflow:hidden;
text-align:center;
line-height:14px;
/* padding-bottom:6px; */
padding:0;
margin:0 2px 0 2px;
border-radius:6px;
vertical-align:bottom;
}

.grid_legend legend {
height:46px;
display:block;
overflow-wrap: break-word;
text-overflow:ellipsis;
overflow: hidden;
white-space: pre-line;
/* Centrage du texte */
margin:0 auto;
padding:2px;
}

.grid_legend legend:hover {
background-color:#FFFFFF;
border-radius:6px;
}


.grid_legend a{
font-family:'Trebuchet MS';
color:white;
font-size:12px;
padding:2px!important;
margin:0!important;
border:0!important;
}

.grid_legend a:hover{
color:black!important;
background-color:transparent!important;
border-bottom:2px solid #FFFFFF;
}

#maj_contenu, #maj_site {
text-align:left;
display:inline-block;
vertical-align:top;
padding:4px;
overflow-wrap:break-word;
height:500px;
overflow-y:auto;
}

#maj_contenu {
width:100%;
font-size:16px;
text-align:left;
}

#maj_site {
width:100%;
font-size:16px;
text-align:justify;
}

#maj_contenu ul, #maj_site ul {
list-style:inside;
padding-left:0;
}

#maj_contenu ul>li, #maj_site ul>li {
padding-bottom:4px;
}

/* ================================================================== */
/* PARTIE POUR VISUALISER UN FICHIER TXT / ASM / MP3 / MP4 DANS UNE POPUP */
/* ================================================================== */
#viewTextOverlay, #viewASMOverlay {
display:none;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
margin-left:auto;
margin-right:auto;
width:100%;
height:100%;
opacity:0.75;
z-index:500;
background:rgba(0, 0, 0, .75);
}

#viewTextContainer {
display:none;
position:absolute;
top:80px;
left:50%;
width:75%;
height:80%;
background:#43597C;
color:white;
transform:translate(-50%, 0%);
z-index:1000;
border-radius:16px;
overflow:auto;
border:4px solid white;
}

#viewASMContainer {
display:none;
position:absolute;
top:80px;
left:50%;
width:75%;
height:80%;
background:#111111;
color:#87BE88;
transform:translate(-50%, 0%);
z-index:1000;
border-radius:16px;
overflow:auto;
border:4px solid #87BE88;
}

#viewTextContent, #viewASMContent {
padding:24px;
font-size:13px;
font-family:'Courier New';
white-space:pre-wrap;
}

#viewTextClose, #viewASMClose {
cursor:url('../images/cursor_pointer.png'), pointer;
position:absolute;
padding:20px;
top:8px;
right:calc(50% - 30px);
margin:10px;
z-index:99999999;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
background-image:url('../images/close.png');
}



/* ======================================================== */
/* PARTIE POUR VISUALISER UN FICHIER PDF DANS UNE POPUP */
/* ======================================================== */
#pdf-prev, #pdf-next {
font-size:32px;
border-radius:6px;
cursor:url('../images/cursor_pointer.png'), pointer;
}

#pdf-moins10, #pdf-plus10 {
font-size:26px;
border-radius:6px;
cursor:url('../images/cursor_pointer.png'), pointer;
}

#pdf-first, #pdf-last {
margin-top:12px;
font-size:26px;
border-radius:6px;
cursor:url('../images/cursor_pointer.png'), pointer;
}

#viewPDFOverlay {
display:none;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
margin-left:auto;
margin-right:auto;
width:100%;
height:100%;
opacity:0.95;
z-index:500;
background:rgba(0, 0, 0, .75);
}

#pdf-current-page, #pdf-total-pages {display:inline;}
#pdf-loader, #page-loader {font-size:18px;}
#pdf-title {font-size:24px;}

#pdf-canvas {
/* width:100%;*/
max-height:500px;
top:50%;
left:50%;
border-radius:6px;
/* cursor:url('../images/cursor_download.png'), pointer;*/
}

#viewPDFContainer {
font-family:'THICK';
font-size:40px;
display:none;
position:absolute;
top:80px;
left:50%;
padding:8px;
background:#43597C;
background:black;/* Mode ciné */
color:white;
transform:translate(-50%, 0%);
z-index:1000;
border-radius:16px;
overflow:auto;
border:4px solid white;
text-align:center;
}

#viewPDFContainer button {
font-family:'THICK';
background:#253B5E;
border:0;
color:#FFFFFF;
padding-left:4px;
padding-right:4px;
}

#viewPDFClose {
position:absolute;
padding:20px;
top:8px;
right:calc(50% - 30px);
margin:10px;
z-index:99999999;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
background-image:url('../images/close.png');
cursor:url('../images/cursor_pointer.png'), pointer;
}






/* ============================================================================ */
/* SAMPLE POPBOX CSS CLASSES */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/
/* ============================================================================ */

.PopBoxImageSmall{
border:none;
cursor:url(../images/cursor_zoom-in.png), zoom-in;
}

.PopBoxImageLarge{
background-color:rgba(0, 0, 0, .75);
border:2px solid rgba(255, 255, 255, .85);
cursor:url(../images/cursor_zoom-out.png), zoom-out;
border-radius:24px;
padding:8px;
color:red;
}



/* ================= */
/* DRAG AND DROP BOX */
/* ================= */
.popup{
width:100%;
height:100vh;
display:none;
z-index:999;
position:fixed;
top:0;
right:0;
}

#popup-article:target{
display:flex;
}

.popup:before{
content:"";
box-sizing:border-box;
width:100%;
background-color:rgba(0, 0, 0, 1.85);
background-position:left top;
background-size:100%;
position:fixed;
left:0;
top:50%;
/* will-change:height, top;*/
animation:open-animation .25s cubic-bezier(0.83, 0.04, 0, 1.16) 0s both;
}

.popup:after{
}

@keyframes line-animation{

0%{
width:0;
opacity:1;
}

99%{
width:100%;
opacity:1;
}

100%{
width:100%;
opacity:0;
}
}

@keyframes open-animation{

0%{
height:0;
top:50%;
}

100%{
height:100vh;
top:0;
}
}

.popup__block{
height:calc(100vh - 40px);
width:100%;
padding:5% 5%;
box-sizing:border-box;
position:relative;

margin:auto;
overflow:auto;
animation:fade .25s ease-out .15s both;
}

@keyframes fade{

0%{
opacity:0;
}

100%{
opacity:1;
}
}

.popup__title{
font-size:2.5rem;
margin:0 0 1em;
}

.popup__close{
width:3.2rem;
height:3.2rem;
text-indent:-9999px;

position:fixed;
top:20px;
right:20px;

background-repeat:no-repeat;
background-position:center center;
background-size:contain;
background-image:url(../images/close.png);
}

.open-popup{
color:#fff;
text-transform:uppercase;
padding:1rem 2rem;
border:1px solid;
}

.page{
min-height:100vh;
display:flex;
}

.page__container{
max-width:1200px;
padding-left:1rem;
padding-right:1rem;
margin:auto;
}




/* ================================ */
/* SCROLLBAR POUR CHROME UNIQUEMENT */
/* ================================ */
::-webkit-scrollbar {
width:24px;
/* height:1px;*/
}
::-webkit-scrollbar-button {
width:30px;
height:30px;
}
::-webkit-scrollbar-thumb {
background:#FFFFFF;
border:none;
border-radius:8px;
}
::-webkit-scrollbar-thumb:hover {
background:#FFFFFF;
}
::-webkit-scrollbar-thumb:active {
background:#FFFFFF;
}
::-webkit-scrollbar-track {
background:transparent;
border:none;
border-radius:8px;
}
::-webkit-scrollbar-track:hover {
background:rgba(255, 255, 255, 0.15);
}
::-webkit-scrollbar-track:active {
background:rgba(255, 255, 255, 0.15);
}
::-webkit-scrollbar-corner {
background:transparent;
}






/* --- Main areas --- */

/* Style the collapsible content. Note:hidden by default */
.collapsible_content {
max-height:0;
overflow:hidden;
transition:max-height 0.75s ease-in-out;
cursor:auto;
padding:0 32px 0 32px;
}

.collapsible_content_navigation {
padding:0 12px 0 12px!important;
}


.collapsible_content a {
color:#FFFFFF;
padding:2px;
border-radius:3px;
}

.collapsible_content a:hover {
color:black;
background-color:#FFFFFF;
}

.cpc_game {
width:19%;
border:2px solid rgba(255, 255, 255, .10);
padding:3px;
padding-bottom:12px;
border-radius:16px 16px 16px 16px;
margin:4px;
}

#cpc_game a {background-color:rgba(0, 0, 0, 0)!important;}
#cpc_game a:hover {background-color:rgba(0, 0, 0, 0)!important;}

#cpc_game img {
border-radius:10%!important;
transition-duration:1s;
}

#cpc_game img:hover {
webkit-filter:drop-shadow(0px 0px 12px #cyan);
filter:drop-shadow(0px 0px 12px cyan);
transition-duration:0s;
}

#cpc_emulation a {background-color:rgba(0, 0, 0, 0)!important;}
#cpc_emulation a:hover {background-color:rgba(0, 0, 0, 0)!important;}

#cpc_emulation img {transition-duration:1s;}

#cpc_emulation img:hover {
webkit-filter:drop-shadow(0px 0px 12px cyan);
filter:drop-shadow(0px 0px 12px cyan);
transition-duration:.0s;
}

.majuscule {
font-variant:small-caps;
}

.top {
width:100%;
height:80px;
text-align:center;
background: url('../images/etageres.png') repeat-x;
}

.top a {
text-decoration:none;
}

.top_title {
display:block;
font-family:'THICK', sans-serif;
font-size:68px;
text-shadow:2px 2px 4px black;
/* padding-top:-8px; */
font-variant:small-caps;
margin:auto;
text-align:center;
}

@media screen and (max-width:1600px) {
	.top_title {
	font-size:48px;
	}
}


@media screen and (max-width:1200px) {
	.top_title {
	text-align:right;
	}
}



.top_title a{color:black!important;}
/* La transparence à .99 c'est pour tromper Google sur le niveau de contraste et ainsi passer le test d'accessibilité */
.top_title_AMSTRAD {
	color:#FF5050;
	text-shadow: 0 8px 5px #000, 0 0 10px #000, 0 0 12px #FF5050, 0 0 14px #FF5050, 0 0 16px #FF5050;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #00000088;
	position:relative;
}

.top_title_CPC {
	color:#8BC34A;
	text-shadow: 0 8px 5px #000, 0 0 10px #000, 0 0 12px #8BC34A, 0 0 14px #8BC34A, 0 0 16px #8BC34A;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #00000088;
	position:relative;
	}

.top_title_MEMOIRE_ECRITE {
	color:#3A98F6;
	text-shadow: 0 8px 5px #000, 0 0 10px #000, 0 0 12px #3A98F6, 0 0 14px #3A98F6, 0 0 16px #3A98F6;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #00000088;
	position:relative;
	}

.top_image {
	height:80px;
	width:auto;
	/* webkit-filter:drop-shadow(2px 2px 4px black); */
	/* filter:drop-shadow(2px 2px 4px black); */

	webkit-filter:drop-shadow(2px 2px 2px black);
	filter:drop-shadow(2px 2px 2px black);
	
 }

.top_image_medaillon {
	border-radius:50%;
	webkit-filter:drop-shadow(2px 2px 2px black);
	filter:drop-shadow(2px 2px 2px black);
 }


@media screen and (max-width:1600px) {
.top_image {height:60px; width:auto;}
}

@media screen and (max-width:1024px) {
.top_image {display:none;}
}

.top_image_cpc {
	width:240px;
	webkit-filter:drop-shadow(0px 8px 5px black);
	filter:drop-shadow(0px 8px 5px black);
	padding-right:4px;
 }

/* .top_image_cpc464 { */
	/* width:120px; */
	/* webkit-filter:drop-shadow(0px 8px 5px black); */
	/* filter:drop-shadow(0px 8px 5px black); */
	/* padding-right:4px; */
 /* } */

/* .top_image_cpc664 { */
	/* width:240px; */
	/* webkit-filter:drop-shadow(0px 8px 5px black); */
	/* filter:drop-shadow(0px 8px 5px black); */
	/* padding-right:4px; */
 /* } */

/* .top_image_cpc6128 { */
	/* width:110px; */
	/* webkit-filter:drop-shadow(0px 8px 5px black); */
	/* filter:drop-shadow(0px 8px 5px black); */
 /* } */

@media screen and (max-width:1600px) {
.top_image_cpc {width:180px;}
/* .top_image_cpc464 {width:60px;} */
/* .top_image_cpc664 {width:60px;} */
/* .top_image_cpc6128 {width:50px;} */
}

@media screen and (max-width:1024px) {
.top_image_cpc {display:none;}
/* .top_image_cpc464 {display:none;} */
/* .top_image_cpc664 {display:none;} */
/* .top_image_cpc6128 {display:none;} */
}

@media screen and (max-width:1600px) {
.cpc_scene_radio {display:none;}
}


.blanc {color:white;}
/* .rouge {color:#FF5050;} */
.rouge {color:#FF998C;}
/* .vert {color:#8BC34A;} */
.vert {color:#C9FF8C;}
/* .bleu {color:#3A98F6;} */
.bleu {color:#8CD1FF;}
/* .jaune {color:#FFEB3A;} */
.jaune {color:#FFF48C;}
/* .orange {color:#FC9701;} */
.thick { font-family:'THICK'; letter-spacing:1px; font-size:1.1em;}

.arrondi { border-radius:4px!important; }

.inverse_video {
color:#253B5E;
background-color:white;
padding:1px;padding-left:6px;
padding-right:6px;
font-weight:normal;
border-radius:4px;
}

.inverse_video_rouge {background-color:#FF5050!important;} /* #FF5050 */
.inverse_video_vert {background-color:#8BC34A!important;} /* #8BC34A */
.inverse_video_bleu {background-color:#3A98F6!important;} /* #3A98F6 */
.fluo {background-color:#FEFA3D!important; color:black; padding:2px;}

.search_text{
background-color:#FFFFFF22;
background-image:url('../images/search.png');
/* background-image:url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAB3RJTUUH4wcaBgc0u/i2pwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAARnQU1BAACxjwv8YQUAAAI5SURBVHja7ZbPS1RRFMdnJgqhRZGNQot2EeEmAi0MB4Z0I0hjlNVKhShcRWv/ABduErRWbtqWe12IyfQDpKFFTRS1GM0sgxjDYSp15vQ9vO8wb6b3mDfe9xoQL3x43Hfvued7f5xzb0hEQo2koc73hIBWcAVMgRfgI3gGJkEfiAYp4CKYBT/FuWTZfs5vAQfBHfCDjorgN1gGabDCepHt38AtEPZLQBys2Ry8BrfBedAGLrCerhLR7oeAE+AVB/0FHoCjLn2Pg4dgm/0XaW8kYBDkOOBT0FKjf9QmeBMMmAg4DB5zWfPgkke7BJ1reWIi4Bj3VcsbcNKj3Wn21/LJREALD5MwvJrrsJunXc5EgO7nKgda8LD/9oObpF3WRMAR20Aahmc82nWAz7R7aSLgELjPQ1gAdz3ajYoVimo3biJAiYEvtlXoBhGXvgcYKRvsnxErWRkJaALTHLDAqLgs/6ZZrd8A76ScDSdov2sBOqOz4JFUli2xks0YuMdlToEdtuvyz4mVR4xSsWaxD3TotejsZ8Apt3G9znxEyrefljz/DYsV418pTLflD+s66yHah0wE9IN1217qd0nKF4s+SrrATbGu3eus13yM1BIQ4YDfq5b0rVhXbr0HuG4BvVxK+8wz/O+LczcBYe5tKe+XnL8HnX46dxPQI5UvHv3qMyvht3MnAVfp3D5zvUJjQTh3EvC8auZ6+10LyrmTgCQdK/rKjQfp3EmAnnCN8RS3I1DntcLwv7Av4C86gKXooAHaZQAAAABJRU5ErkJggg=='); */
background-position:right;
background-repeat:no-repeat;
border:0px solid rgba(72, 160, 220, .5);
padding:3px;
padding-left:12px;
padding-right:12px;
text-align:center;
color:#FFFFFF;
border-radius:16px;
-webkit-transition:background-color .3s ease-in-out,
color .5s ease-in-out;
width .9s ease-in-out;
transition:			background-color .3s ease-in-out,
color .5s ease-in-out;
width .9s ease-in-out;
text-shadow:1px 1px 2px black;
}

.search_text:focus {
background-color:rgba(72, 160, 220, .5);
}

.search_text:hover {
background-color:rgba(72, 160, 220, .5);
}

.top_search {
font-family:'CPC';
font-weight:normal;
font-size:24px;
border-radius:6px;
float:right;
}

/* Ajuster dynamiquement la largeur du champ de recherche */
/* #top_search_container input { width:100%; } */
/* #search_breacrumb { display:flex; } */
/* #list_header { flex-grow:50; } */
/* #top_search_container { text-align:right; } */
/* #top_search_container { flex-grow:50; } */


.title_boutique {
font-family:'CPC';
font-size:24px;
font-weight:normal;
color:#FFFF00;
text-shadow:1px 1px 1px #000000;
}
#top_appinfo_container {
/* display:inline-block; */
position:absolute;
left:0;
top:0;
text-align:left;
vertical-align:middle;
white-space:nowrap;
}
.top_appinfo {
display:inline-block;
/* font-family:'CPC'; */
font-size:20px;
font-weight:normal;
color:white;
/* text-shadow:1px 1px 2px black; */
/* float:right;*/
margin-left:8px;
vertical-align:middle;
margin-left:32px;
text-align:right;
}

@media screen and (max-width:1024px) {
.top_appinfo {display:none;}
#tot_size {display:none;}
}

.top_appinfo_date {
color:#FFFFFF;
font-size:56px;
vertical-align:middle;
}

.top_appinfo_heure {
font-size:28px;
vertical-align:super;
}

#tot_size{
font-size:56px;
color:white;
vertical-align:middle;
}

.nbgeeks{
font-family:'CPC';
font-size:16px;
color:white;
}

/* EN FAIT LE CSS SUIVANT PERMET DE GÉRER LES GROS TITRES ET NON PLUS LA TAILLE TOTALE DE LA BDD */
.nom_taille_modifie {
font-size:20px;
font-weight:normal;
font-family:'CPC';
color:#FFFFFF;
}

.top_languages {
top:12px;
left:4px;
position:absolute;
float:left;
display:block;
}

.top_languages img {
width:48px;
height:auto;
margin:4px;
cursor:url('../images/cursor_pointer.png'), pointer;
}

.top_social {
top:12px;
right:20px;
position:absolute;
float:right;
display:block;
}

.top_social img {
cursor:url('../images/cursor_pointer.png'), pointer;
width:48px;
height:auto;
margin:4px;
}

@media screen and (max-width:1200px) {
.top_social {display:none;}
}


.loading {
background:#253B5E;
background-image:url('../images/bg.jpg');
border:1px solid #aaa;
margin-left:auto;
margin-right:auto;
width:100%;
height:90%;
padding-top:30px;
text-align:center;
font-size:120%;
}
.loading_info {
font-size:100%;
font-style:italic;
}

/* Hauteur et Largeur Treeview + Navigation */
.content {
display:none;
height:100% !important;
padding-top:4px;
/* margin-left:8px; */
/* margin-right:8px; */
margin:0px;
background:#253B5E;
background-image:url('../images/bg.jpg');
border:none;
overflow:hidden;
}

. _div {
position:relative;
height:100%;
width:29%;
float:left;
overflow-y:auto;
overflow-x:hidden;
}

.files_div {
position:relative;
height:100%;
overflow-x:hidden;
overflow-y:hidden;
}

.bold {
font-weight:bold;
}


.treeview {
position:relative;
height:100%;
float:left;
overflow:auto;
overflow-x:hidden;
background-image:url('../images/bg.jpg');
}
.treeview_bold {
font-weight:bold;
}

.list_container {
position:relative;
height:100%;
overflow-x:hidden;
overflow-y:hidden;
}

/* Hauteur du bandeau d'infos inférieur */
.list_files {
width:100%;
/* bandeau d'infos */
height:calc(100% - 140px)!important;
overflow-x:hidden;
overflow-y:auto;
padding:4px;
}


/* --- Splitter --- */
/* voir index.php pour la largeur du treeview :$("#content").splitter( {sizeLeft: */
.vsplitbar {
width:24px;
background-color:#43597C;
border-radius:8px 8px 0 0;
margin-left:4px;
margin-right:4px;
/* cursor:url('../images/cursor_ew-resize.png') 24 24, pointer;*/
cursor:url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAWXRFWHREZXNjcmlwdGlvbgB2ZWN0b3IgcmVzaXplIEJlc3Qgb2YgUmVzaXplIHVwIGRvd24gY3Vyc29yIEljb24gRnJlZSBvZiBWZWN0b3IgbWFjT1MgY3Vyc29yc41HqJsAAAATdEVYdENvcHlyaWdodAAzYXhpZC5uZXQy/PRnAAAL/HRFWHRYTUw6Y29tLmFkb2JlLnhtcAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjEuMiI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgICAgICAgIDxkYzpkZXNjcmlwdGlvbj4KICAgICAgICAgICAgPHJkZjpBbHQ+CiAgICAgICAgICAgICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+dmVjdG9yIHJlc2l6ZSBCZXN0IG9mIFJlc2l6ZSB1cCBkb3duIGN1cnNvciBJY29uIEZyZWUgb2YgVmVjdG9yIG1hY09TIGN1cnNvcnM8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6QWx0PgogICAgICAgICA8L2RjOmRlc2NyaXB0aW9uPgogICAgICAgICA8ZGM6cmlnaHRzPgogICAgICAgICAgICA8cmRmOkFsdD4KICAgICAgICAgICAgICAgPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij4zYXhpZC5uZXQ8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6QWx0PgogICAgICAgICA8L2RjOnJpZ2h0cz4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+MzcvMTwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+MzcvMTwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MzwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PrFGEfAAAAAHdElNRQfjBh4RJTJeQl6gAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAABGdBTUEAALGPC/xhBQAAAg5JREFUeNrtl89LAkEUx7fcBMOSJBPqEEHQf+LJP6GTf4Nn8U/wVODBSwcPgt0SBbt1iPWwQggRSqcuRSgedEd3t/dkRp5b7DK7/ojowfey773vfGaYnZ1V8vm8IiPbti9tl5D1kyr+VQC5XO4jHo+bQmsHyGaz74qi2EJ/HwC8TzcGAL5noDcZAKwHXQQGAJNjUM8HAMZrIAAwOCRvmB8AjGfQiTQANMVB7SUAYHSkAKAhJjpTqVS/0WiYfgDq9bppQPCUDtr3BICiXVATOxhjJpoHAUin0wb68LTmCgAFKsjiJ91QmHMAfM5AUzcAiAmvmwGQvMXz9zjJbwB88KpwgSbLAbAQLgDzoACFQmFAIO4WAODBtkjWajUWDodNah6LxSaJRIJRRSKRCa2BZ4azBvtojaqqdCIVnDQOvgW6Fk+j0ejC4MuWpml9PhROuIwAN2L2uq5PVjk4KplMsm63OxIQYgXKZAXYKgFardaYrMAV3YS3IlEqlca0CTbhlDfMJbsJQ6HQtFKpDEk65HwLIrg750uz5LegWCx+klTV7SB6mBFYlpnJZEZBDyLMgc+YDL7jdRLugR6xcgUnYVPmY/SEHYPBwIBdy/wAQJ9BZn4g+zVMgDrEIMjXUA9yIXkJCHDk+0LCjc5t/zeinpe/JwAxbEsCeN4HZQE2dyt2gPwDiJ9Ty6G1A/wYsn5fj6iPWFLqfLIAAAAASUVORK5CYII=') 24 24, pointer;
}

.vsplitbar:hover {
background-color:#FFFFFF;
}

/* --- File Table --- */

#files.tablesorter {
font-family:'CPC', sans-serif;
/* font-size:16px; */
width:100%;
text-align:left;
color:#FFFFFF;
margin-left:4px;
}

#files.tablesorter a {
padding:8px;
}

#files.tablesorter a img {
margin-top:-8px;
}

#files.tablesorter a:hover {
padding:8px;
color:#293F62;
background-color:#FFFFFF;
border-radius:6px;
}

#files.tablesorter thead tr th, #files.tablesorter tfoot tr th {
background-color:#43597C;
border-radius:6px;
padding:6px;
border-left:0px;
font-weight:normal;
color:#FFFFFF;
text-shadow:1px 1px 2px black;
}

#files.tablesorter thead:hover tr:hover th:hover {
background-color:#FFFFFF;
color:#293F62;
text-shadow:none;
}

#files.tablesorter thead tr .header {
cursor:url('../images/cursor_pointer.png'), pointer;
border:0px solid black;
}

#files.tablesorter tbody td {
background:#293F62;
background:rgba(41, 63, 98, 0.5);
line-height:32px;
}

#files.tablesorter tbody tr:nth-child(even) td {
background:rgba(34, 56, 91, .5);
}

#files.tablesorter tbody tr:hover td,
#files.tablesorter tbody tr:nth-child(even):hover td {
background-color:#576D9044;
border-radius:6px;
}


#files.tablesorter thead tr .headerSortUp {
background-image:url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAACXBIWXMAAHUwAAB1MAHdM3LNAAABpFBMVEUsPFQsPFUtPFUuPlcvP1gvP1kwQFkwQFoyQVsyQlszQ100R2Q1R2Q1SGU2SGY2SWY3SWY3SWc4Smg4S2g5TGo6TWo7Tmw8T20/VHc/VXc/VXhAVXhAVnhAVnlAV3pBV3pBV3tCWHtCWHxCWXxDWXxDWX1DWn1DWn9DW39EWn1EWn5EW35EW4BFW35FW39FXH9FXIFFXYJFXYNGXH9GXIBGXYBGXYJHXYBHXYFHXoRHX4VIX4RIX4VIYIZIYYdJYIZJYYZJYYdKYYdKYohKYolKY4lLYohLY4hLY4lLY4pMZYstPVY/VXhCWHtFW35AVXhAVnhCWHtEW35FW39DWn9AVnlDWn1CWHs/VXhHXYFAVnlDWX1DWn1FXH9GXH9GXIBDWXxCWHs/VXc/VXhBV3lDWXxHXYBGXIAtPVY4S2hEWn1GXIA/VXc/VXg/VHc/VXc/VXhAVXhAVnhAVnlBVnlBV3lBV3pCWHtCWHxCWXxDWXxDWX1DWn1EWn1EWn5EW35FW35FW39FXH9FXIFGXH9GXIBGXYBGXYJHXYBHXYFHX4VMZIuhPp8+AAAAbnRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFEBAQERERERESQEBXWGFkZGRkZGRod3p6enp6fsbHzNXh9LZ9ypYAAAH1SURBVBgZBcFNaxNBGADgmXfemdmPbPYjtqEpvWhLUFBKUenNgycRTwoe/JH+CRFEULB67EVp06ZJk/3I7s7Ol89D8fyf218cbjQnb/w3JZSNVUmLSyAMyCJb6ujJ+wfxh9Ww2TijJ14yHjZhCto+ftb2rDv7IqHUM8yXDJ8GZCO60/M+ojTtXl05Z5JFdg32+m+Lm5cPq6I23ODqXetSRKkB9/d4+OJ4PFnGcuDW2Y9yYydAGTm66U4fadIFDCVGuA1PL4aRvWGS7c2PMscdbcSgSQuo5r92kyWD2dE8sImAMg45Gaysczn/AxXo4xOGlq3qKbuvaYPEOxV/mir29lyUJLovtAkV5w4MGzyy+Xf2eiQ6Xucr3nua75zvnGVdlxzQ6GzpuH5+MngB/ZAM0e+f2TqYXUAbhXlDQqasc/GeDRq0GppOI1vem0MPQno2WnOTOjHmNGEIIAheXfmtpHht9aRprahSYjTQHGQRUme8ijFQFfNlsdCxA/QkixwFFY8U2dmZhOKWpMJir5zfRpQmVEmT05JT09NbAQhm1PUxLUrledZ0lBp/eDdGBEJUzSqqXZH1rXVOCFyPq5gArBMSm23NKytBT3LbrsOtowA6uIMdfGW72PUyddv+R7sD6wYmcodUs8UBhmg5bD8HZBr009v/1O0ICRnUFdwAAAAASUVORK5CYII=');
background-position:right 4px center;
background-repeat:no-repeat;
color:#293F62!important;
text-shadow:none;
}
#files.tablesorter thead tr .headerSortDown {
background-image:url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAHUwAAB1MAHdM3LNAAAEH0lEQVRIx0WWvbIsRxGEv6rq7tkj7x4sPDzhENiypCeQTMQrYvEGeAregiDkEpyLAXf7p6owumevt9M73ZWdlZk18sfvf+a3v/sD/flfMpPWGr13rscDX4uI+Kuq/gj4WisguR5vlpEiIn/JjD9ngpqSkaw1AaG0B//5168ogIggIgD03qm1MccgItLMflJVyczS2tXMShPExuiamT/POXLODplkJhFBrQVIam2oiDLnwN0xM1q77oJ/ykzmnEQk7osxOpnJGJ1SCqM/UTVU7YfeO2tNrscDEaWecxTguh48Hm+oGnMOkiQivlVVrusiM6i1YWaICLU2IoLr7e1e/72qkpmQ0PuTjGDNiWYGvT95Pr8Q4agqcwxqbct9MefclM1JRCDnIFVl9CeZibuvzKTWulGroqp4OMX0piXJCESUcMd9HXSF3p+UUoEk3LFmpCcbcAJgZswx0DejlIqoIgjFw0mSNScZQWkNRHD3Gx1WCsIWgpohcIo7s3esVvT852tRSmWtBYCaGaN3WrtAYPZOrfVc0wAgc/cmIdxZ7kQG7n6QcgDttTE6ctRZImLzPgeqhpgcqTUQ0BBG75RTFGTL0YPM3NTMucVAYc0JwFoLUUHXNhOZeeSp5zeM/tybH2+ICGP0c3VhrXEKwt2J8KCUDaS1C18LFRHMjFo3bxF+N9ZvTyxf6KFCRPbNDn2bAfM1J5kBbIWJCO16UDbFiYq+HD1Gp13XP3t/Ylbw0zBRPQ2c3Pt8LRD5B/CiOhO0DNwXpbXrF7Py3ZzPl5G2S/vLUDciEWWMfnpUiQja9WDO8Tczw6yw1kRVOc9/196/fG9me7GUl7zuYrdcySRJSqlc12Pf2oy1xus5SRBhrYW7s+b8TlVtjtF/M8egP7/Q2oWZvSR4FxIRykHo7kQEpht1Zn71CmyjiYgV22EnIv8G3kWU3r/Qn08gtzPVXvQ8n/87ielbJb422vB929iBCUhG3CqC2hoi8mFm77VdWCmAnAiO16G3BM0KkcGcY6sqt9GKFXrvsm9Ud7PNCidOMCsfqvq+w0xekVFKxUrB3Y+JJpnJ4/ENZoaaUqww55C7f2pKZKCjP19Gg8TX+jCz95uaWivI1ruZvaaeim65yuY9M8V9C2SMzhzjJKsZmUEp5TVYRPWjlPJ+y3SOwZqDzKS2tvOmP3FfZCRjDIHkut5Q1R3bqqgot9eJM09FFF+LTD4y41MmtHZRT1Nv2SY7rlVVbqWtNSlH6nacriLCXBMrdveBiGCtyVrrs6p8ujlXNQTZKroetHZJ5lft74m43xWVr2Gnoozej7EWIjtRD6rPVsoncg+bTcEFmTJHx31B5jHX3pu5h5e7o6WUV+zuSNAz2eR8BDwI98+qWmtrpzAiIpRaub9K9rvtxf+dW/8HxIYRniUhRroAAAAASUVORK5CYII=');
background-position:right 4px center;
background-repeat:no-repeat;
color:#293F62!important;
text-shadow:none;
}




#files.tablesorter thead tr .headerSortDown, #files.tablesorter thead tr .headerSortUp {
background-color:#FFFFFF;
color:#293F62!important;
text-shadow:none;
}

#files.tablesorter th:last-of-type,
#files.tablesorter td:last-of-type {
border-right:0px;
}


.thumbnail {
margin:1px;
webkit-filter:drop-shadow(2px 2px 4px #000000);
filter:drop-shadow(2px 2px 4px #000000FF);
}

.thumbnail_apercu {
border:8px solid rgba(0, 0, 0, 0);
border-radius:14px;
background:white;
height:160px;
webkit-filter:drop-shadow(1px 1px 2px #000000);
filter:drop-shadow(1px 1px 2px #000000);
}




/* APPARENCE DES ICONES DE DRAPEAUX À DROITE */
.folder_link img { height:32px; }

/* dossier tout le temps fermé fermé dans le volet droit */
span.file_folder {
background:url('../images/folder_close.png') no-repeat left center;
background-size: 32px 32px;
height:32px;
width:32px;
padding-left:40px;
padding-top:4px;
padding-bottom:6px;
}

span.file_other a, span.file_folder a {
text-decoration:none;
color:#F4F4F4;
padding:4px;
padding-left:8px;
border:0px solid rgba(0, 0, 0, 0);
}

span.file_other a:hover, span.file_folder a:hover {
text-decoration:none;
color:black;
background:#FFFFFF;
border-radius:4px;
border:0px solid rgba(0, 0, 0, 0.75);
}


/* Ces images ne sont affichées qu'en mode DETAILS, sinon ce sont les grosses icônes qui prennent le relais dès que les miniatures sont activées */
span.file_7z {
background:url(../images/file_7z.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_asm {
background:url(../images/file_asm.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_docx {
background:url(../images/file_docx.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_dsk {
background:url(../images/file_dsk.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_epub {
background:url(../images/file_epub.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_image {
background:url(../images/file_image.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_iso {
background:url(../images/file_iso.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_mp3 {
background:url(../images/file_mp3.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_mp4 {
background:url(../images/file_mp4.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_other {
background:url(../images/file_other.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_pdf {
background:url(../images/file_pdf.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_rar {
background:url(../images/file_rar.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_txt {
background:url(../images/file_txt.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_url {
background:url(../images/file_url.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}

span.file_xlsx {
background:url(../images/file_xlsx.png) no-repeat left center;
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);padding-left:38px;
background-size:32px 32px;
}




span.file_noicon {
text-decoration:none;border-top:16px solid rgba(0, 0, 0, 0);border-bottom:16px solid rgba(0, 0, 0, 0);
}

span.file_pdf a, span.file_txt a, span.file_url a, span.file_image a, span.file_noicon a, span.file_7z a, span.file_rar a, span.file_iso a, span.file_mp3 a, span.file_mp4 a, span.file_xlsx a, span.file_epub a, span.file_docx a, span.file_asm a, span.file_dsk a {
text-decoration:none;
color:#F4F4F4;
padding:4px;
border:0px solid rgba(0, 0, 0, 0);
}

span.file_pdf a:hover, span.file_txt a:hover, span.file_url a:hover, span.file_image a:hover, span.file_noicon a:hover, span.file_7z a:hover, span.file_rar a:hover, span.file_iso a:hover, span.file_mp3 a:hover, span.file_mp4 a:hover, span.file_epub a:hover, span.file_xlsx a:hover, span.file_docx a:hover, span.file_asm a:hover, span.file_dsk a:hover {
text-decoration:none;
color:black;
background:#FFFFFF;
border-radius:4px;
border:0px solid rgba(0, 0, 0, 0.75);
}







.path_info {
background:#3E4044;
color:#fff;
font-size:1.5em;
border:0px;
padding:12px;
padding-left:6px;
}

.alerte {
background:#FF0000;
color:#fff;
text-align:center;
font-weight:bold;
font-size:24px;
padding:8px;
margin:0px;
margin-left:-16px;
width:98%;
}

/* --- Breadcrumb --- */

.list_header {
color:#FFFFFF;
font-family:'CPC';
/* font-size:24px; */
padding-left:0;
margin-top:2px;
/* text-shadow:1px 1px 2px black; */
margin-bottom:4px;
float:left;
}

.list_header img {
margin:0px;
}

.list_header span {
/* background-color:white; */
}

.list_header a {
font-family:'THICK';
font-size:18px;
background:#FFFFFF;
color:#293F62;
padding:4px 8px 4px 8px;
border-radius:6px;
}

.list_header a:hover {
text-decoration:none;
color:white;
background-color:#3A98F6;
text-shadow:none;
}


.path_divider {
/* color:#1E9BF7;*/
background:none!important;
font-size:22px;
font-weight:, normal;
}


.menu_statique {
font-family:'CPC';
}

.menu_statique_petit {
font-family:'CPC';
font-size:12px;
height:37px;
}

.menu_statique_grand {
font-family:'CPC';
font-size:20px;
height:37px;
}


/* --- Listview footer --- */

.list_footer {
background:#00000044;
font-family:'CPC';
padding-left:16px;
padding-top:24px;
/* border-top:16px solid #00000088; */
line-height:48px;
/* max-height:64px; */
height:100%;
font-size:24px;
font-weight:normal;
color:#FFFFFF;
/* overflow:hidden; */
/* display:inline-block; */
}

.list_footer_open_export {
float:left;
padding-right:8px;
padding-left:8px;
font-size:16px;
/* line-height:40px; */

}
.list_footer_open_export:hover {
cursor:url('../images/cursor_pointer.png'), pointer;
text-decoration:none;
}

.list_footer_info_label {
/* overflow:hidden; */
}

.list_footer_CPC_small {
font-family:'THICK';
font-size:16px;
}

.list_footer_info_encadre {
/* background:#43597C; */
background:#FFFFFF;
color:#3A93D9;
padding:4px 8px 4px 8px;
margin-left:16px;
border-radius:6px;
font-size:24px;
}


#footer_infos {
font-family:'THICK';
}


/* --- CSV LightBox --- */

.export_lightbox {
z-index:1000;
background-color:rgba(0, 0, 0, .75);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
text-align:center;
display:none;
}
.export_content {
font-size:22px;
font-weight:normal;
text-align:left;
background-color:#1B3154;
padding:20px;
padding-top:5px;
width:calc(100% - 40px);
max-width:900px;
height:240px;
margin-left:auto;
margin-right:auto;
position:relative;
border-radius:16px;
border:0px solid white;
}
.export_options {
line-height:2em;
}
.export_options input {
position:relative;
top:2px;
left:2px;
}
.export_options label {
margin-right:0.5em;
padding-left:0.5em;
}
.export_text {
font-family:Courier, "Lucida Sans Typewriter", "Lucida Typewriter", "DejaVu Sans Mono", monospace;
width:100%;
height:calc(100% - 6em);	/* two .export_options => 4em */
color:white;
background-color:#253B5E;
border:0;
resize:none;
font-size:14px;
padding:8px;
}
.export_close:link, .export_close:visited {
float:right;
text-decoration:none;
color:red;
}
.export_close:hover, .export_close:active {
text-decoration:underline yellow;
text-underline-offset: 8px;
text-decoration-thickness: 6px;
text-decoration-skip-ink: auto;
}

#export_checkbox_csv + label {
margin-right:1em;
}

.nom_header_table {
/* font-size:1.25em; */
font-weight:normal;
font-family:'CPC';
/* font-family:'THICK'; */
text-transform:uppercase;
}

.remerciement_contributeur {
font-size:20px;
font-weight:normal;
font-family:'CPC';
color:#FF9800;
webkit-filter:drop-shadow(0px 1px 1px #000000);
filter:drop-shadow(0px 1px 1px #000000);
}

.remerciement_paypal {
font-weight:normal;
font-family:'THICK', sans-serif;
color:#41FDFF;
webkit-filter:drop-shadow(0px 1px 1px #000000);
filter:drop-shadow(0px 1px 1px #000000);
}

.paypal {padding:8px; margin:2px; font-size:20px; color:white; border-radius:6px; border:2px solid transparent;}
.paypal_paypal {background-color:#48A0DC;}
.paypal_01 {background-color:#D7D624;}
.paypal_02 {background-color:#79C63F;}
.paypal_03 {background-color:#4CAE81;}
.paypal_04 {background-color:#4586DE;}
.paypal_05 {background-color:#4F5FFA;}
.paypal_06 {background-color:#5B43D7;}
.paypal_07 {background-color:#6234C3;}
.paypal_08 {background-color:#6525AB;}
.paypal_09 {background-color:#6E0F8A;}
.paypal_10 {background-color:#ED88FF;}


/* --- DynaTree --- */
ul.dynatree-container
{
white-space:nowrap;
padding:0px;
margin:0;/* issue 201 */
margin-left:0;/* -16px */
background-color:#253B5E;/* #4C6690;*/
background-image:url('../images/bg.jpg');
border:0px dotted gray;
overflow-x:hidden;
overflow-y:hidden;
font-family:'CPC';
}

ul.dynatree-container ul
{
padding-left:24px;
margin:0;
}

ul.dynatree-container li
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-attachment:scroll;
background-color:transparent;
background-repeat:repeat-y;
/* background-image:url('../images/vline.png');*/
background-image:url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAB3RJTUUH4wgGABQYdN2YkgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAAAqSURBVHjaY2DAAOG5E/6jMjA4WAWoBQgaTGMFIMlRBZgKyY7wUQOGqgEAbjdvkf6fqGAAAAAASUVORK5CYII=');
background-position:0 0;
margin:0;
}
ul.dynatree-container li.dynatree-lastsib
{
background-image:none;
}
ul.dynatree-no-connector > li
{
background-image:none;
}
.ui-dynatree-disabled ul.dynatree-container
{
opacity:0.5;
background-color:silver;
}
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
width:16px;
height:16px;
display:inline-block;/* Required to make a span sizeable */
vertical-align:top;
background-repeat:no-repeat;
background-position:0 0;
/* background-image:url('../images/icons.png');*/
background-image:url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAEAAAABwBAMAAABcPWtAAAAAB3RJTUUH4wgGAB4EmjMsVwAAAAlwSFlzAAB1MAAAdTAB3TNyzQAAAARnQU1BAACxjwv8YQUAAAAYUExURQAAAFdtkGyZ4JokT/vYh1dtkGqkzfvYh/zlLjoAAAAFdFJOUwAAAAAAwmsGsQAAALFJREFUSMftkrEKgzAURQOlH/CG7PaB7Vz6C4GuLu8HOjg3IPj7TWIMiDFpNEvLO8sZPKDxRgiGYRiGYZhSzrR0eSBp6T8PgLqDwV1uFJIcpwc4pwKZDKa94kHmPkiKzx7m/zrY8vEAW0JsBMbcxILR8g42wbWfAm/3YKga9IYXAMwelVLPwRgRb/sC9wrv8A0XwNk+qHrM0l+9Cn73PtQNVmvamXVq7mxg0bn7oKHiKT6FP9fLkKKrZwAAAABJRU5ErkJggg==');
}

/* APPARENCE DES ICONES DE DOSSIERS À GAUCHE */
ul.dynatree-container img
{
height:32px;
margin-left:0px;
margin-top:-1px;
margin-bottom:-2px;
margin-right:4px;
padding:0px;
/* vertical-align:middle;*/
border-style:none;
}

span.dynatree-connector {
background-position:-16px -64px;
}
span.dynatree-expander {
cursor:url('../images/cursor_pointer.png'), pointer;
background-position:0px -80px;
}
.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */
{
background-position:0px -96px;
}
.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */
{
background-position:-64px -80px;
}
.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */
{
background-position:-64px -96px;
}
.dynatree-exp-e span.dynatree-expander, /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander /* Expanded, delayed, not last sibling */
{
background-position:-32px -80px;
}
.dynatree-exp-el span.dynatree-expander, /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander /* Expanded, delayed, last sibling */
{
background-position:-32px -96px;
}
.dynatree-loading span.dynatree-expander /* 'Loading' status overrides all others */
{
background-position:0 0;
background-image:url("images/loading.gif");
}
span.dynatree-icon /* Default icon */
{
margin-left:3px;
background-position:0px 0px;
}

/* dossier fermé dans le treeview */
.dynatree-ico-cf span.dynatree-icon {
background:url('../images/folder_close.png') no-repeat left center;
cursor:url('../images/cursor_pointer.png'), pointer;
background-size: 32px 32px;
height:32px;
width:32px;
}

/* dossier ouvert dans le treeview */
.dynatree-ico-ef span.dynatree-icon {
background:url('../images/folder_open.png') no-repeat left center;
background-size: 32px 32px;
height:32px;
width:32px;
}

ul.dynatree-container a {
color:#F4F4F4;/* inherit doesn't work on IE */
text-decoration:none;
vertical-align:top;
font-size:20px;
font-weight:normal;
border:0px solid rgba(0, 0, 0, 0);
/* line-height:100px; */
outline:0;/* @ Firefox, prevent dotted border after click */
}
ul.dynatree-container a:hover
/* APPARENCE DOSSIER SURVOLÉ SUR LE TREEVIEW */
{
color:white!important;
background:#43597C;
border-radius:6px;
border:0px;
}
span.dynatree-node a {
/* font-size:16px; */
display:inline-block;/* Better alignment, when title contains <br> */
padding:4px;
padding-left:8px;
padding-right:8px;/* Otherwise italic font will be outside bounds */
width:100%;
}
span.dynatree-folder a {
}
ul.dynatree-container a:focus,
span.dynatree-focused a:link /* @IE */
{
background-color:#43597C;
color:#FFFFFF!important;
}

/* APPARENCE DU DOSSIER SÉLECTIONNÉ MAIS QUI N'A PAS DE SOUS-DOSSIER */
span.dynatree-active span.dynatree-icon {
background:url('../images/folder_open.png') no-repeat left center;
background-size: 32px 32px;
height:32px;
width:32px;
}


span.dynatree-has-children a {
}

/* Racine de l'arborescence */
span.dynatree-expanded a {
}

span.dynatree-selected a {
}
span.dynatree-active a
/* APPARENCE DU DOSSIER ACTIF SUR LE TREEVIEW */
{
font-weight:normal;
background-color:#43597C;
color:#FFFFFF!important;
border-radius:6px;
border:0px;
width:100%;
}


/* ========================== */
/* MENU VERTICAL EN ACCORDEON */
/* ========================== */
#accordion_container {
width:100%;
}

#item {
margin-left:auto;margin-right:auto;
text-align:justify;
}

.cpc {font-family:'CPC';}

/* ========================== */
/* DIAPORAMA */
/* ========================== */


.diaporama {
	/* Version intégrée dans l'écran du CPC 464 */
	/* position:absolute; */
	/* top:14px; */
	/* margin:auto; */
	/* margin-left:-52px; */
	/* display: inline-block; */
	/* padding:0; */

	/* Version au-dessus du tree-view */
	margin:6px 6px 6px 32px!important;
}

.diaporama img {
	/* Version intégrée dans l'écran du CPC 464 */
	/* width:54px!important; */
	/* height:40px!important; */
	/* border:0; */
	/* border-radius:16px; */

	/* Version au-desus du tree-view */
	width:99%!important;
	/* border:8px ridge black!important; */
	/* border:2px solid white!important; */
	webkit-filter:drop-shadow(2px 2px 6px black);
	filter:drop-shadow(2px 2px 8px black);
	}

/* Sur Chrome il faut modifier la position de l'image */
/* .selector:not(*:root), .diaporama { top:14px; margin-left:-52px; } */

/* Sur Edge et IE, on modifie encore la position de l'image */
/* _:-ms-lang(x), .diaporama { top:14px; margin-left:-47px; } */

/* On réduit la capture d'écran */
/* @media screen and (max-width:1440px) { */
	/* .diaporama { top:6px; margin-left:-32px; } */
	/* .diaporama img{ width:41px!important; height:30px!important; } */
	/* .selector:not(*:root), .diaporama { top:7px; margin-left:-29px; } 	/* Chrome */ */
	/* _:-ms-lang(x), .diaporama { top:6px; margin-left:-30px; }			/* Edge IE */ */
/* } */

/* On efface le diaporama pur les petits écrans */
/* @media screen and (max-width:720px) { */
	/* .diaporama { display:none; } */
/* } */


#rotatingImage{
display:block;
}

.titre_image {
font-family:'CPC';
font-size:24px;
color:#FFFF00;
background-color:black;
/* border-radius:16px; */
}

.rotatingImage {
border-radius:8px;
border:1px solid #000000;
}

.rolandradio_title {
font-family:'CPC';
font-size:30px;
font-weight:normal;
color:#FFFF00;
}


	
/* ================================================ */
/* W3.CSS 2.99 Mar 2017 by Jan Egil and Borge Refsnes */
/* ================================================ */
/* https://www.w3schools.com/w3css/w3css_colors.asp */

.navigation {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fa5050+0,ff5050+25,30cc30+40,30cc30+60,3a98f6+75,3a98f6+100 */
background: #fa5050; /* Old browsers */
background: -moz-linear-gradient(-45deg,	#fa5050 0%, #ff5050 12%, #8BC34A 24%, #8BC34A 36%, #3a98f6 48%, #3a98f6 60%, #4A3DA6 72%, #4A3DA6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fa5050 0%, #ff5050 12%, #8BC34A 24%, #8BC34A 36%, #3a98f6 48%, #3a98f6 60%, #4A3DA6 72%, #4A3DA6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, 		#fa5050 0%, #ff5050 12%, #8BC34A 24%, #8BC34A 36%, #3a98f6 48%, #3a98f6 60%, #4A3DA6 72%, #4A3DA6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5050', endColorstr='#3a98f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bindbasic {
	background-image:url('../images/bb_bg.jpg');
	background-repeat:no-repeat;
	background-position:left 240px bottom 16px;

}

html{box-sizing:border-box}*, *:before, *:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{display:block}
audio, canvas, progress, video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden], template{display:none}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}
img{border-style:none}svg:not(:root){overflow:hidden}
code, kbd, pre, samp{font-family:monospace, monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible;border:6px solid #1F2E49;margin:40px 20px 40px 20px;border-radius: 3px}
button, input, select, textarea{font:inherit;margin:0}optgroup{font-weight:bold;}
button, input{overflow:visible}button, select{text-transform:none}
button, html [type=button], [type=reset], [type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:0}
button:active {outline: none;border: none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox], [type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
h1, h2, h3, h4, h5, h6, .w3-slim, .w3-wide{font-weight:normal}
.w3-serif{font-family:"Times New Roman", Times, serif}
h1, h2, h3, h4, h5, h6{font-weight:400;margin:4px 0;}
.w3-wide{letter-spacing:4px}
/* h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:inherit} */
img{margin-bottom:-5px}a{color:inherit}
.w3-image{max-width:100%;height:auto}
.w3-table, .w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.w3-table-all{border:1px solid #ccc}
.w3-bordered tr, .w3-table-all tr{border-bottom:1px solid #ddd}
.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}
.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover{background-color:#ccc}
.w3-centered tr th, .w3-centered tr td{text-align:center}
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child{padding-left:16px}
.w3-btn, .w3-btn-block, .w3-button{border:none;display:inline-block;outline:0;padding:0px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:url(../images/cursor_pointer.png), pointer;white-space:nowrap}
.w3-btn:hover, .w3-btn-block:hover, .w3-btn-floating:hover, .w3-btn-floating-large:hover{box-shadow:0 0px 16px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5)}
.w3-button{color:#000;background-color:#f1f1f1;padding:8px 16px}.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-btn, .w3-btn-floating, .w3-btn-floating-large, .w3-closenav, .w3-opennav, .w3-btn-block, .w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-btn-floating, .w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:url(../images/cursor_pointer.png), pointer;font-size:24px}
.w3-btn-floating{width:40px;height:40px;line-height:40px}.w3-btn-floating-large{width:56px;height:56px;line-height:56px}
.w3-disabled, .w3-btn:disabled, .w3-button:disabled, .w3-btn-floating:disabled, .w3-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *, :disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover, .w3-btn-block.w3-disabled:hover, .w3-btn:disabled:hover, .w3-btn-floating.w3-disabled:hover, .w3-btn-floating:disabled:hover,
.w3-btn-floating-large.w3-disabled:hover, .w3-btn-floating-large:disabled:hover{box-shadow:none}
.w3-btn-group .w3-btn{float:left}.w3-btn-block{width:100%}
.w3-btn-bar .w3-btn{box-shadow:none;background-color:inherit;color:inherit;float:left}.w3-btn-bar .w3-btn:hover{background-color:#ccc}
.w3-badge, .w3-tag, .w3-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3-badge{border-radius:50%}
/* ul.w3-ul{list-style-type:none;padding:0;margin:0}ul.w3-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}ul.w3-ul li:last-child{border-bottom:none} */
.w3-tooltip, .w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.w3-navbar li{float:left}.w3-navbar li a, .w3-navitem, .w3-navbar li .w3-btn, .w3-navbar li .w3-input{display:block;padding:8px 16px}.w3-navbar li .w3-btn, .w3-navbar li .w3-input{border:none;outline:none;width:100%}
.w3-navbar li a:hover{color:#000;background-color:#ccc}
.w3-navbar .w3-dropdown-hover, .w3-navbar .w3-dropdown-click{position:static}
.w3-navbar .w3-dropdown-hover:hover, .w3-navbar .w3-dropdown-hover:first-child, .w3-navbar .w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-navbar a, .w3-topnav a, .w3-sidenav a, .w3-dropdown-content a, .w3-accordion-content a, .w3-dropnav a, .w3-navblock a{text-decoration:none!important;}
.w3-navbar .w3-opennav.w3-right{float:right!important}.w3-topnav{padding:8px 8px}
.w3-navblock .w3-dropdown-hover:hover, .w3-navblock .w3-dropdown-hover:first-child, .w3-navblock .w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-navblock .w3-dropdown-hover, .w3-navblock .w3-dropdown-click{width:100%}.w3-navblock .w3-dropdown-hover .w3-dropdown-content, .w3-navblock .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .25s;transition:border-bottom .25s}
.w3-topnav a:hover{border-bottom:3px solid #fff}.w3-topnav .w3-dropdown-hover a{border-bottom:0}
.w3-opennav, .w3-closenav{color:inherit}.w3-opennav:hover, .w3-closenav:hover{cursor:url(../images/cursor_pointer.png), pointer;opacity:0.8}
.w3-btn, .w3-btn-floating, .w3-dropnav a, .w3-btn-floating-large, .w3-btn-block, .w3-navbar a, .w3-navblock a, .w3-sidenav a, .w3-pagination li a, .w3-hoverable tbody tr, .w3-hoverable li,
.w3-accordion-content a, .w3-dropdown-content a, .w3-dropdown-click:hover, .w3-dropdown-hover:hover, .w3-opennav, .w3-closenav, .w3-closebtn, *[class*="w3-hover-"]
{-webkit-transition:background-color .25s, color .15s, box-shadow .25s, opacity 0.25s, filter 0.25s, border 0.15s;transition:background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s}
.w3-ripple:active{opacity:0.5}.w3-ripple{-webkit-transition:opacity 0s;transition:opacity 0s}
.w3-sidenav, .w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-sidenav a, .w3-navblock a{padding:4px 2px 4px 16px}.w3-sidenav a:hover, .w3-navblock a:hover{background-color:#ccc;color:#000}.w3-sidenav a, .w3-dropnav a, .w3-navblock a{display:block}
.w3-sidenav .w3-dropdown-hover:hover, .w3-sidenav .w3-dropdown-hover:first-child, .w3-sidenav .w3-dropdown-click:hover, .w3-dropnav a:hover{background-color:#ccc;color:#000}
.w3-sidenav .w3-dropdown-hover, .w3-sidenav .w3-dropdown-click, .w3-bar-block .w3-dropdown-hover, .w3-bar-block .w3-dropdown-click{width:100%}
.w3-sidenav .w3-dropdown-hover .w3-dropdown-content, .w3-sidenav .w3-dropdown-click .w3-dropdown-content, .w3-bar-block .w3-dropdown-hover .w3-dropdown-content, .w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;background-color:inherit;color:inherit;padding:6px 2px 6px 16px}
.w3-main, #main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0, 0, 0);background-color:rgba(0, 0, 0, 0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.w3-closebtn:hover, .w3-closebtn:focus{color:#000;text-decoration:none;cursor:url(../images/cursor_pointer.png), pointer;}
.w3-pagination{display:inline-block;padding:0;margin:0}.w3-pagination li{display:inline}
.w3-pagination li a{text-decoration:none;color:#000;float:left;padding:8px 16px}
.w3-pagination li a:hover{background-color:#ccc}
.w3-input-group, .w3-group{margin-top:24px;margin-bottom:24px}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:100%}
.w3-label{color:#009688}.w3-input:not(:valid)~.w3-validate{color:#f44336}
.w3-select{padding:9px 0;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688}
.w3-select select:focus{color:#000;border:1px solid #009688}.w3-select option[disabled]{color:#009688}
.w3-dropdown-click, .w3-dropdown-hover{position:relative;display:inline-block;cursor:url(../images/cursor_pointer.png), pointer;}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-dropdown-content a{padding:6px 16px;display:block}
.w3-dropdown-content a:hover{background-color:#ccc}
.w3-accordion{width:100%;cursor:url(../images/cursor_pointer.png), pointer;}
.w3-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0}
/* COULEUR DES LIENS DANS CHAQUE SECTION QUI SE DÉROULE */
.w3-accordion-content a{padding:2px 4px 2px 4px;color:#FFEB3B;border-radius:4px;}
.w3-accordion-content a:hover{background-color:#FFEB3B;color:black;} */
.w3-progress-container{width:100%;height:1.5em;position:relative;background-color:#f1f1f1}
.w3-progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit}
input[type=checkbox].w3-check, input[type=radio].w3-radio{width:24px;height:24px;position:relative;top:6px}
input[type=checkbox].w3-check:checked+.w3-validate, input[type=radio].w3-radio:checked+.w3-validate{color:#009688}
input[type=checkbox].w3-check:disabled+.w3-validate, input[type=radio].w3-radio:disabled+.w3-validate{color:#aaa}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;background-color:inherit;color:inherit;width:auto;border:none;outline:none;display:block}
.w3-bar .w3-dropdown-hover, .w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{background-color:inherit;color:inherit;white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;background-color:inherit;color:inherit;border:none;outline:none;white-space:normal}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}
.w3-block{display:block;width:100%}
.w3-responsive{overflow-x:auto}
.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after,
.w3-topnav:after, .w3-topnav:before, .w3-clear:after, .w3-clear:before, .w3-btn-group:before, .w3-btn-group:after, .w3-btn-bar:before, .w3-btn-bar:after, .w3-bar:before, .w3-bar:after
{content:"";display:table;clear:both}
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}
.w3-col.s2{width:16.66666%}
.w3-col.s3{width:24.99999%}
.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}
.w3-col.s6{width:49.99999%}
.w3-col.s7{width:58.33333%}
.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}
.w3-col.s10{width:83.33333%}
.w3-col.s11{width:91.66666%}
.w3-col.s12, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter{width:99.99999%}

@media (min-width:1024px){
.w3-col.m1{width:8.33333%}
.w3-col.m2{width:16.66666%}
.w3-col.m3, .w3-quarter{width:24.99999%}
.w3-col.m4, .w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}
.w3-col.m6, .w3-half{width:49.99999%}
.w3-col.m7{width:58.33333%}
.w3-col.m8, .w3-twothird{width:66.66666%}
.w3-col.m9, .w3-threequarter{width:74.99999%}
.w3-col.m10{width:83.33333%}
.w3-col.m11{width:91.66666%}
.w3-col.m12{width:99.99999%}
}


@media (min-width:1200px){
.w3-col.l1{width:8.33333%}
.w3-col.l2{width:16.66666%}
.w3-col.l3, .w3-quarter{width:24.99999%}
.w3-col.l4, .w3-third{width:33.33333%}
.w3-col.l5{width:41.66666%}
.w3-col.l6, .w3-half{width:49.99999%}
.w3-col.l7{width:58.33333%}
.w3-col.l8, .w3-twothird{width:66.66666%}
.w3-col.l9, .w3-threequarter{width:74.99999%}
.w3-col.l10{width:83.33333%}
.w3-col.l11{width:91.66666%}
.w3-col.l12{width:99.99999%}}

.w3-content{max-width:1080px;margin:auto}
.w3-rest{overflow:hidden}
.w3-layout-container, .w3-cell-row{display:table;width:100%}.w3-layout-row{display:table-row}.w3-layout-cell, .w3-layout-col, .w3-cell{display:table-cell}
.w3-layout-top, .w3-cell-top{vertical-align:top}.w3-layout-middle, .w3-cell-middle{vertical-align:middle}.w3-layout-bottom, .w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important;-webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
transition:width 2s, height 2s, background-color 2s, transform 2s;}
.w3-show-block, .w3-show{display:block!important;}
.w3-show-inline-block{display:inline-block!important;-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-topnav a{display:block}.w3-navbar li:not(.w3-opennav){float:none;width:100%!important}.w3-navbar li.w3-right{float:none!important}
.w3-topnav .w3-dropdown-hover .w3-dropdown-content, .w3-navbar .w3-dropdown-click .w3-dropdown-content, .w3-navbar .w3-dropdown-hover .w3-dropdown-content, .w3-dropdown-hover.w3-mobile .w3-dropdown-content, .w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
.w3-topnav, .w3-navbar{text-align:center}.w3-hide-small{display:none!important}.w3-layout-col, .w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile, .w3-dropdown-hover.w3-mobile .w3-btn, .w3-dropdown-hover.w3-mobile .w3-button, .w3-dropdown-click.w3-mobile, .w3-dropdown-click.w3-mobile .w3-btn, .w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:1080px}.w3-hide-large{display:none!important}.w3-sidenav.w3-collapse, .w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidenav.w3-collapse, .w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top, .w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);z-index:2}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}
.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}
.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%, -50%);-ms-transform:translate(-0%, -50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%, -50%);-ms-transform:translate(0%, -50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%!important}
.w3-round-small{border-radius:2px!important}.w3-round, .w3-round-medium{border-radius:4px!important}
.w3-round-large{border-radius:8px!important}.w3-round-xlarge{border-radius:16px!important}
.w3-round-xxlarge{border-radius:32px!important}.w3-round-jumbo{border-radius:64px!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-margin{margin:16px!important}.w3-margin-0{margin:0!important}
.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}
.w3-padding-tiny{padding:2px 4px!important}.w3-padding-small{padding:4px 8px!important}
.w3-padding-medium, .w3-padding, .w3-form{padding:8px 16px!important}
.w3-padding-large{padding:12px 24px!important}.w3-padding-xlarge{padding:16px 32px!important}
.w3-padding-xxlarge{padding:24px 48px!important}.w3-padding-jumbo{padding:32px 64px!important}
.w3-padding-4{padding-top:4px!important;padding-bottom:4px!important}
.w3-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.w3-padding-12{padding-top:12px!important;padding-bottom:12px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-128{padding-top:128px!important;padding-bottom:128px!important}
.w3-padding-0{padding:0!important}
.w3-padding-top{padding-top:8px!important}.w3-padding-bottom{padding-bottom:8px!important}
.w3-padding-left{padding-left:16px!important}.w3-padding-right{padding-right:16px!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col{padding:0 8px}
.w3-spin{animation:w3-spin 2s infinite linear;-webkit-animation:w3-spin 2s infinite linear}
@-webkit-keyframes w3-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes w3-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.w3-container{padding:32px}
.w3-panel{padding:0.01em 16px;margin-top:16px!important;margin-bottom:16px!important}
.w3-example{background-color:#f1f1f1;padding:0.01em 16px}
.w3-code, .w3-codespan{font-family:Consolas, "courier new";font-size:16px}
.w3-code{line-height:1.4;width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-example, .w3-code{margin:20px 0}.w3-card{border:1px solid #ccc}
.w3-card-2, .w3-example{box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important}
.w3-card-4, .w3-hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important}
.w3-card-8{box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important}
.w3-card-12{box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)!important}
.w3-card-16{box-shadow:0 16px 24px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21)!important}
.w3-card-24{box-shadow:0 24px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22)!important}
.w3-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s}
.w3-animate-opacity-slow{-webkit-animation:opac 2s;animation:opac 2s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity, .w3-hover-opacity:hover{opacity:0.60;-webkit-backface-visibility:hidden}
.w3-opacity-off, .w3-hover-opacity-off:hover{opacity:1;-webkit-backface-visibility:hidden}
.w3-opacity-max{opacity:0.25;-webkit-backface-visibility:hidden}
.w3-opacity-min{opacity:0.75;-webkit-backface-visibility:hidden}
.w3-greyscale-max, .w3-grayscale-max, .w3-hover-greyscale:hover, .w3-hover-grayscale:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.w3-greyscale, .w3-grayscale{-webkit-filter:grayscale(75%);filter:grayscale(75%)}
.w3-greyscale-min, .w3-grayscale-min{-webkit-filter:grayscale(50%);filter:grayscale(50%)}
.w3-sepia{-webkit-filter:sepia(75%);filter:sepia(75%)}
.w3-sepia-max, .w3-hover-sepia:hover{-webkit-filter:sepia(100%);filter:sepia(100%)}
.w3-sepia-min{-webkit-filter:sepia(50%);filter:sepia(50%)}
.w3-text-shadow{text-shadow:1px 1px 0 #444}.w3-text-shadow-white{text-shadow:1px 1px 0 #ddd}
.w3-transparent{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important;background-color:transparent!important}
/* Colors */
.w3-amber, .w3-hover-amber:hover{color:#000!important;background-color:rgba(255, 193, 7, .99)!important}
.w3-aqua, .w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue, .w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-light-blue, .w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown, .w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan, .w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-blue-grey, .w3-hover-blue-grey:hover, .w3-blue-gray, .w3-hover-blue-gray:hover{color:#fff!important;background-color:#607D8B!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-green, .w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-light-green, .w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-indigo, .w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-khaki, .w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime, .w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange, .w3-hover-orange:hover{color:#000!important;background-color:rgba(255, 152, 0, .99)!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-deep-orange, .w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink, .w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-purple, .w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-deep-purple, .w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-dark-deep-purple, .w3-hover-dark-deep-purple:hover{color:#fff!important;background-color:#7535EA!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-red, .w3-hover-red:hover{color:#fff!important;background-color:#f44336!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-sand, .w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal, .w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow, .w3-hover-yellow:hover{color:#000!important;background-color:#FFEB3A!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-white, .w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black, .w3-hover-black:hover{color:#fff!important;background-color:#000!important;text-shadow:1px 1px 2px black;border:solid 0px black;border-radius:8px;margin:0px;}
.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey, .w3-hover-dark-grey:hover, .w3-dark-gray, .w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red, .w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green, .w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow, .w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue, .w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber, .w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua, .w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue, .w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue, .w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown, .w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan, .w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey, .w3-hover-text-blue-grey:hover, .w3-text-blue-gray, .w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green, .w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green, .w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo, .w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki, .w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime, .w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange, .w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange, .w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink, .w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple, .w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple, .w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-dark-deep-purple, .w3-hover-text-dark-deep-purple:hover{color:#673ab7!important}
.w3-text-red, .w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand, .w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal, .w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow, .w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white, .w3-hover-text-white:hover{color:#fff!important;}
.w3-text-black, .w3-hover-text-black:hover{color:#000!important}
.w3-text-grey, .w3-hover-text-grey:hover, .w3-text-gray, .w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey, .w3-hover-text-light-grey:hover, .w3-text-light-gray, .w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey, .w3-hover-text-dark-grey:hover, .w3-text-dark-gray, .w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber, .w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua, .w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue, .w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue, .w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown, .w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan, .w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey, .w3-hover-border-blue-grey:hover, .w3-border-blue-gray, .w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green, .w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green, .w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo, .w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki, .w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime, .w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange, .w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange, .w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink, .w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple, .w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple, .w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-dark-deep-purple, .w3-hover-border-dark-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red, .w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand, .w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal, .w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow, .w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white, .w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black, .w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey, .w3-hover-border-grey:hover, .w3-border-gray, .w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey, .w3-hover-border-light-grey:hover, .w3-border-light-gray, .w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey, .w3-hover-border-dark-grey:hover, .w3-border-dark-gray, .w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red, .w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green, .w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow, .w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue, .w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}