/* POLICES */
@font-face {
    font-family: 'expletus_sansregular';
    src: url('font/expletussans-regular.eot');
    src: url('font/expletussans-regular.eot?#iefix') format('embedded-opentype'),
         url('font/expletussans-regular.woff2') format('woff2'),
         url('font/expletussans-regular.woff') format('woff'),
         url('font/expletussans-regular.ttf') format('truetype'),
         url('font/expletussans-regular.svg#expletus_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background-color:#fff;
	font-family: Liberation Sans, Arial;
}
a,a:visited {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:underline;
}
p.maxwidth, ul.maxwidth li {
	max-width: 700px;
}
p.noaccess {
	text-align:center;
	font-size:1.4em;
	padding-top:20px;
}
/* COULEURS SOLO */
header table#eval, footer#foot_eval p {
	background-color: #61C261;
}
header table#edit, footer#foot_edit p {
	background-color: #EFE239;
}
header table#edt, footer#foot_edt p, #art_edt .itemstats {
	background-color: #EF9E07;
}
.edtsep .charts {
	border-top:2px #EF9E07 dashed;
}
header table#freq, footer#foot_freq p, #art_freq .itemstats {
	background-color: #D90606;
}
#art_freq .itemcren {
	background-color: #000000;
}
.freqsep .charts {
	border-top:2px #D90606 dashed;
}
header table#database, header table#index, footer#foot_db p {
	background-color: #086A87;
}
header table#param, footer#foot_param p {
	background-color: #7D7777;
}
header table#aide, footer#foot_aide p { 
	background-color: #7D095A;
}
/* HEADER - MENU HORIZONTAL */
header table {
	border-bottom:0px grey solid;
	margin:0, 0, 0, 0;
	position: relative;
	width:100%;
	margin-top:-8px;
}
header td {
	border-left:1px white solid;
	border-right:1px white solid;
	padding-top:-10px;
	padding-left:10px;
	padding-right:10px;
	width:60px;
	height:60px;
}
header #titre, header #module {
	color:#fff;
	width:auto;
	padding-left:50px;
	font-size:1.8em;
	font-family:expletus_sansregular,Liberation Sans, Arial;
	border-left:0px;
}
header td#titre {
	border-right:0px;
}
header #active {
	background-color: #fff
	padding-bottom:0px;
}
header img {
	height:60px;
}

/* CENTRE */
section {
	position:relative;
	width:100%;
	min-height:470px;
	overflow:hidden;
	padding-bottom: 10px;
}

article {
	position:relative;
	margin-top:30px;
	float:right;
	width:77.6%; 
}
article#art_edt {
	overflow-x: auto;
}
article#art_aide {
	float:left;
}
article#art_edt .h1 h1 {
	margin-bottom:-10px;
}
article#art_freq h2 {
	margin-top:50px;
}
article.popup {
	padding-left:-100px;
}
#install {
	width:600px;
}
#install td {
	text-align:left;
}
#install td.valid {
	text-align:right;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.center table {
	margin:0 auto;
}
article p, article ul, article h1, article h2 {
	padding-left:5px;
	text-align:justify;
}
article table {	
	border-collapse:collapse;
}
article h1 {
	border-left:2px black solid;
}
article h2 {
	border-left:2px #086A87 dashed;
	color:#086A87;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.2em;
}
article th, article td {
	border:1px grey solid;
	padding:5px;
}
th { 
	background-color:white;
}

.boutons_right {
	position:absolute;
	top:200px;
	right:250px;
}

/* Polices diverses */
a.none {
	text-decoration:none;
}
p.signal, span.signal, h2.signal {
	color:red;
	font-weight:bold;
}
tr.grey {
	background-color:grey;
}
p.noborder, td.noborder {
	border:0;
}
/* Positionnements divers */
div.paddl {
	padding-left:220px;
}
p.paddvalid1, span.paddvalid1, span.ecart {
	padding-left:300px;
}
span.midecart {
	padding-left:500px;
}
span.bigecart, p.bigecart {
	padding-left:500px;
}
form.padd1 {
	padding-left:20px;
}
form.padd2 {
	padding-left:30px;
}
form.padd3 {
	padding:20px;
}
form.formappel {
	padding:0px;
}
form.padd4 {
	padding:30px;
}
div.paddr1 {
	padding-right:80px;
}
.margel1 {
	margin-left:250px;
}
td.right, p.right {
	text-align:right;
}
td.w400 {
	width:400px;
}
td.center {
	text-align:center;
}
.grappes, .preins {
	float:right;
}
.preinsgrappes {
	display:block;
}
.fleft {
	float:left;
}
table.top10 {
	margin-top:10px;
}
h2.top50 {
	margin-top:50px;
}
/* 	CENTRE - STYLES DE LA BOITE DE SUGGESTION */

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #FF4000;
	background: #FF4000;
	font-weight: normal;
	color: #ffffff;
}

