@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');

body
{
	margin:0;
	padding:0;
	font-family: 'Ubuntu', sans-serif;	
	text-align : justify;
	line-height: 1;
}

ol, ul {
list-style: none;
}

header
{
	width: 99%;
	margin-left:5px;
	margin-right:auto;
	padding: 8px;
	color : #666666;
	overflow : hidden;
	background-color: #F4FDFE; 	
}

p
{
	text-align : justify;
	width: 85%;
}

input[type="time"] {
  width: 60px;
  text-align: center;
}

textarea
{
  resize: none;
}

.txtSelect 
{
   height: 30px;
   font-size: 15px;  
   font-family: 'Ubuntu', sans-serif;	 
   margin : 0px 0px 10px 10px;
   border-radius: 5px;
   background-color: #FFFFFF;
   min-width: 250px;
}

.txtSelectx
{
   height: 30px;
   font-size: 15px;  
   font-family: 'Ubuntu', sans-serif;	 
   margin : 0px 0px 10px 10px;
   border-radius: 5px;
   background-color: #FFFFFF;
   min-width: 450px;
}

.txtSelectd
{
   height: 30px;
   font-size: 15px;  
   font-family: 'Ubuntu', sans-serif;	 
   margin : 0px 0px 10px 10px;
   border-radius: 5px;
   background-color: #FFFFFF;
   max-width: 100px;
}

.txtSelecte
{
   height: 30px;
   font-size: 15px;  
   font-family: 'Ubuntu', sans-serif;	 
   margin : 30px 0px 20px 0px;
   border-radius: 5px;
   background-color: #FFFFFF;
   min-width: 30%;
}

.menu
{
	height: auto;
	background-color: #8CCEFD; /*# ADDCFD - 000066;*/
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu ul li
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
	padding-left: 10px;
	color: #FFFFFF;
}


.menu li.srv
{
	background-color: #66CC66;
}

.menu li.off
{
	background-color: #B2B1B1; 
}

.menu ul li:hover, li.srv:hover
{
	background-color: #3300FF; 
}

.menu ul li.itactif, li.srv.itactif
{
	background-color: #3300FF; 
}


.menu ul li a, ul a, li.srv, li.off
{
	text-decoration:none;
	color:#FFFFFF;
}

.popmenu
{
	padding-left: 20px;
}

