html { 
  font-family: Trebuchet MS, Arial, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12pt;
  overflow: auto;
}  
body {    
  overflow: hidden;
  text-align: left;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
}
form {
  margin-block-end: 0;
}
#top {
  z-index:85;
  width: 100% ;
}
#bot {
  overflow:hidden;
  height:25px;
  width:200px;
  padding-top:5px;
  font-size:70%;
  text-align: center;
  z-index:75;
}
#entete {
  position:fixed;
  overflow:auto;
  left:250px;  
  top:0px;
  height:75px;
  font-size:90%;
  right:0px;
  z-index:85;
}
.ent_menu {
  display: none;
  }  
#mid {
  position: relative;
  overflow: auto;
  margin-left: 250px;
  right: 0px;
  top: 0px;
  bottom: 0;  /**/
  z-index:75;
  right:0px;
  bottom:0px;
}
#pofmid {
  position: relative;
  overflow: auto;
  margin-left: 250px;
  margin-top: 75px;
  right: 0px;
  bottom: 0;
  z-index:75;
}
#all {
  position: fixed;
  overflow: auto;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0;  /**/
  z-index:75;
  right:0px;
  bottom:0px;
}
#side, #side_adm {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  bottom:0;
  left: 0px;
  top: 0px;
  width:250px;
  z-index: 80;
  display: block;
}
#menul {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  bottom:0;
  left: 0px;
  top: 40px;
  width:250px;
  z-index: 80;
  display: none;
}
#cms_p5 {
}
#pnl5 {
  position: fixed; 
  width:100%;
  padding-top: 3px;
  top:0;
  font-weight: bold;
  text-align: left;
  z-index: 85;
}
#cms_p5 { 
  width:100%;
  padding-top: 3px;
  font-weight: bold;
  text-align: left;
  z-index: 85;
}
#menu_resp{
  position: fixed;
  z-index: 100;
  width:100%;
  padding-top: 3px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  display: none;
  float: left;
  }
#pg__LogoFFB{
  display: block;
  }
#petitmenu {
  opacity: 0.9;
  background: #806C72;
  height: 40px;
  left: 0;
  position:fixed;
  z-index: 60;
  top:0;
  width:100%;
}

#fondpetit {
  z-index: 60;
  height: 40px;
  width:100%;
}
.td_responsive {
  }
.nophone {
  }   
.solophone {
  display: none;
  }   
.table_responsive, .table_responsive_list, .table_responsive_head {
  display:""; 
  }
#pg_accueil{
}
#pg_Lien_Zite_menu {
  font-size:66%;
  position: fixed;
  width: 250px;
  bottom:0;
  text-align: center;
  z-index: 100;
}
/* zone au dessus du menu notée 2 dans le schéma de page type "panneau latéral" */
#pnl2 {
  font-weight: bold;
  text-align: left;
}
/* zone au dessous du menu notée 3 dans le schéma de page type "panneau latéral" */
#pnl3 {
  width: 100%;
  text-align: left;
}
/* zone au dessous de tout qui reste en bas */
#pnl6 {
  position:fixed;
  font-size:66%;
  z-index:100;
  bottom:0;
  width: 100%;
  text-align: center;
  z-index: 100;
}
/* zone au dessus de la page principale notée 7 dans le schéma de page type "panneau latéral" */
#pnl7 {
  width: auto;
  margin: 0;
  text-align: justify;
  z-index: 85;
}
/* zone au dessous de la page principale notée 8 dans le schéma de page type "panneau latéral" */
#pnl8 {
  width: auto;
  margin: 0;
  text-align: justify;
}
/* page principale */
#pnl0 {
  width: auto;
  text-align: justify;
}
#pg_Lien_ZITEplus {
  width: 100%;
  text-align: center;
}
#pg_Lien_ZITEplus a {
}
#pg_Lien_ZITEplus p {
}
#tblct {
  width: 99%;
  text-align:left;
}                  
#tbl_head {
  position : relative;
  z-index: 75;
}
#tbl_body{
  z-index: 75;
}
#main {
  position: relative;
  min-height:600px;
  padding: 5px;
  right:0;
  overflow: auto; /**/
  text-align: justify;
  border-bottom: 1px solid #008000;     /**/
}
#pofmain {
  padding: 0;
  right:0;
  overflow: auto; /**/
  text-align: justify;
  border-bottom: 1px solid #008000;     /**/
}
#break {
  clear: both;      
}
/* Menu administrateur */
#madmin {
  border: 1px solid #C0C0C0;
  padding: 0;
  margin: 1px 0 0 0;
  float: right;
  z-index: 9;
}
#hadmin {
  border: 1px solid #C0C0C0;
  padding: 0;
  margin: 1px 0 0 0;
  float: right;
  z-index: 9;
  visibility: hidden;
}
/* Menu administrateur */
#zadmin {
  border: 1px solid #C0C0C0;
  padding: 0 2px;
  margin: 5px 0 0 0;
}