/* EVALUATION */

.eval {
	display:block;
	overflow:auto;
	min-width:1000px;
}
.evalele_left {
	display:inline-block;
	width:430px;
	margin-top:100px;
	vertical-align:top;
	float:left;
}
.evalele_right {
	display:inline-block;
	width:430px;
	margin-top:70px;
	vertical-align:top;
	float:right;
}
.eval_thead {
	width: 3000px;
	/*display: block;*/
	/*overflow: auto;*/
	/*overflow : -moz-scrollbars-horizontal;*/
}
.eval_tbody {
	display: block;
	height: 400px;
	overflow-y: auto;
	/*overflow-x:display;*/
	width: 2500px;
	text-align:left;
}
.eval_tbody_past {
	height:auto;
}
.eval_th {
	min-width:350px;
	max-width:350px;
	background-color:#F2EFFB;
	text-align:left;
}
.eval_th_ele {
	border:0;
}
.eval_sav {
	min-width:350px;
	max-width:350px;
	text-align:left;
}
.elechrome {
	/*Safari et chrome */
	-webkit-transform: rotate(-180deg);
	-webkit-writing-mode: vertical-rl;
	border:0;
	height:200px;
}
.eleve {
	/*Opera*/
    -o-transform: rotate(-180deg);
    /*IE*/
    writing-mode: tb-rl;
    filter: flipv fliph;
    /* pour tous */
    padding: 3px 1px 5px 15px;
	border: 1px grey solid;
	min-width:52px; /*-6*/
	max-width:52px;
	z-index:5;
}
.evalc {
	min-width:58px;
	max-width:58px;
}
table.evaltab {
	border-collapse:collapse;
}
table.evalt, thead.evalt, th.evalt, tbody.evalt {
	border:1px solid black;
}
td.evaltd {
	border:1px solid black;
	text-align:center;
	width:20px;
}
td.evalniv0, option.evalniv0, span.evalniv0 {
	background-color:#eee;
	color:#eee;
}
td.evalniv1, option.evalniv1, span.evalniv1 {
	background-color:red;
	color:red;
}
td.evalniv2, option.evalniv2, span.evalniv2 {
	background-color:orange;
	color:orange;
}
td.evalniv3, option.evalniv3, span.evalniv3 {
	background-color:yellow;
	color:yellow;
}
td.evalniv4, option.evalniv4, span.evalniv4 {
	background-color:green;
	color:green;
}
td.evalpastniv0 {
	background-color:#eee;
	color:#eee;
}
td.evalpastniv1 {
	background-color:#f3a2a2;
	color:#f3a2a2;
}
td.evalpastniv2 {
	background-color:#f7d68d;
	color:#f7d68d;
}
td.evalpastniv3 {
	background-color:#f7ffb5;
	color:#f7ffb5;
}
td.evalpastniv4 {
	background-color:#b0ff9f;
	color:#b0ff9f;
}
/* SEQUENCES */

.td_chap {
	padding-left:50px;
	color:black;
	text-align:left;
	font-weight:bold;
	background-color: white;
}

.sequence td {
	text-align:left;
	border-right:0;
	border-left:0;
	padding-bottom:10px;
	padding-top:10px;
}

.sequence td.left {
	font-style:italic;
	vertical-align: top;
}

.sequence td.leftseq {
	font-weight: bold;
	color:red;
}

.sequence td.center {
	text-align: center;
}

.sequence td li  {
	margin-left:10px;
}

.sequence input[type="text"] {
    width:335px;
}

/* EDT */

#titreMois table, #titreMois td, #affbriks table, #affbriks td {
	border:0px;
}

.edt_grille table {
	border :1px solid grey;
}

.edt_grille td {
	border :1px solid grey;
	text-align:center;
}

