@font-face {
	font-family:'HelveticaNeueLight';
	font-style:normal;
	font-weight:500;
	src:url('fonts/HelveticaNeueLight.eot');
	src:url('fonts/HelveticaNeueLight.eot') format('embedded-opentype'),
		 url('fonts/HelveticaNeueLight.woff2') format('woff2'), url('fonts/HelveticaNeueLight.woff') format('woff'), url('fonts/HelveticaNeueLight.ttf') format('truetype'), url('fonts/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg'); }

@font-face {
    font-family: 'P052Roman';
    src: url('fonts/P052Roman.eot');
    src: url('fonts/P052Roman.eot') format('embedded-opentype'),
         url('fonts/P052Roman.woff2') format('woff2'),
         url('fonts/P052Roman.woff') format('woff'),
         url('fonts/P052Roman.ttf') format('truetype'),
         url('fonts/P052Roman.svg#P052Roman') format('svg');
}

@font-face {
	font-family:'Font Awesome 6 Free';
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.ttf") format("truetype"); }

@font-face {
	font-family:'Font Awesome 6 Strong';
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype"); }

:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }

.fa, .far, .fa-regular {
	font-family:'Font Awesome 6 Free';
	font-weight: 400; }

.fas, .fa-solid {
	font-family:'Font Awesome 6 Strong';
	font-weight: 400; }
	
html, body, section { font-family:P052Roman; font-size: 1.2rem; }
body { background:url(../images/bg.jpg) top center repeat; }

/* Titres */
h1, .h1 { font-size:2.8rem; color: white; font-weight:bold; }
h2, .h2 { font-size:1.6rem; font-weight:bold; }
h3, .h3 { font-size:1.4rem; font-weight:bold; }
h4, .h4 { font-size:1.2rem; font-weight:bold; }
h5, .h5 { font-size:1.1rem; font-weight:bold; }
h6, .h6 { font-size:1rem; font-weight:bold; }

/* Section Contenu de Page */
.mainpage { min-height:860px; margin:0 auto; padding:0; }
.col-min-h { min-height:860px; }
.container { max-width:1500px; width:100%; }

/* images */
.img-responsive { height:auto; max-width:100%; width:100% }
.thumb-rounded { padding:2px 0.5rem 2px 0; float:left; vertical-align:top; max-width:120px; max-height:120px; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; }
.thumb-rounded60 { margin:2px 0.5rem 2px 0; float:left; vertical-align:top; max-width:60px; max-height:60px; width:60px; height:60px; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; }
.thumb-rounded48 { margin:0 0.5rem 0 0; float:left; vertical-align:top; max-width:40px; max-height:40px; width:40px; height:40px; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; }
.thumb { padding:2px 0.5rem 2px 0; float:left; vertical-align:top; max-width:50px; max-height:50px }
.thumb-max { padding:2px 0.5rem 2px 0; float:left; vertical-align:top; max-width:300px; max-height:300px }
.thumb-med { padding:2px 0.5rem 2px 0; float:left; vertical-align:top; max-width:200px; max-height:200px }
.icothumb { padding:2px 4px 0 0; float:left; vertical-align:top; width:22px; height:22px }

/* danger BIG */
.text-bigdanger { color:white; font-size:160px; text-align:center; width:100%; }
.fa-colorwhite { color:white; }

/* lien de base */
a { text-decoration:none; color: #305003; }
a:hover { text-decoration:underline; color: #305003; }
li a { text-decoration:none; color: #313130; }

/* Elements */
#scrollToTop { width:100px; text-align:center; position:fixed; bottom:-17px; left:50%;	margin-left:-50px; }
#waitmessage { display:none; position:fixed; top:0; left:0; text-align:center; margin:8px auto; padding:8px; background-color:rgba(240,240,240,0.9); width:100%; height:100%; z-index:999;}

/* Notifications */
.fixatop { position:fixed; top:20px; right:20px; z-index:9999 }
.infomaj { min-width:304px; width:25%; text-align:center; font-size:0.9rem; border:1px solid grey; }

/* Header Navigation */
.btn-header { background-color:#2b3137!important; border:#3b4147 1px solid!important; color:white!important; padding:3px 4px; }
.btn-header a, a .nav-link { color:white!important; text-decoration:none; display:block;}
.btn-header-active { background-color:#035050!important; border:#3b4147 1px solid!important; color:white!important; padding:3px 4px; }
.btn-header-active a, a .nav-link { color:white!important; text-decoration:none; display:block;}
.btn-header:hover { background-color:#3b4147!important; border:#6b7177 1px solid!important; color:white!important; }
.btn-bold { font-weight:bolder!important; }
.nav-lihead { margin:0 0.6rem 0 0; }

.bg-mywarning { background-color: yellow; }

.thumbit { /* ??? */
	max-width:180px;
	float:left;
	padding-right:1rem;
}

/*** UPLOAD ***/
#multipleuploader { display:block; }
#status { display:block; }
.ajax-upload-dragdrop { height:320px; max-height:100%; border:2px dotted #035050; background:#eeffee; width:100%; text-align:left; padding:0.8rem; margin:0 }
.ajax-file-upload-filename { width:100%; height:auto;	margin-top:1.3rem; padding:2px 0; color:black }
.ajax-file-upload-statusbar { width:100%; margin:0; padding:0 }
.ajax-file-upload-progress { margin:0; position:relative; width:90%; border:0; display:inline-block }
.ajax-file-upload-bar {	background-color:#035050; width:0; height:1.4rem; color:#FFFFFF }
.ajax-file-upload-green, .ajax-file-upload-red { background-color:#999; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:4px 15px; margin:-27px 0 0 0; display:inline-block; color:#fff; text-decoration:none; cursor:pointer; float:right }

/* Arborescence */
.triggercss { position:relative; background:url(../images/ico/plusmoins.png) top left no-repeat; width:20px; height:18px; padding-left:24px; }
.triggeroncss {	position:relative; background:url(../images/ico/plusmoins.png) bottom left no-repeat; width:20px; height:18px; padding-left:24px; }
.folderline { border:1px grey; line-height:22px; }
.folderline a { display:block; text-decoration:none;}
.folderline a:hover { background-color:white;}
.folderactive { background-color:white; font-weight:bolder; }
.foldermenu { border:0; line-height:20px;  }
/* .sousdoss { display:inline-block; }*/
.sousdoss i { float:left; cursor:pointer; }
.widate { max-width: 120px!important; }
#arborescence, #leJournal { overflow-y:auto; }
#arborescence { height:475px; max-height:475px; }
#leJournal { max-height:720px; }
#leJournal hr { margin:0.2rem auto; border:0; border-top:1px dashed white; }
.journal-0 { border:1px #b8b8b7 solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 5px; margin:0 0 0.3rem 0; }
.journal-1 { border:1px #b8b8b7 solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 5px; margin:0 0 0.3rem 0; }

.datastylist { background-color:transparent; display:block; margin:0; padding: 1px 0.2rem; transition: 0.5s; }
.datastylist:hover { background-color:#035050; color:#FFFFFF; }
.datastylist a { display: block; }
.datastylist a:hover { display: block; color:#FFFFFF; } /* taglist */

.icopro {
	padding:0.2rem 0;
	margin:0
}

.hrsmall { height:0; width:100%; border:1px solid #ccc;	margin:0.3rem 0; padding:0; }



/* Colone 3 */
.margin-nav { position: sticky; top: 49px; width: 100%; }

.imgchoose, .miniature {
	opacity:0.5;
	height:auto;
	width:80%;
	margin:5% auto 15%;
	border:0;
}
.imgchosen {
	opacity:1;
	height:auto;
	width:98%;
	padding:0 auto;
	border:3px solid #007bff;
}


.show-password, .hide-password, .show-pointer { cursor:pointer; }

/* Sélecteur de couleur */
.colorlink { display:block; text-decoration:none; cursor:pointer; height:2.4rem; }
.colorbtn {
	width:8rem;
	height:3.5rem;
	padding:0; margin:0;
	border:1px solid #bbb;
	text-align:center;
	line-height:3.5rem;
	position:absolute;
}
.colordone {
	height:3.5rem;
	padding:0 0.5rem;
	margin:0; border:1px solid #bbb;
	line-height:3.5rem;
	text-align:left;
	position:absolute;
	margin-left:9rem;
}
.avatar {
	float:left; margin:0 0.3rem 0 0; padding: 0; max-width:40px; height:40px; max-height:40px; vertical-align:baseline; border-radius:50%; transition: 1s; }
.avatarbig {
	margin:0 0.3rem 0 0; padding: 0; max-width:120px; height:120px; max-height:120px; vertical-align:top; border-radius:5%; }
.avatarbigger {
	margin:0 0.3rem 0 0; padding: 0; max-width:250px; height:250px; max-height:250px; vertical-align:top; border-radius:5%; }
.avatarmini {
	padding: 0; margin: 0; max-width:18px; height:18px; max-height:18px; vertical-align:text-top; border-radius:50%; transition: 1s; }
.avatarultramini {
	padding: 0; margin: 0; margin-top: 1px; max-width:14px; height:14px; max-height:14px; vertical-align:top; border-radius:50%; }
.avatarmini:hover, .avatar:hover { border-radius:10%; }

.word { background:yellow; }

/* miniature */
.miniatureshow { position:relative; top: 0; padding-bottom: 2.5rem; }
.miniature { opacity:0.9; height:auto; width:94%; margin:3%; border:0; z-index:600; transition: 0.5s; }
.miniature:hover { opacity:1; height:auto; width:100%; margin:0%; border:0; }

/* sticker */
.sticker { color: black; border:0; border-radius:5px; padding:2px 5px; margin:0; white-space:nowrap; }
.sticker-top { position:absolute; z-index:700; top:0.2rem; float:left; }
.stickertag { background:transparent; border:1px white solid; padding:2px 5px; line-height:0.9rem; white-space:nowrap; font-size:0.85rem; }
.stickertag:hover { background:#FcFcF0; border:1px #0d6efd solid; }


.stickerbookmark { float:left; background:yellow; color:black; font-size:0.775rem; }
.stickprive { float:left; background:#a6a696; color:white; font-size:0.775rem; font-weight:bold; }
.stickshare { float:left; background:#FcFcF0; color:black; font-size:0.775rem; font-weight:bold; }
.stickgroup { float:left; background:#7a7a78; color:white; font-size:0.775rem; font-weight:bold; }
.stickuser { float:left; }


.btntag { padding:2px 5px; margin:0; }
.btntag:hover { color:white; background:black; }

.iconlink {
	max-width:96px;
	height:64px;
	float:left;
	margin:0 0.5rem 0.2rem 0;
}

/* Alignement label pour les checkbox */
checkbox label {
	padding:0.2rem 0 0 0.2rem;
	font-size:0.9rem;
}

#ajaxwait, .hide-password, .hide-me { display:none }
.hide-me { padding-top:0.3rem; }

/* Odd, even et autres fons perso */
.bg-custom { background:#e8e8e7 }
.bg-explicit { background:#035050!important; color:white; }
.bg-explicithis { background:#035050!important; }
.bg-odd { background:#fff; padding:0.25rem; border:0; border-bottom:1px solid #CCCCCB;}
.bg-even { background:#f6f6f5; padding:0.25rem; border:0; border-bottom:1px solid #CCCCCB;}
.bg-even:hover, .bg-odd:hover { background:#e6f6f5; color:black; } 
.bg-headrow { padding:0.25rem; border:0; border-bottom:1px solid #CCCCCB; font-weight:bolder; }

/* Password showhide */
.password-showhide { position:relative; top:2px;}
.show-password, .hide-password, .show-pointer { cursor:pointer; }

/* fil d'ariane */
.Ariane { padding:0.2rem 0.8rem; border:0; border-bottom:1px #cfcfcf solid; margin:0.9rem 0; }
.Ariane a.ariafolder { text-decoration:none; font-size:1rem; color:black; }
.BrowseTool { float:right; }
.BrowseTool a { color:#343a40; }
.BrowseTool a:hover, .Ariane a.ariafolder:hover { color:#007bff; }

.darkscreen { position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(24,24,24,0.9); text-align:center; }
#formsort, #formmode { background:white; padding:2rem; border:2px #989897 solid; z-index:800; position:relative; text-align:center; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
#formsort a, #formmode a { display:block; clear:both; }
#formsort a:hover, #formmode a:hover { background:#007bff; color:white; }
#formsearch { background:white; padding:2rem; border:2px #989897 solid; z-index:800; position:relative; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

/* FAVORIS */
#favorite-box {position:relative; float:left; max-width:320px; margin-top:-2px;}
#favorite-box a {text-decoration:none; color: white;}
.favorite-on a {background:transparent; color:#ffffff; text-decoration:underline;}
.favorite-off a {background:transparent; color:#aaaaaa;}
#ajaxsrc { display:none!important; }
#favorite-status { color:white; }

/* Listes ul li perso */
.list-exesm li { margin:0; padding:2px 4px; }
/* .list-exesm li:hover { background:#e6f6f5; color:black; } */
.list-exesm li a { display:block; text-decoration:none }



/* Switcher tools */
.linktool { margin:0.2rem auto; display:block; padding:2px; text-align:left; }
.linktool:hover, .linktool:active { margin:0.2rem auto; display:block; padding:2px; text-align:left; background-color: #a5a5a3;}
.linktool i { width: 19px; }
.list-group-item.active a { color:white!important; }

/* Charts */
@keyframes chartjs-render-animation { 
	from { opacity:0.99; }
	to { opacity:1; }
}
.chartjs-render-monitor { animation:chartjs-render-animation 0.001s; }

.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
	position:absolute; direction:ltr; left:0; top:0; right:0; bottom:0; overflow:hidden; pointer-events:none; visibility:hidden; z-index:-1; }

.chartjs-size-monitor-expand > div {
	position:absolute; width:1000000px; height:1000000px; left:0; top:0; }

.chartjs-size-monitor-shrink > div {
	position:absolute; width:200%; height:200%; left:0; top:0; }
	
#contents { max-width:100%; width:100%; }

/* Videos */
.videodiv { position:relative;padding-top:56.25%; }
.videoframe { position:absolute;top:0;left:0;width:100%;height:100%; }

/* pour les pdf */
.pdframe { max-width:800px; height:auto; margin:1rem auto; clear:both; }
[style*="--aspect-ratio"] > :first-child { width:100%; }
[style*="--aspect-ratio"] > img { height:auto; } 
@supports (--custom:property) {
	[style*="--aspect-ratio"] { position:relative; }
	[style*="--aspect-ratio"]::before { content:""; display:block; padding-bottom:calc(100% / (var(--aspect-ratio))); }
	[style*="--aspect-ratio"] > :first-child { position:absolute; top:0; left:0; height:100%; }
}


.dropdown-menu > li > a { display:block; padding:3px 20px; clear:both; font-weight:normal; line-height:1.42857143; color:#333; white-space:nowrap; }


.forumcolor { margin: 0 0.3rem 0 0; padding: 0 0.2rem; min-width: 26px; border: 1px solid #dedede; }
.forummessage { background: #ffffff; font-size: 1rem; border:1px #d8d8d7 solid; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; }

/* Summernote emoji plugin */
.m-0-l { margin-left: 0; }
.m-0-r { margin-right: 0; }
.emoji-dialog { min-width: 300px; width: 300px; padding: 8px; margin: 45px auto; height: 250px; }
.emoji-icon { display: inline-block; width: 20px; height: 20px; background-size: 20px; }
.emoji-icon-inline { display: inline-block; width: 20px; height: 20px; }
.emoji-list { height: 200px; overflow-y: scroll; }

/* CHAT */
#exeCContainer { margin:0 auto; padding:0; max-width:640px; width:100%; height: 100%; }
#exeChatHeader { position: fixed; top:0; margin:0 auto; max-width:640px; width:100%; z-index:950; }
#exeChat { margin:0; margin-bottom: 132px; padding: 2.5rem 1rem 0.5rem 1rem; border: 0; max-width:640px; width:100%; z-index:900; }
#chatpost { position: absolute; float: right; margin-top: 0.5rem; margin-right: 0.5rem; z-index: 990; } /* bouton Post (off) */
#chatform { position: fixed; bottom:0; margin:0 auto; max-width:640px; width:100%; z-index: 980; }
.chat-link a { color:#e0e0e0; transition: 0.5s; }
.chat-link a:hover { color:white; font-weight: bolder; }

/* Agenda */
.groupcolor { margin-top: 2px; margin-right: 4px; width: 16px; height: 16px; }
.roundcolor { margin-top: 2px; margin-right: 4px; width: 16px; height: 16px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.groupcolor a, .roundcolor a { display: block; text-align:center; font-weight: bold; font-size: 0.75rem; color: black; }
.headingday { font-weight: bold; padding: 0.25rem 0.25rem 1rem 0.25rem; }
.agenda-today { background: #ffffde; }
.agenda-table { margin:0; padding:0; }
.agenda-event { font-size: 0.9rem; }
.agenda-link { color: black; display: block;}
@media screen and (min-width: 900px) {
	.agenda-matin, .agenda-aprem, .agenda-soir { min-height: 240px; }
}

/* Liste Triable */
ul#listriable { list-style: none; }
#listriable li { cursor: move; }
#listriable li span { position: absolute; margin-left: -1.3em; }