#help {
  position:fixed;
  width:50%;
  min-width:500px;
  max-width:1000px;
  max-height:80%;
  top:75px;
  right:10px;
  z-index:100;
  display:none;
  overflow:auto;
  border: 2px solid #000000;
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px;
  padding: 10px;
  background-color:#F0FFF0;
}

.cadre_rond {
  margin-left: 5px;
  margin-right: 15px;
  margin-bottom: 10px;
  width: 99%;
  border: 2px solid #808080;
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px;
  padding: 5px;
}

.close_help {
  position : fixed;
  right: 15px;
  top : 80px;
  border: 2px solid #000000;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  padding: 5px;
  background-color:#FF0000;
  color: #FFFFFF;
  z-index:100;
}



.backcolor {
}
body {
}
td {
}
img { 
  border: none;
}
p {
  margin-top: 0.2em;
  margin-bottom: 0.3em;
  margin-right: 5px;
}
a {
}
a:hover {
  text-decoration: underline;
}

.couche1 {
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  opacity: 0.7;  
  padding: 5px;
  display: inline-block;
  background:#FFFFFF ;
  position: fixed;
  border:1px solid;
  top: 5px;
  right: 17px;
  z-index:100;
}
.couche2 {
  position: fixed;
  left: 2px;
  top: 2px;
  width : 15%;
  z-index:100;
  opacity: 0.8;
}
.couche3 {
  z-index:100;
  top:0px;
  opacity:1;
  font-size: 120%;   
}
.couche4 {
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px; 
  border-radius: 20px;
  position: absolute;
  font-size: 300%;   
  left: 17%;
  top: 30px;
  z-index:100;
  text-align:center;
  font-style: bold;
  z-index:100; 
  padding: 1%;
  opacity: 0.5;  
  display: inline-block;
  background:#FFFFFF ;
}
.couche5 {
  position: fixed;
  left: 5px;
  top: 5px;
  width: 50px;
  z-index:100;
  opacity: 0.8;
}

.err_login {
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px;
  position: relative; /* postulat de départ */
  top: 30px; 
  left: 50%; 
  width: 50%;
  min-width: 200px;
  transform: translate( -50% ); 
  padding: 30px;
  font-weight: bold;
  font-size: 1.5em;
  }  