#edt_briques {
	position:fixed;
	top:80px;
	right:20px;
	height:90%;
	float:right;
	overflow:scroll;
	z-index:100;
}
td.brik_activ, td.brik_desactiv {
	width:130px;
	text-align:left;
	color:#424242;
}
td.brik_activ {
	background-color:#9AFE2E;
}
td.brik_desactiv {
	background-color:#FACC2E;
}
#artleft {
	float:left;
	width:85%;
	padding-left:20px;
}
.heure {
	width:60px;
}
.height {
	height:40px;
}
.recept_open {
	background-color:#eee;
}
.recept_close {
	background-color:#7D7777;
}
.txt_close {
	font-style:italic;
	font-size:1.8em;
	color:black;
	/*Safari et chrome */
	-webkit-transform: rotate(-180deg);
	-webkit-writing-mode: vertical-rl;
	height:180px;
	width:auto;
	line-height: 0.8em;
	/*Opera*/
    -o-transform: rotate(-180deg);
    /*IE*/
    writing-mode: tb-rl;
    filter: flipv fliph;
}
.txt_close span {
	transform: rotate(90deg);
}
.openmsg {
	display:block;
	text-align:center;
}
.titleEdt {
	background-color:#848484;
	font-weight: bold;
}
.thday, .recept_close, .recept_open, .openmsg {
	min-width:130px;
}
.recept_close,, .recept_open, .recept {
	z-index:10;
}
.cartclic {
	display:inline;
}
.cartouche {
	display:inline-block;
	padding:0px 1px 1px 1px;
	border:1px solid grey;
	width:126px;
	height:36px;
	text-align:center;
	line-height:15px;
}
.cartouche span {
	vertical-align:middle;
}
.cartouche .txtlibre_1 {
	padding-top:20px;
}
.cartouche .txtlibre_2 {
	padding-top:3px;
}

.infobulle {
  position: relative;  /*les .picto-item deviennent référents*/
  cursor: help;
  border-radius: 50%;
}
.infobulle:hover:after,
.infobulle:focus:after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute; 
  top: 2em;
  left: 50%;
	transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  
  padding: 5px 14px;
  border: 1px solid grey;
  border-left: 4px solid grey;
  background: white;
  color: grey;
  border-radius: 4px;
  font-size: 1em;
}

.infobulle_retard:hover:after,
.infobulle:focus:after {
	left: -200px;
}
[aria-label]:focus {
  outline: none;
}

td.niv0 {
	background-color:#eee;
	color:#eee;
}
td.niv1, td.niv2, td.niv3 {
	text-align:center;
}
td.niv1 {
	background-color:orange;
}
td.niv2 {
	background-color:yellow;
}
td.niv3 {
	background-color:green;
}
.edtsuividiv {
	padding:3px;
	border-radius:6px;
	border-bottom: 1px solid #086A87;
	background-color: #d8ffec;
}
.seanceitem {
	padding:3px;
	border-radius:6px;
	border-bottom: 1px solid #086A87;
}
/* Fréquentation */

.printer {
	padding-top:30px;
}
input[name="appelok"]{
	display:block;
	margin-top:-60px;
	margin-left:100px;
	background:url(../img/appelok.png);
	height:60px;
	width:60px;
	border:none;
	cursor:pointer;
}
input[name="appelback"]{
	display:block;
	margin-top:-60px;
	margin-left:100px;
	background:url(../img/appelback.png);
	height:60px;
	width:60px;
	border:none;
	cursor:pointer;
}

.journaltable {
	width:110%;
}

