@font-face
{
	font-family:'linottesemibold';
	src:url('lib/linotte/Linotte-SemiBold-webfont.eot');
	src:url('lib/linotte/Linotte-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
		url('lib/linotte/Linotte-SemiBold-webfont.woff2') format('woff2'),
		url('lib/linotte/Linotte-SemiBold-webfont.woff') format('woff'),
		url('lib/linotte/Linotte-SemiBold-webfont.ttf') format('truetype'),
		url('lib/linotte/Linotte-SemiBold-webfont.svg#linottesemibold') format('svg');
	font-weight:normal;
	font-style:normal;
}

*{margin:0;padding:0;box-sizing:border-box;font-family:arial;font-size:12px;}
body{padding-bottom:30px;background:url(i/fond2.png);}
a{color:inherit;text-decoration:none;}

#titre
{
	position:fixed;
	top:0;
	z-index:100;
	width:100%;
	height:40px;
	padding:4px;
	background:#070707;
	background:linear-gradient(top,#404040 0%,#070707 100%);
	background:-moz-linear-gradient(top,#404040 0%,#070707 100%);
	background:-webkit-linear-gradient(top,#404040 0%,#070707 100%);
	background:-o-linear-gradient(top,#404040 0%,#070707 100%);
}
#titre>a{margin-left:10px;margin-top:7px;display:inline-block;color:#ededee;text-decoration:none;font-family:linottesemibold;font-size:22px;letter-spacing:1px;}
#titre img{float:left;height:32px;}
/*
#sup_profil{position:absolute;right:50px;top:0;width:50px;height:50px;background:url(i/sup_profil1.png) no-repeat center center;cursor:pointer;}
#sup_profil a{display:block;width:50px;height:50px;}
#sup_profil:hover{background:url(i/sup_profil2.png) no-repeat center center;}
#sup_email{position:absolute;right:100px;top:0;width:50px;height:50px;background:url(i/sup_email1.png) no-repeat center center;cursor:pointer;}
#sup_email a{display:block;width:50px;height:50px;}
#sup_email:hover{background:url(i/sup_email2.png) no-repeat center center;}
#sup_connexion{position:absolute;right:0;top:0;width:50px;height:50px;background:url(i/sup_connexion1.png) no-repeat center center;cursor:pointer;}
#sup_connexion a{display:block;width:50px;height:50px;}
#sup_connexion:hover{background:url(i/sup_connexion2.png) no-repeat center center;}
*/
#nav{position:fixed;height:40px;left:10px;right:10px;top:60px;}
#recherche{position:fixed;top:60px;right:10px;height:40px;}
#blocaccueil{margin-left:auto;margin-right:auto;margin-top:40px;width:560px;background:rgba(0,0,0,0.2);box-shadow:2px 2px 2px #555;padding-bottom:6px;}
#contenu{width:100%;margin-top:60px;z-index:1;}
#contenu2{position:fixed;overflow:auto;left:120px;top:50px;right:10px;bottom:10px;padding:10px;background:white no-repeat right bottom;border-radius:3px;box-shadow:0px 0px 2px #999;}
#menu{position:fixed;overflow:auto;width:100px;left:10px;top:50px;bottom:10px;background:#d8e9f6;border-radius:3px;box-shadow:0px 0px 2px #999;}
#pied{position:fixed;bottom:0;width:100%;height:26px;background:#303030;border-top:solid 3px #ffbe62;z-index:100;}
#pied>div{width:980px;margin-left:auto;margin-right:auto;margin-top:6px;font-size:11px;color:white;text-align:center;}
#pied>div>a{text-decoration:none;color:white;}

#logo{float:left;width:38px;height:50px;margin-right:10px;}
#textetitre{float:left;height:40px;color:#ffbe62;font-size:12px;font-weight:bold;}
#nomsite a{font-family:archivo_blackregular;text-decoration:none;font-size:24px;color:#ffbe62;font-weight:normal;letter-spacing:5px;text-shadow:2px 2px 2px #555;}

#treedocs,#jstree{margin-left:-5px;overflow:auto;}
#treedocs *,#jstree *{font-size:10px;}

#connexion{height:50px;text-align:right;}
#connexion a{color:white;text-decoration:none;font-size:10px;text-decoration:none;}

#liste{position:fixed;width:300px;top:40px;right:-300px;height:100%;box-sizing:border-box;background:#303030;padding:10px;border-left:solid 3px #ffbe62;transition-property:all;transition-duration:0.5s;}

.imgaccueil{max-height:300px;}

.dossier{margin-left:20px;}
.cadre{float:right;-border:solid 1px black;padding:0;vertical-align:center;}
.cadre2{margin:10px;border:inset 1px #abadb3;background:#fafdff;display:block;padding:3px;}
.cadre3{margin:10px;border:outset 1px #b2dcff;background:#c7e3ef;display:block;padding:3px;color:#004458;}

.retour {text-transform:uppercase;padding:4px;border-radius:4px;font-size:11px;margin-top:5px;color:white;letter-spacing:2px;text-decoration:none;transition-property:all;transition-duration:1s;font-weight:bold;}
.retour:hover{background:grey;}

.commentaire{display:inline;cursor:help;}
.commentaire img{margin-right:6px;}
/* .commentaire:hover .commentaires{opacity:1;} */
.commentaires{display:inline;position:absolute;border:solid 2px #303030;background:#d0d0d0;opacity:0;transition-property:all;transition-duration:500ms;}
.nom_commentaire{background:#c0c0c0;font-size:10px;font-weight:bold;padding:6px;}
.texte_commentaire{padding:6px;}

.sel{background:#045396;color:white;padding:1px;padding-left:4px;padding-right:4px;border-radius:2px;}
.sel2{background:#ffe340;}

.fond
{
	background:url(i/fond2.jpg) no-repeat center fixed;
	-webkit-background-size:cover;
	background-size:cover;
}

.fond2{background:#303030 url(i/fondnc.png) no-repeat center bottom fixed;}

.lien{text-transform:uppercase;padding:2px;border-radius:4px;font-size:11px;color:white;text-decoration:none;font-weight:bold;letter-spacing:2px;transition-property:background;transition-duration:1s;cursor:pointer;}
.lien2{-vertical-align:text-top;text-transform:uppercase;padding:4px;border-radius:4px;font-size:11px;color:white;text-decoration:none;font-weight:bold;letter-spacing:2px;transition-property:background;transition-duration:1s;cursor:pointer;}
.lien:hover{background:grey;}
.lien2:hover{background:grey;}

.puce{background:url(i/puce.png) no-repeat left center;padding-left:16px;transition-property:all;transition-duration:0.5s;}
.puce:hover{margin-left:8px;}

#logo2{float:left;}
#nomsite2{float:left;color:#ffbe62;font-family:archivo_blackregular;font-weight:normal;font-size:40px;margin-left:10px;margin-top:6px;letter-spacing:6px;text-shadow:2px 2px 2px #555;}

#recherche_titre{display:block;margin-left:auto;margin-right:auto;font-size:16px;padding:4px;margin-top:150px;margin-bottom:10px;width:340px;}
#recherche_champ{display:block;margin-left:auto;margin-right:auto;font-size:20px;padding:6px;margin-top:10px;margin-bottom:0;width:500px;box-sizing:border-box;}
#recherche_avancee{display:block;margin-left:auto;margin-right:auto;font-size:10px;margin-top:2px;margin-bottom:10px;width:500px;text-align:right;}
#recherche_bouton{display:block;margin-left:auto;margin-right:auto;font-size:16px;padding:4px;margin-top:15px;margin-bottom:10px;width:200px;}
#avancee{display:block;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:20px;width:740px;}

.ret_ok{margin-bottom:10px;padding:6px;border-radius:4px;background:#ebf8a4;border:solid 1px #b5bf7e;}
.ret_echec{margin-bottom:10px;padding:6px;border-radius:4px;background:#ffc0cb;border:solid 1px #ff4061;}
.ret_com{margin-bottom:10px;padding:6px;border-radius:4px;background:#add8e6;border:solid 1px #7fcde6;}

h1{font-size:17px;text-decoration:none;text-transform:uppercase;border-bottom:solid 1px black;margin-bottom:15px;}
h2{font-size:14px;text-decoration:none;-text-transform:uppercase;margin-bottom:5px;}
h2 a{text-decoration:none;}
h2.zone{font-size:10px;font-weight:bold;border-top:solid 3px #303030;padding:4px;text-align:center;margin:0;border-top:solid 1px white;border-bottom:solid 1px #bbd3da;color:white;background:#045396;cursor:pointer;background:linear-gradient(top,#3d91d3 0%,#045396 100%);background:-moz-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-webkit-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-o-linear-gradient(top,#3d91d3 0%,#045396 100%);}

p{margin-bottom:12px;text-align:justify;}
/* .bis p{color:white;} */

.description p:last-child{margin:0;}

ul{color:#333333;margin-left:20px;}

.projet
{
	display:block;float:left;width:300px;height:250px;margin-right:10px;margin-top:10px;padding-top:10px;padding-left:10px;font-weight:bold;border:solid 2px #303030;
	background:linear-gradient(top,#f2f9ff 0%,#b2ddff 100%);
	background:-moz-linear-gradient(top,#f2f9ff 0%,#b2ddff 100%);
	background:-webkit-linear-gradient(top,#f2f9ff 0%,#b2ddff 100%);
	background:-o-linear-gradient(top,#f2f9ff 0%,#b2ddff 100%);
}
.projet div{font-size:16px;}

.mini{position:relative;float:left;width:180px;height:180px;margin:4px;padding:4px;text-align:center;vertical-align:middle;}
.mini img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;transition-property:all;transition-duration:1s;border:solid 2px white;cursor:pointer;box-shadow:2px 2px 2px #555;max-width:140px;max-height:140px;}
.mini img:hover{border:solid 2px #ffbe62;transform:scale(1.1);}

.mini2{position:relative;float:left;width:180px;height:180px;margin:4px;padding:4px;text-align:center;vertical-align:middle;}
.mini2 img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;transition-property:all;transition-duration:1s;border:solid 2px red;cursor:pointer;box-shadow:2px 2px 2px #555;max-width:140px;max-height:140px;}
.mini2 img:hover{border:solid 2px #ffbe62;}

.mini3 img{margin-right:6px;margin-bottom:4px;box-shadow:2px 2px 2px #555;max-width:140px;max-height:140px;}

.mini4{position:relative;float:left;width:180px;height:180px;margin:4px;padding:4px;text-align:center;vertical-align:middle;list-style-type:none;}
.mini4 img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;transition-property:all;transition-duration:1s;border:solid 2px white;cursor:pointer;box-shadow:2px 2px 2px #555;cursor:move;max-width:140px;max-height:140px;}

.grande{display:block;margin-left:auto;margin-right:auto;box-shadow:2px 2px 2px #555;}
.legende{text-align:center;color:#4c4c4c;margin-top:10px;margin-bottom:30px;}

.boule{width:16px; height:16px; font-weight:bold; font-size:12px; margin-left:4px; text-align:center; border-radius:8px; float:right; background:#ffbe62; color:#4c4c4c; right:10px; top:60px;}
.boule a{text-decoration:none;padding:4px;}

.source{position:absolute;width:100%;text-align:center;bottom:0;color:#333333;}
.source2{width:100%;text-align:center;color:#333333;margin-bottom:6px;}

.cont200{width:200px;margin-left:auto;margin-right:auto;}
.cont300{width:300px;margin-left:auto;margin-right:auto;}
.cont400{width:400px;margin-left:auto;margin-right:auto;}
.cont500{width:500px;margin-left:auto;margin-right:auto;}
.cont600{width:600px;margin-left:auto;margin-right:auto;}

.w100{width:100%;}

.va{vertical-align:middle;}
.tb{vertical-align:text-bottom;}
.cb{clear:both;}

.avertissement{display:inline-block;background:#ffdddd;border-radius:4px;margin-left:8px;padding-left:4px;padding-right:4px;color:black;}
.avertissement2{display:inline-block;background:#ffdddd url(i/avertissement.png) no-repeat 4px center;border-radius:4px;padding:6px;padding-left:24px;}

.fs10{font-size:10px;}
.fs10t{width:40px;text-align:center;font-size:10px;}
.fs10t a{font-size:10px;}

.tacenter{text-align:center;}
.center{margin-left:auto;margin-right:auto;}

/* .bouton{padding:4px;color:black;text-decoration:none;font-weight:bold;border:outset 1px #ffbe62;font-size:11px;background:#ffbe62;} */
/* .libelle{margin-top:8px;color:#4c4c4c;font-size:12px;} */
.libelle{margin-top:8px;font-size:12px;}
.libelle2{margin-top:8px;font-size:12px;font-weight:bold;}
.champ{margin-top:1px;margin-bottom:8px;}
.champ input,textarea,select{box-sizing:border-box;padding:4px;}
.champ2{font-size:11px;width:120px;}
.champ3{font-size:16px;width:300px;}
.erreur{display:none;font-weight:bold;color:red;}

.description{font-size:13px;text-align:justify;margin-top:15px;margin-bottom:15px;margin-left:3px;margin-right:3px;padding:5px;background:#303030;transition-property:all;transition-duration:1s;border:dotted 1px white;}
.description p{color:white;}

.nom{float:left;width:136px;padding:2px;margin:2px;border:outset 1px #4c4c4c;text-align:center;transition-property:all;transition-duration:500ms;cursor:pointer;}
.nom:hover{background:#cccccc;}
.nom2{float:left;width:136px;padding:2px;margin:2px;border:outset 1px #ffbe62;text-align:center;transition-property:all;transition-duration:500ms;cursor:pointer;}
.nom2:hover{background:#fff2e0;}

.inactif{font-style:italic;color:red;}

.t0{border:none;}
.t0 td{border:none !important;}

.t1{margin-top:10px;border-collapse:collapse;}
.t1 tr:nth-child(odd){background-color:#e6f4ff;}
.t1 tr:nth-child(even){background-color:#f2f9ff;}
.t1 th{border:1px solid #045396;white-space:nowrap;font-weight:bold;color:white;text-align:center;margin:0;padding:6px;padding-left:24px;padding-right:24px;background:#045396;background:linear-gradient(top,#3d91d3 0%,#045396 100%);background:-moz-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-webkit-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-o-linear-gradient(top,#3d91d3 0%,#045396 100%);}
.t1 td{border:1px solid #045396;margin:0;padding:6px;}
.t1 thead tr {background:#045396;background:linear-gradient(top,#3d91d3 0%,#045396 100%);background:-moz-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-webkit-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-o-linear-gradient(top,#3d91d3 0%,#045396 100%);}
.t1 tr.sel2{background:#fff070;}
.t1 .nowrap {white-space:nowrap;}
.t1 .actions {white-space:nowrap;}
.t1 th .fas:not(.no) {color:white;margin:0 2px;opacity:1;transition:0.5s;}
.t1 th a .fas:hover:not(.no) {opacity:0.8;}
.t1 td .fas:not(.no) {color:#045396;margin:0 2px;opacity:1;transition:0.5s;}
.t1 td a .fas:hover:not(.no) {opacity:0.8;}

.t2{border-collapse:collapse;}
.t2 tr:nth-child(odd){background:#4c4c4c;}
.t2 tr:nth-child(even){background:#666666;}
.t2 th{border:1px solid #ffbe62;font-weight:bold;color:white;text-align:center;margin:0;padding:4px;background:#333333;}
.t2 td{border:1px solid #ffbe62;margin:0;padding:4px;}

.t3{border-collapse:collapse;}
.t3 tr:nth-child(odd){background-color:#e6f4ff;}
.t3 tr:nth-child(even){background-color:#f2f9ff;}
.t3 th{border:1px solid #045396;white-space:nowrap;font-weight:bold;color:white;text-align:center;margin:0;padding:4px;padding-left:4px;padding-right:4px;background:#045396;background:linear-gradient(top,#3d91d3 0%,#045396 100%);background:-moz-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-webkit-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-o-linear-gradient(top,#3d91d3 0%,#045396 100%);}
.t3 td{border:1px solid #045396;margin:0;padding:4px;}
.t3 thead tr {background:#045396;background:linear-gradient(top,#3d91d3 0%,#045396 100%);background:-moz-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-webkit-linear-gradient(top,#3d91d3 0%,#045396 100%);background:-o-linear-gradient(top,#3d91d3 0%,#045396 100%);}
.t3 tr.sel2{background:#fff070;}
.t3 .nowrap {white-space:nowrap;}
.t3 .actions {white-space:nowrap;}

.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.rouge{border:outset 1px red;}
.rayure{background-image:url(i/rayure.png);}

.boutons{margin-bottom:20px;}
.boutons :first-child{margin-left:0 !important;}

.bouton
{
	padding:8px 16px;
	margin:3px 4px;
	display:inline-block;
	color:white;
	font-size:13px;
	text-decoration:none;
	cursor:pointer;
	background:#045396;
	border:none;
}
.bouton:hover
{
	background:#3d91d3;
}
.bouton:active
{
	opacity:0.8;
}

.bgris
{
	padding:8px 16px;
	margin:3px 4px;
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
	text-decoration:none;
	cursor: pointer;
	background: #aaaaaa;
}

.rubnav{margin-right:5px;opacity:0.75;}
.rubnav:hover{opacity:1;}
.rubnav img{margin:5px;width:30px;}

.rub{display:block;border-top:solid 1px white;border-bottom:solid 1px #bbd3da;color:#376572;padding:4px;transition-property:all;transition-duration:0.5s;font-size:9px;}
.rub:hover{background:#c7e3ef;}
.rubrique{display:block;border:outset 1px #ffbe62;border-left:solid 5px #ffbe62;margin:10px;padding:6px;transition-property:all;transition-duration:500ms;cursor:pointer;text-decoration:none;font-size:12px;}
.rubrique:hover{-padding-left:30px;border-left:solid 30px #ffbe62;}

.code{font-size:9px;font-family:courier new;}

.orange{color:#ffbe62;font-weight:bold;}

.tria{position:absolute;margin-top:-5px;margin-left:-8px;width:16px;height:16px;background:url(i/bas.png);}
.trid{position:absolute;margin-top:-5px;margin-left:-8px;width:16px;height:16px;background:url(i/haut.png);}

.utilisateur{display:inline;margin-right:6px;margin-bottom:6px;padding:2px;padding-left:18px;background:#f9dd7b url(i/utilisateur.png) no-repeat left center;border-radius:3px;box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);}
.groupe{display:inline;margin-right:6px;margin-bottom:6px;padding:2px;padding-left:18px;background:#f9dd7b url(i/utilisateurs.png) no-repeat left center;border-radius:3px;box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);}

#imp{visibility:hidden;}

/*
table.dataTable {
	width:100%;
	margin:0 auto;
	clear:both;
	border-collapse:separate;
	border-spacing:0
}
table.dataTable thead th,table.dataTable tfoot th {
	font-weight:bold
}
table.dataTable thead th,table.dataTable thead td {
	padding:10px 18px;
	border-bottom:1px solid #111
}
table.dataTable thead th:active,table.dataTable thead td:active {
	outline:none
}
table.dataTable tfoot th,table.dataTable tfoot td {
	padding:10px 18px 6px 18px;
	border-top:1px solid #111
}
*/

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc {
	cursor:pointer;
	*cursor:hand
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {
	background-repeat:no-repeat;
	background-position:center right
}

table.dataTable thead .sorting .tri
{
	background-image:url("i/sort_both.png");
}
table.dataTable thead .sorting_asc .tri
{
	background-image:url("i/sort_asc.png");
}
table.dataTable thead .sorting_desc .tri
{
	background-image:url("i/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled .tri
{
	background-image:url("i/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled .tri
{
	background-image:url("i/sort_desc_disabled.png");
}

.tri{position:absolute;margin-left:-26px;margin-top:-17px;width:20px;height:20px;}
#tableau_filter{margin-bottom:10px;}

.sim{display:inline-block;vertical-align:top;width:300px;margin-right:10px;margin-bottom:10px;}
.res{display:inline-block;overflow:auto;width:300px;height:400px;border:solid 1px #376572;background:#d8e9f6;margin-right:10px;margin-bottom:10px;padding:5px;}
.res *{font-size:9px;}
.res h2{border-bottom:solid 1px black;}

#loader{display:none;}

.off{color:lightgrey !important;}

#graphe{box-sizing:content-box;}

table.data{border-collapse:collapse;border:solid 1px black;}
table.data th{padding:2px;border:solid 1px black;}
table.data td{padding:2px;border:solid 1px black;}