.bienvenue{
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px;
  padding: 10px;
}
.bienvenue_l{
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  margin: 2px;
  padding: 1px;
}
.bienvenue a{
}
.bienvenue a:hover{
}
.bienvenue p{
}
.planning {
}
.error {
  font-weight: bold;
  color: #FF6000;
}
.no_ul {
  text-decoration:none;
}
.loginput {
  font-size: 150%;
  margin: 5px;
  padding: 2px;
  text-align: left;
}
.logbuton {
  height: 52px;
  font-size: 150%;
  padding: 10px;
  -moz-border-radius: 12px; 
  -webkit-border-radius: 12px; 
  border: 2px solid #808080;
  border-radius: 12px;
}
.logbuton:hover {
  color: #ffffff; background-color: #40A040;
}
/* Menu */
.zul {
  padding: 0;
  list-style: none;
  color: #FFFFFF;
  font-size: 110%;
}
.zul a {
  text-decoration: none;
  color:#FFFFFF;
}
.zul a:hover {
  color:#000000;
  background-color:#A0E0A0;
}
/* Eléments de menu */
/* décalages des 4 niveaux de menu */
.zli1 {
  padding-left: 10px;
  line-height: 1.6em;
  color: #000000;
}
.zli2 {
  font-size: 95%;
  padding-left: 20px;
  line-height: 1.5em;
  color: #000000;
}
.zli3 {
  font-size: 90%;
  padding-left: 30px;
  line-height: 1.5em;
  color: #000000;
}
.zli4 {
  font-size: 85%;
  padding-left:40px;
  line-height: 1.5em;
  color: #000000;
}
.zon {
  line-height: 1.4em;
  font-weight: bold;  /**/
  background-color:#007227 ;
}
.evencolor {
}
.oddcolor {
}
.planningcolor {
  text-align:center;
}
.headercolor {
  line-height:1.5em;
  font-style: italic;
  vertical-align: middle;
}
.headcolor {
  vertical-align: middle;
}
.freeday {
}
.ferie {
}
.confirm {
  font-weight: bold;
  text-decoration: underline #008000;
  background-color : #008000;
  color: #FFFFFF;
}
.headerblack {
  margin: 5px;
  text-align:center;
}
.nouveau {
}
.ztable {  
  border-bottom: 1px solid #C0C0C0;
  margin: 0;
  width: 98%;
}
.zalert {
  border: 1px solid #C0C0C0;
  background-color: #FFC080;
  padding: 0 2px;
}
/* messages d'erreur */
.zerr {
  border: 1px solid #FF0000;
  background-color: #FFFF00;
  padding: 0 1px;
}
.passw {
  font-size: 80%;
  font-weight: bold;
}
.tbl_warn_err {
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border: 2px solid #808080;
  padding: 5px;
  border-radius: 10px;
}
.erreur {
  font-size: 130%;
  font-weight: bold;
  text-align: center;
  color: #FF0000;
  background-color: #FFFF00;
  padding : 10px;
}
.warning {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  background-color : #FFFFC0;
  color: #FF8000;
  padding : 10px;
}
.imptit {
  line-height: 1em;
  background-color:  #c0c0c0;
  font-style: italic;
  vertical-align: middle;
  border: 1px solid #000000;
}
.petit {
  font-size: 60%;
  page-break-inside: avoid;
}
.impcont {
  color: #000000;
  border-bottom: 1px solid #dddddd;
  page-break-inside: avoid;
}
.impgros {
  font-size: 90%;
  color: #000000;
  border-bottom: 1px solid #dddddd;
  page-break-inside: avoid;
}
.impjumb {
  font-size: 110%;
  color: #000000;
  border-bottom: 1px solid #dddddd;
  page-break-inside: avoid;
}
.impt4 {
  font-size: 80%;
  font-weight: bold;
  border: 1px solid #000000;
}
.ptigr {
  font-weight: bold;
  background-color: #c0c0c0;
  color: #000000;
}
.afcham {
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: right;
}
.afcomm {
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: left;
}
.affval {
  font-weight: bold;
  border-bottom: 1px solid #dddddd;
  text-align: left;
}
.saisie {
  border-bottom: 1px solid #dddddd;
  text-align: left;
}
.saitex {
  border 1px solid #000000;
  background-color:  #FFFFFF;
}
.blink {
  line-height: 1.5em;
  background-color:  #ff0000;
  color:  #ffffff;
  animation: 1 blink 1s step-end infinite;
}
@keyframes blink {
0% {background-color: #000000}
50% {background-color: #ffffff}
}
.toulesas {
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px;
  text-align:left;
  padding: 20px;
  border: 1px solid;
}
.menubouton {
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  text-align:center;
  padding: 5px;
  background-color: #E0E0E0;
  border: 1px solid;
  position: fixed;
  z-index: 100;
}
input[type=submit], input[type=button], input[type=file] {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left : 1px;
  margin-right : 1px;
  padding-left : 5px;
  padding-right : 5px;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #404040;
}
#menuh {
z-index: 80;
position: fixed; /* placement du menu, à modifier selon vos besoins */
top: 205px;
//width: 100%;
height: 40px;
right: 140px;
left:10%;
top:4px;
}

#tableh {
//  margin : 0;
  padding : 0;
  cellspacing : 5px; 
}