.charts {
	background-color:#FFF;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}

.itemstats, .itemcren {
	display:inline;
	border:2px white solid;
	padding:10px;
	border-radius:6px;
	margin-right:10px;
	font-weight:bold;
}
.itemstats a, .itemstats a:visited, .itemcren a, .itemcren a:visited {
	text-decoration:none;
	color:white;
}
.itemclassic {
	display:none;
}
div.statcadre {
	position: relative; 
	height: 90vh;
}
.datepick, .datepick1, .datepick2, .datepick3, .datepick4, .datepick_modif {
	text-align:center;
}
.journaltd35, .journaltd {
	text-align:center;
}
.journaltd35 {
	width:35%;
}
td.nuance1 {
	background-color:#fff;
}
td.nuance2 {
	background-color:#F3F781;
}
td.nuance3 {
	background-color:#F7D358;
}
td.nuance4 {
	background-color:#FE9A2E;
}
td.nuance5 {
	background-color:#DF0101;
}
td.nuance6 {
	background-color:#FF4000;
}

/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/*                  Calendrier (reprise de PMB - sigb.net)                      */
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/


#calendrier_tab td.lien_date {
	background: #78cc0b; /* Old browsers */
	background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

#calendrier_tab td.lien_date_hs {
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top, #ef6d3e 0%, #8c3310 50%, #752201 51%, #bc451a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef6d3e), color-stop(50%,#8c3310), color-stop(51%,#752201), color-stop(100%,#bc451a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ef6d3e 0%,#8c3310 50%,#752201 51%,#bc451a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ef6d3e 0%,#8c3310 50%,#752201 51%,#bc451a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ef6d3e 0%,#8c3310 50%,#752201 51%,#bc451a 100%); /* IE10+ */
	background: linear-gradient(top, #ef6d3e 0%,#8c3310 50%,#752201 51%,#bc451a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6d3e', endColorstr='#bc451a',GradientType=0 ); /* IE6-9 */
}

#calendrier_tab td.lien_date_hs_p {
	background: #FF7F04; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9a35 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a35), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff9a35 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff9a35 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff9a35 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
	background: linear-gradient(top, #ff9a35 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a35', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}

#calendrier_tab .notice-child .colonne3 table td.lien_date a, #calendrier_tab .notice-child .colonne3 table td.lien_date_hs a, #calendrier_tab .notice-child .colonne3 table td.lien_date_hs_p a {
	color: #ffffff;
}

.recorded {
	color: #cc0000;
	font-weight: bold;
}

.pbar {
	width: 710px;
	text-align: center;
}

.pbar_frame {
	border: #000000 1px solid;
	padding: 4px;
}

#pbar_img {
	height: 16px;
}

.dom_div {
	overflow: auto;
}
.dom_tab {
	table-layout: fixed;
}
.dom_col {
	overflow: hidden;
	width: 200px;
}
.dom_cell_tab {
	border: #000000 1px solid;
	overflow: hidden;
}

.dom_tab2 {
	display: table;
}
.dom_row2 {
	display: table-row;
	height: 125px;
}
.dom_col2 {
	display: table-cell;
}
.dom_cell2_h {
	display: block;
	width: 200px;
	height: 125px;
	overflow: hidden;
	border: 1px solid black;
	background-color: #B23C3C;
	background-image: url("./images/administration.jpg");
	background-size: contain;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.dom_cell2 {
	display: block;
	height: 125px;
	overflow: hidden;
	border: 1px solid black;
}
.dom_sel {
	width: 190px;
}

/* PARAMETRES */

table.param_sav, table.100p {
	width:100%;
}
table.60p {
	width:60%;
}
td.td_droits {
	vertical-align:top;
	padding-top:15px;
}
div.cal1 {
	display:inline-block;
	float:right;
}
div.cal2 {
	height:260px;
	padding-top: 10px;
}
div.cal3 {
	display:inline-block;
	padding-left: 10px;
}
div.cal4 {
	padding-top:10px;
}
.number {
	width:3em;
}
/* html2canvas */
.previewImage {
	padding:5px;
}
ul.previewImage {
	padding-left:50px;
}
ul.listImages {
	padding-left:50px;
}
#progress {
	display:inline;
}
/* PARAM LECTEUR AUDIO */
audio {
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	-moz-box-shadow: 2px 2px 4px 0px #fff;
	-webkit-box-shadow:  2px 2px 4px 0px #fff;
	box-shadow: 2px 2px 4px 0px #fff;
	-moz-border-radius:7px 7px 7px 7px ;
	-webkit-border-radius:7px 7px 7px 7px ;
	border-radius:7px 7px 7px 7px ;
}
/* NAVIGATION - MENU VERTICAL INTERNE AUX MODULES */
nav {
	position:relative;
	float:left;
	padding-left: 40px;
	top:2px;
	width:12.4%;
}
nav td {
	border-bottom:1px grey solid;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	padding-top: 5px;
	width:60px;
}
nav #top {
	border:0;
	height:48px;
}

/* FOOTER */
footer {
	position: relative;
    clear:both;
    margin-top: 0px;
    height: 10px;
    color:white;
}

footer p {
	padding: 10px 35px 10px 35px;
}

/* Tableau Tablesorter */
table .tablesorter thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table .tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table .tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
.freqform {
	width:70%;
	background-color:#F2EFFB;
}
.tablesorter td, .briques, .sequence, .retform, .dbform, .paramform {
	background-color:#F2EFFB;
}
.bccarac {
	width:83%;
}
div#pager1, div#pager2, div#pager3, div#pager4, div#pager5 {
	margin-left:100px;
}