/* font awesome free */
@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; }
/* font awesome free */

html, body, section { font-family:raleway_light; font-size: 14px; }

/* Titres */
h1, .h1 { font-size:1.8rem; 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 { margin:0 auto; padding:0; }
.col-min-h { min-height:900px; }
.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-sm { padding:2px 0.5rem 2px 0; max-width:120px; max-height:120px; width:120px; height:120px }
.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 { font-size:160px; text-align:center; width:100%; }

/* lien de base */
a { text-decoration:none; }
li a { text-decoration:none; }

/* 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; width:100%; height:100%; z-index:999;}

/* Notifications */
.fixatop { position:fixed; max-width:480px; min-width:320px; width:100%; margin:0 auto; z-index:1500; left:50%; top:18%; transform:translateX(-50%); }
.fixabottom { position:fixed; max-width:480px; min-width:320px; width:100%; margin:0 auto; z-index:1500; left:50%; bottom:12%; transform:translateX(-50%); }
.infomaj { min-width:320px; width:100%; margin:0 auto; text-align:center; font-size:1.125em; border:0; z-index:9999; }


/* Header Navigation */
.btn-header { padding:3px 4px; }
.btn-header a, a .nav-link { text-decoration:none; display:block;}
.btn-header-active { padding:3px 4px; }
.btn-header-active a, a .nav-link { text-decoration:none; display:block;}
.btn-bold { font-weight:bolder!important; }
.nav-lihead { margin:0 0.6rem 0 0; }

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

/*** UPLOAD ***/
#multipleuploader { display:block; }
#status { display:block; }
.ajax-upload-dragdrop { height:320px; max-height:100%; 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; }
.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 {	width:0; height:1.4rem; }
.ajax-file-upload-green, .ajax-file-upload-red { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:4px 15px; margin:-27px 0 0 0; display:inline-block; 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;}
.folderactive { 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; }
.journal-0 { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 5px; margin:0 0 0.3rem 0; }
.journal-1 { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 5px; margin:0 0 0.3rem 0; }

.bloc-live { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }



.datastylist { background-color:transparent; display:block; margin:0; padding: 1px 0.2rem; transition: 0.5s; }
.datastylist a { display: block; }

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

.hrsmall { height:0; width:100%; 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;
}


.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;
	text-align:center;
	line-height:3.5rem;
	position:absolute;
}
.colordone {
	height:3.5rem;
	padding:0 0.5rem;
	margin:0;
	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; 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%; opacity: 0.8; 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%; opacity: 1; }



/* 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; }
.img-zoom { opacity:0.9; height:auto; width:94%; margin:3%; max-width:110px; border:0; z-index:600; transition: 0.5s; }
.img-zoom:hover  { opacity:1; height:auto; width:100%; max-width:120px; margin:0%; border:0; }

/* sticker */
.sticker { border:0; border-radius:5px; padding:2px 5px; margin:0; white-space:nowrap; }
.sticker-top { position:absolute; z-index:700; top:0.2rem; }
.stickertag { background:transparent; padding:2px 5px; line-height:0.9rem; white-space:nowrap; font-size:0.85rem; }


.stickerbookmark { float:left; font-size:0.775rem; }
.stickprive, .stickshare, .stickgroup { float:left; font-size:0.775rem; font-weight:bold; }
.sticktime { float:right; font-size:0.775rem; font-weight:bold; }
.stickuser { float:left; }


.btntag { padding:2px 5px; margin:0; }

.img-circled { -moz-border-radius:50%; border-radius:50%; -webkit-border-radius:50%; }
.img-circled:hover { border: 2px solid; }
.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-odd { padding:0.25rem; border:0; }
.bg-even { padding:0.25rem; border:0; }
.bg-headrow { padding:0.25rem; border:0; 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.9rem 0.9rem 0 1rem; border:0; margin:0; margin-bottom: 1.5rem; min-height: 50px; }
.Ariane a.ariafolder { text-decoration:none; font-size:1rem; }
/* .Ariane a.btn { margin-top: -0.15rem; } */
.BrowseTool { float:right; }

.darkscreen { position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; }
#formsort, #formmode { padding:2rem; z-index:800; position:relative; text-align:center; }
#formsort a, #formmode a { display:block; clear:both; }
#formsearch { padding:2rem; z-index:800; position:relative; }

/* FAVORIS */
#favorite-box {position:relative; float:left; max-width:320px; margin-top:-2px;}
#favorite-box a {text-decoration:none; }
.favorite-icon { margin-top:-8px; width:44px; height:44px; text-align:center; padding-top:8px; }

#ajaxsrc { display:none!important; }

/* Listes ul li perso */
.list-exesm li { margin:0; padding:2px 4px; }
.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; }
.linktool i { width: 19px; }

/* Votes */
#votingbloc { height: 28px; margin:0 0 1rem 0; width: 100%; max-width: 320px; }
.vote-note { height: 28px; padding: 2px 4px; text-align:center; border:1px grey; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }


/* 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 */
.embedvideo { max-width: 1280px; width: 100%; margin: auto; }
.videodiv { position:relative; padding-bottom:56.25%; height: 0; text-align: center; max-height:620px;}
.videoframe { position:absolute;top:0;left:0;width:100%;height:100%;}
@media screen and (max-width:640px) {
	.videoframe { max-height:320px; }
	.videodiv { height:320px; }
	.col-min-h { min-height:320px; }
}
.source-list { color: #ccc; position: relative; max-width: 80%; margin: 0 auto; padding-top:10px; height: 60px; background: rgba(0,0,0,0.75); vertical-align: middle; text-align: center; }


/* 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; white-space:nowrap; }
.forumcolor { margin: 0 0.3rem 0 0; padding: 0 2px; min-width: 22px; border: 1px #f9f9f8; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.forummessage { padding: 3px 2px 2px 6px; }
.forumcard { padding: 3px 2px 2px 6px; }
.forumrow { 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; }

/* 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; }
.headingday { font-weight: bold; padding: 0.5rem 0.25rem; }
.weekday { padding: 0.25rem; }

.agenda-table { margin:0; padding:0; }
.agenda-title { font-size: 0.9rem; padding:0 0.75rem 0 0; }
.agenda-link { display: block;}
.agenda-event { margin:0 0 0.25rem 0; border: 0; }
@media screen and (min-width: 900px) {
	.agenda-matin, .agenda-aprem, .agenda-soir { min-height: 240px; }
}
.btn-max { width:100%; }
/* Liste Triable */
ul#listriable { list-style: none; }
#listriable li { cursor: move; }
#listriable li span { position: absolute; margin-left: -1.3em; }

.row-hover { border-bottom: 1px solid #DDD; }