.lst {width: 85%}
.lst ul {list-style-type: disc;  font-weight: bold;}
.lst ul ul {list-style-type: square;font-weight: normal;}
.lst ul li{margin-bottom: 1.5em;}
.lst a {color: #FF9900;font-weight: normal;}
.bao {width: 85%}
.bao ul {list-style-type: none;  font-weight: normal;}
.bao ul li{margin-bottom: 1.5em;}
.bao a {color: #009933;font-weight: normal;}

.background
{
	background-image: url('../images/background.jpg');
}

.logoadmin
{
	margin-top: -20px;
	padding: 15px;
	text-align: center;
}

.loginbox
{
	width: 650px;
	height: auto;
	background-color: rgba(255,255,255,0.85);
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 90px;
	border-radius: 10px;
	padding-bottom: 50px;
	text-align: justify;
	font-family: 'Ubuntu', sans-serif;		
	font-size: 16px;
}

.msg-error
{
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 10px;
	background-color: #ffffff;
	border-radius: 5px;
	color: #ff0000;
}

.pwdpar
{
	position: relative;
    width: 100%;
    height: 40px;
}

.pwdparini
{
	position: relative;
    width: 50%;
    height: 40px;
}

.pwdchlda
{
	position: absolute;
	z-index: 1;	
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
}
.pwdchldb
{
	position: relative;
	z-index: 2;	
    width: 100%;
	float: right;
	margin: 12px;
	color: #666666;
}

.inputbox-connect
{
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	font-size: 16px;
	padding-left: 10px;
	border: 1px solid #aaaaaa;
	margin-bottom: 10px;
}

.inputbox-pwd
{
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	font-size: 16px;
	padding-left: 10px;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	margin-bottom: 10px;
}

.intdtact
{
	color : green;
	font-weight: normal;
}

.intdtdis
{
	color : #CCCCCC;
	font-weight: normal;
}

.footdt
{
	background-color: #EDF3EF;
	font-weight: normal;
	font-size: 65%; 
	font-style: italic;
}

.btn-connect
{
	border: none;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	background-color: #6699FF;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	float: right;
}

.btn-connect:hover
{
	background-color:#0033CC;
}

.btnfactsub
{
	text-decoration: none;
	width: 25px;
	margin : 2px;
	font-size: 13px;
	font-weight: normal;
	border-radius: 2px;
	border:none;
	background-color: #FFFFFF;
}

.btnfactsub:hover
{
	color:#3366FF; 
	cursor: pointer;
}


.btnftawdt
{
	text-decoration: none;
	width: 25px;
	margin : 2px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	border-radius: 2px;
	border:none;
	background-color: #9999FF;
}

.btnftawdt:hover
{
	background-color:#666666;
	cursor: pointer; 
}

.btn
{
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #9999FF; /* #2888bc;*/
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	border-radius: 5px;
	border:none;
}

.btnxs
{
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #9999FF;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border-radius: 5px;
	border:none;
}

.btn:hover
{
	background-color:#0000FF; 
	color: #ffffff;
}

.btnfrm
{
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 5px;
	border:none;
}

.btnfrm:hover
{
	background-color:#0000FF; 	
	color: #ffffff;
}

.btnfile
{
	text-decoration: none;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	border-radius: 3px;
	border:0.1px #666666 solid;
	background-color: #E9E9ED;
}

.btnfile:hover
{
	background-color:#D0D0D7;
}

.btncolbl {	background-color: #9999FF;}
.btncolbf {	background-color: #0000FF;}
.btncolgs { background-color: #CCCCCC;}
.btncolrg {	background-color: #FF6666;}
.btncolvt {	background-color: #99CC99;}
.btncolvf {	background-color: #009900;}
.btncolvl {	background-color: #D3C0ED;}
.btncolog { background-color: #FF9900}
.btncolwh {	background-color: #FFFFFF;}

.buton
{
	text-decoration: none;
	padding-left: 3%;
	padding-right: 3%;
	margin-top: 5%;
	margin-right: 2%;
	background-color: #CCFFCC;
	font-weight: normal;
	border-radius: 5px;
	border: 1px solid #666666;;
}

.butof
{
	text-decoration: none;
	padding-left: 3%;
	padding-right: 3%;
	margin-top: 5%;
	margin-right: 2%;
	color: #E4E6E6;
	background-color: #FFFFFF;
	font-weight: normal;
	border-radius: 5px;
	border: 1px solid #666666;;
}

.container
{	
	max-width: 1300px;
	width: 100%;
	margin-left:5px;
	margin-right:auto;	
	padding: 8px;
	color : #666666;
	overflow : hidden;
	background-color: #FFFFFF;
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; 
}


.col-sm-3,.col-sm-9 {	
	position:relative;
	width:100%;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
	color : #666666;
}

.col-sm-12 { -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%}

.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}

.margin-base {padding: 2px 40px 30px;}

.titre1, .titre2 {
  /*margin-bottom: 0.5rem;*/
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.titre1 {
  font-size: 2.5rem;
  color : #3300FF;
}

.titre2 {
  font-size: 2rem;
  color : #3300FF;
}

.titre3 {
  font-size: 1.5rem;
}

.legend
{
	margin-left :15px;
	font-size: 12px;
	color : #FF9900;
}

.legendtxt
{
	margin-left :0px;
	font-size: 12px;
	color : #FF9900;
}

.trig
{
	text-align: right;
}

.tlef
{
	text-align: left;
}


.tmid
{
	text-align: center;
}


.title-box
{
	font-size: 15px;
	font-weight: normal;
}

.stats-englobe
{
	overflow:auto;
	text-align: justify;
}

.number-box {font-size: 28px}

.text-box {font-size: 15px}

.stats-box15
{
	float: left;
	width: 15%;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	margin-right: 1%;
	color: #ffffff;
}

.stats-box25
{
	float: left;
	width: 25%;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
	margin-right: 1%;
	color: #ffffff;
}

.stats-box40
{
	float: left;
	width: 35%;
	text-align: justify;
	/*padding: 20px;*/
	box-sizing: border-box;
	border-radius: 5px;
	margin-left: 5%;
	margin-right: 5%;
	color: #ffffff;
}

.stats-box50
{
	float: left;
	width: 50%;
	text-align: justify;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
	margin-right: 1%;
}


.fdgris {background-color: #CCCCCC}
.fdgristc {background-color: #EDF3EF}
.fdjaune {background-color: #FFCC66}
.fdbleu {background-color: #99CCFF}
.fdvert {background-color: #99CC99}
.fdrouge {background-color: #F8D7DA}
.fdviolet {background-color: #E3D6F6}
.fdblue {background-color: #99CCFF}
.fdblanc {background-color: #FFFFFF}

.tbleu {color: #3366FF}
.tbleuf{color: #3300FF}
.trose {color: #FF66CC}
.tviol {color: #99CCFF}
.torange {color: #FF9900}
.tvert {color: #009933}
.trouge{color:#FF0000;}
.tgrey {color : #666666}
.tgris {color : #CCCCCC}
.twht {color :#FFFFFF}
.tnor {color : #000000}
.tnorm {font-weight: normal;}
.tbold {font-weight: bolder;}
.tfonts {font-size: small;}

.tref {color: #FF9900}

.bdvert {border: 1px #99CC99 solid;}
.bdcl0 {border : 15px solid #99CC99}
.bdcl1 {border : 15px solid #FFCC66}
.bdcl2 {border : 15px solid #99CCFF}
.bdcl3 {border : 15px solid #F8D7DA }
.bdcl4 {border : 15px solid #E3D6F6}
.bdcl5 {border : 15px solid #CCCCCC}
.bdcl6 {border : 15px solid #EDF3EF}

.bdtb
{
	margin-left: 40px;
	width : 80%;
	table-layout: fixed;
}

.bdtbbis
{
	margin-left: 40px;
	width : 80%;
	table-layout: fixed;
}

.bdtbbis td
{
	border-style: none;
}

.bdtbwk
{
	margin-left: 40px;
	width : 60%;
}


.bdtbeq
{
	margin-left: 40px;
	width : 50%;
	table-layout: fixed;	
	border-spacing : 0;
	border-collapse : collapse;
}

.bdtbeq td
{
	border: 1px solid #CCCCCC;
}

.wrap
{
	table-layout: fixed;
}


.spactd
{
	border-collapse: separate;
	border-spacing: 11px 5px;
}

.spactr
{
	padding : 10px;
}

.tbmestp
{
	margin : auto;
	width : 80%;
	height: 200px;
	overflow-y: scroll;
	border : 1px solid #C8C6C6;
}

.tbmesbt
{
	margin : auto;
	width : 80%;
	height: 400px;
	overflow: auto;
	border : 1px solid #C8C6C6;
}

.tbmestit
{
	margin : auto;
	width : 80%;
	height: 30px;
	border : 1px solid #C8C6C6;
}

.caltd
{
	min-width :10%;
	border-radius: 10px 10px 0px 0px;	
	text-align: center;
	font-weight: bolder;
}

.caldvon
{
	min-height: 300px;	
	border-radius:  0px 0px 10px 10px;
}

.caldvoff
{
	min-height: 300px;	
	border-radius:  0px 0px 10px 10px;
	display: none;
}


.bdtbhor
{
	margin : 0px;
	border : 1px solid #666666;
	width: 90%;
}

.colhor tr,td
{
	border : 1px solid #666666;
	text-align: center;
}


.bdtbrlv
{
	margin : 0px;
	width : 95%;	
	border : 1px solid #666666;
}

.colrlv tr td
{
	min-height: 70px;
	text-align: center;
	font-size: small;
	border : 1px solid #666666;
}

.colbord tr
{
	height: 70px;
}

.colbord tr td
{
	border : 0.5px solid #CCCCCC;
}

.colalt th
{
	background-color:#CCFFCC;
	font-weight: normal;
}

.colalt tr
{
	height: 45px;
}


.colalt tr:nth-child(odd){
  background-color: #F0F0EE;
}

.abolib
{
	width : 40%;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right : 1px #CCCCCC solid;
	padding-bottom: 20px;
	text-align: left;
}

.abolibw
{
	width : 40%;	
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right : 1px #CCCCCC solid;
}

.abocheck
{
	width : 15%;	
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right : 1px #CCCCCC solid;
	text-align: center;
	vertical-align: text-bottom;
}

.bdbotm
{
	border-top : 1px #CCCCCC solid;
	border-bottom : 1px #CCCCCC solid;
}

.inpcent
{
	text-align:center;
	border : 1px solid #009933;
}


.txtLegend
{
	text-align: justify;
	font-size: small;
	font-weight: normal;
	color : #009933;
}

.txtpuce
{
	text-align: justify;
	font-size: x-small;
}

.container
{	
	width: 85%;
	margin-left:auto;
	margin-right:auto;	
	padding: 5px;
	color : #666666;
	overflow : hidden;
	border : 1px solid green;
	background-color: #FFFFFF;
}

div.figure {
  width: 220px;  
  margin:0.5em;
  padding: 0.5em;
  text-align: center;
  text-decoration-color: grey;
  font-style: italic;
  font-size: smaller;
  /*text-indent: 0;*/
  display:inline-block;
}

.figure p {
	text-align: center;
	width: 100%;
}

.figbdon
{
	border: 2.5px solid #99CC99;
}

.figbdoff
{
	border: 1px solid #CCCCCC;
}

.fdtxt
{
	background-color: #000;
	color:#fff;
}

.fdzon
{
	background-color: #FFFFCC;
	margin-bottom: 8px;
}

.inputh
{
	width: 15%;
	height: 30px;
	border: 1px solid #aaaaaa;	
	border-radius: 5px;
	margin-bottom: 8px;
}

.slider
{
	max-width:900px;
	max-height: 190px;
	/*margin : auto;*/
	padding: 7px;		
	text-align: center;
	border: 1px solid #99CC99;
}

.images-slider
{
	width:100%;
	height: 100%;
	overflow: hidden;
}

.images-slider img
{
	width:19%;
	height: auto;
	max-height :113px;
}

.lblfrm
{	
	width: 150px;
	display: block;
	float: left;
}


.lblfrm1
{	
	width: 350px;
	display: block;
	float: left;
}

.lblfrm2
{	
	width: 200px;
	display: block;
	float: left;
}

.lblfrm3
{	
	width: 100px;
	margin-top:5.1px;
	display: block;
	float: left;
}

.lblfrm4
{	
	width: 80px;
	margin-top:5.1px;
	display: block;
	float: left;
}

.lblfrm5
{	
	width: 250px;
	display: block;
	float: left;
}

.chkfrm2
{	
	width: 10px;
	padding-right: 5px;
	float: left;
}

.imgdwnl
{
	max-width:8%; 
	height:auto;
}

.jnalpp
{
	width:100%;
	min-height:200px;
	display: flex; 
	align-items: center;  
	justify-content: center;
}

.jnal40
{
	float: left; 
	 width: 39%;
	 min-height: 200px;
	 /*text-align: center;*/
	 text-align:justify;
}

.jnal50
{
	float: left; 
	 width: 49%;
	 min-height: 200px;
	 /*text-align: center;*/
	 text-align:justify;
}

.jnal60
{
	float: left; 
	 width: 59%;
	 min-height: 200px;
	 /*text-align: center;*/
	 text-align:justify; 
}

/*.jnalpp img
{
	max-width: 55%;	
	height: auto;
	display: inline-block;
	vertical-align: middle;
}*/

.jnal40 img, .jnal50 img, .jnal60 img, .jnalpp img
{
	/*max-width: 80%;	
	height: auto;*/
	height: 210px;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

.jnaldoc
{
  float: left; 
  width: 30%;
  height: 150px;
  text-align: center; 
  vertical-align: top;
  padding: 2px;
  border : 1px grey solid;
}