#menuh dl, #menuh dd, #menuh ul, #menuh td {
margin: 0;
padding: 0;
list-style-type: none;
width: 200px;
}
#menuh table {
}
#menuh tr {
}
#menuh td {
vertical-align: top;
}
#menuh dt {
opacity: 0.9;
cursor: pointer;
height: 32px;
line-height: 32px;
vertical-align: center;
text-align: center;
font-weight: bold;
font-size: 120%;
}
#menuh dt a {
padding: 1px 0;
}
#menuh dd {
opacity: 1;
margin: 0;
padding: 0;
list-style-type: none;
}
#menuh dl {
opacity: 0.9;
}
#menuh li {
text-align: center;
margin: 0;
list-style-type: none;
line-height: 30px;
}
#menuh li a  {
text-decoration: none;
display: block;
height: 100%;
font-weight: bold;
}
#menuh dt a {
text-decoration: none;
display: block;
height: 100%;
font-weight: bold;
}


#menuh li a:hover , #menuh dt a:hover {
}
}
/*Attribut permettant de changer de page  (ne pas toucher)*/
.changePage {
  page-break-after: always;
}
/* For appearance */
.sticky-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	margin: 0 0;
	width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: auto; /* Prevent table from stretching to full size */
}
	.sticky-wrap .sticky-thead  {
		z-index: 100;
        height: 110%;
        margin: 2px solid #ffffff;
        padding: 0;
		width: 100%; /* Force stretch */
	}
	.sticky-wrap .sticky-intersect {
		opacity: 1;
		z-index: 100;
	}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}
/* Not needed for sticky header/column functionality */
td.user-name {
	text-transform: capitalize;
}
.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 50vh;
}


#pofprint{ 
  display : none; 
  position : absolute;
  left : 0;
  top : 0;
  width : 100%;
  height : 100%
}

@media screen and (max-width:1024px) { 
html { 
  font-size: 10pt;
}

#help {
  position:fixed;
  max-height:80%;
  min-width:0;
  top:75px;
  width:95%;
  right:5px;
  z-index:100;
  display:none;
  overflow:auto;
  border: 2px solid #000000;
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border-radius: 15px;
  padding: 5px;
  background-color:#F0FFF0;
}

.close_help {
  position : fixed;
  right: 10px;
  top : 80px;
  border: 2px solid #000000;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  padding: 5px;
  background-color:#FF0000;
  color: #FFFFFF;
  z-index:100;
}

  
  #side, #side_adm {
    display: none;
    top: 75px;
  }
  #mid{
    left: 0px; 
    position: relative;
    margin-top:80px;
    margin-left: 0px;
    }
  img {
    float:none;
    }
  .extra-slider {
    display:none;
    }
  .couche2 {
    display:none;
    }
  .couche3 {
    display:none;
    }
  #pofmid{
    margin-left: 0px;
    }
#entete {
    top: 0;
    left: 0;
    }
  #pg__LogoFFB{
    display: none;
    }
  #pnl5{
    position: fixed;
    top: 0px;
    left: 0px; 
    z-index:75;
    }
  #pg__Top{
    display: none;
    }
  #menu_resp{
    display: block;
    }
  .flextable-data a {
    font-weight: bold;
    font-size: 120%;
    }    
  .flextable a {
   text-decoration: none;
   }
  #flextable-tblct{
    display: table;
    width:100%;
    }    
  .flextable-t3 {
    font-size: 90%;
    }  
  #menuh {
    display: none;
  }
  #all {
    top: 27px;
  }
  #pnl7 {
  }  
  .img {
    max-width:100%;
    }
  .couche4 {
    display: none;
    }
  .ent_menu {
    display: block;
    }  
  .loginput {
    font-size: 125%;
  }
  .nophone {
    display: none;
  }
  .solophone {
    display: block;
  }
  
}