/*body {font-family: Arial;}*/
body {
    font-family: 'Arial', sans-serif;
/*    background-color: #f5f5f5;*/
    color: #333;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}

        /* Forcer l'apparition de la barre de défilement verticale sur le body */
        html, body {
/*            height: 100%; /* Assurez-vous que le HTML et le body prennent toute la hauteur */
            margin: 0;
            padding: 0;
            overflow-y: scroll; /* Forcer la barre de défilement verticale */
/*             background-color: pink;*/

        }

/* *** ----------------------------  spinnerLoading */
#loading {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background-color: rgba(192, 192, 192, 0.5);
  /*background-image: url("https://i.stack.imgur.com/MnyxU.gif");*/
  /*background-image: url("https://gifimage.net/wp-content/uploads/2017/11/gif-chargement-en-cours-10.gif");*/
  background-image: url("https://lalic.fr/themes/origami/assets/images/loading-gif.gif"); 
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.93;
}


/* - ---------------------------------------------- MENU PRINC tab page*/
* {
  box-sizing: border-box;
}
/*
body {
  margin: 0;
}
*/
.slgBody {
  /* background: url(https://images.unsplash.com/photo-1544306094-e2dcf9479da3) no-repeat;*/
  background: url("../imgs/backLogo_.png") no-repeat;
  background-size: cover;
  justify-content: center;
  height: 100vh;



}

.tabMenuPrinc {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #00964e;/*#f1f1f1*/
  font-family: Arial, Helvetica, sans-serif;
background-image: url("../imgs/banner1_.png");
background-repeat: no-repeat;
background-size: 100% auto;
  
}

.tabMenuPrinc  a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  /*border-right : 0.5px solid red;*/
  
}

.dropdown {
  float: left;
  overflow: hidden;
  border-left : 0.5px solid #D22B2B;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
  font-weight: bold;    
  z-index: 3000;
}
.tabMenuPrinc  a:hover, .dropdown:hover .dropbtn {
  background-color: #D22B2B; /* on Hover menu tab */
  
}
.logoutShow{
  color: #0099bb;
  float: right;
  font-size: 13px;
  padding-bottom: 0px;
}

#last-item{
/*  font-size: 12px;  */
  border: none;
  outline: none;
  color: #0099bb;
  padding: 0px 0px;
  background-color: inherit;
/*  font: inherit;*/
  margin: 0;
/*  font-weight: bold;    */
/*  z-index: 3000;*/
    margin-left: auto;
/*    margin-top: 10px;*/
    margin-right: 10px;
    margin-bottom: 0px;
    float: right;
    padding-bottom: 0px;
    display: ;
}
#user-email{
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#last-item:hover{
  background-color: none;
  color: #ed462f;
  font-weight: bold;
  text-decoration: !important;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9; /* back of dropdown */
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5000;
  
}

.dropdown-content .header {

  background: #D22B2B; /* RED */
  padding: 16px;
  color: white;

background: rgb(210,43,43);
background: linear-gradient(180deg, rgba(210,43,43,1) 0%, rgba(210,43,43,1) 85%, rgba(255,255,255,1) 100%);
}

.dropdown:hover .dropdown-content {
  display: block;

/* transparency menu */
  border: 0px solid black;
  opacity: 0.85;
  color: black;

}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
  /*background: rgb(234,255,234);*/
/*background: linear-gradient(0deg, rgba(234,255,234,0.35057773109243695) 0%, rgba(255,0,0,1) 100%); */



  background-color: #00964e;

  background: rgb(244,5,5);
  background: linear-gradient(0deg, rgba(244,5,5,0.9108018207282913) 0%, rgba(0,150,78,1) 16%); 

  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2); 
  border-radius: 0px 0px 20px 20px;


background: rgb(0,150,78);
background: linear-gradient(180deg, rgba(0,150,78,1) 0%, rgba(0,150,78,1) 100%, rgba(255,255,255,1) 100%);

  /*box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;  to shadowwww */ 


/*
background: rgb(255,0,0);
background: linear-gradient(0deg, rgba(255,0,0,0.9108018207282913) 0%, rgba(0,150,78,1) 16%, rgba(255,0,0,1) 93%);*/


  height: auto;
  color: White;
  font-size: 20px;

}
/* Create three equal columns that floats next to each other */
.column_ {
  float: left;
  width: 50%;
  padding: 30px;
  /*background: rgb(234,255,234);*/
/*background: linear-gradient(0deg, rgba(234,255,234,0.35057773109243695) 0%, rgba(255,0,0,1) 100%); */
  


  background-color: #00964e;

  background: rgb(244,5,5);
  background: linear-gradient(0deg, rgba(244,5,5,0.9108018207282913) 0%, rgba(0,150,78,1) 16%); 

  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2); 
  border-radius: 0px 0px 20px 20px;


background: rgb(0,150,78);
background: linear-gradient(180deg, rgba(0,150,78,1) 0%, rgba(0,150,78,1) 100%, rgba(255,255,255,1) 100%);

  /*box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;  to shadowwww */ 


/*
background: rgb(255,0,0);
background: linear-gradient(0deg, rgba(255,0,0,0.9108018207282913) 0%, rgba(0,150,78,1) 16%, rgba(255,0,0,1) 93%);*/


 height: auto;
  color: White;
  font-size: 20px;
}
/* column bulletin */
.columnB {
  float: center;
  width: 100%;
  padding: 20px;
  /*background: rgb(234,255,234);*/
/*background: linear-gradient(0deg, rgba(234,255,234,0.35057773109243695) 0%, rgba(255,0,0,1) 100%); */



  background-color: #00964e;

  background: rgb(244,5,5);
  background: linear-gradient(0deg, rgba(244,5,5,0.9108018207282913) 0%, rgba(0,150,78,1) 16%); 

  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2); 
  border-radius: 0px 0px 20px 20px;


background: rgb(0,150,78);
background: linear-gradient(180deg, rgba(0,150,78,1) 0%, rgba(0,150,78,1) 100%, rgba(255,255,255,1) 100%);

  /*box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;  to shadowwww */ 


/*
background: rgb(255,0,0);
background: linear-gradient(0deg, rgba(255,0,0,0.9108018207282913) 0%, rgba(0,150,78,1) 16%, rgba(255,0,0,1) 93%);*/

  height: auto;
  color: White;
  font-size: 30px;
}


.columnB a {
  float: none;
  color: white;
  padding: 20px;
  text-decoration: none;
  display: block;
  text-align: center;
  font-size: 20px;
  
}
.columnB a:hover {
  background-color: transparent;
  text-decoration: underline;
  font-size: 22px;
}
/***/
.column a {
  float: none;
  color: white;
  padding: 20px;
  text-decoration: none;
  display: block;
  text-align: left;
  
}
.column_ a {
  float: none;
  color: white;
  padding: 20px;
  text-decoration: none;
  display: block;
  text-align: center;
  
}

.column a:hover {
  background-color: #D22B2B;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}

.hidden-menu {
      display: none;
    }
.show-menu {
      display: block;
    }
/* ------------------------------------------------------------------------ */

.slgFont1 {
  font-family: "Brush Script MT", Cursive;
  font-size: 30px;
  color: green;
}
.slgGreen1 {
  font-family: "Brush Script MT", Cursive;
  font-size: 30px;
  color: green;
}
.slgBP {
  font-size: 14px;
  color: gray;
}

.absFont1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: green;
  font-weight: bold;
  text-align: right;
}

.red1 {
  font-family: "Brush Script MT", Cursive;
  font-size: 30px;
  color: red;
  /*font-weight: bold;*/

}
.headerABS{
/*  background-image: url("../imgs/absHead1.png");*/
  background-repeat: no-repeat;
  width: auto;
  height: 65px;
  text-align: right;
  background-size: 520px 65px;
  
}
.headerAGE{ 
/*  background-image: url("../imgs/absHead1.png");*/
  background-repeat: no-repeat;
  width: auto;
  height: 65px;
  text-align: right;
  background-size: 520px 65px;
  margin-top: 0px;
  margin-bottom: 0px;
/*  background-color: pink;*/
}

.headerABS img{
  width: 50px; 
  height: 60px;
  text-align: right;
}
.headerAGE img{
  width: 50px; 
  height: 60px;
  text-align: right;
}

/* ------------------------- */
    #urlList {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: none; /* Masque la liste verticale par défaut */
    }

/****************  */

/* --------------- dropdown palm ---- */
/* width="100%" height="350%" */
/*div.contentIframePage, iframe {
    width: "100%";
    height: "350%";
    margin: 0 auto;
    background-color: #777;
    float: center;
}*/

#lastUpdated {
  text-align: right;
  font-size: 10px;
}


    #iframeContainer {
      width: 100%;
      height: auto;
      text-align: center;
       }

    #iframeContainer content1 {
  text-align: center;
  border: 3px solid green;
  margin-left: 40px;
/*  background-color: yellow;*/
/*  text-decoration: underline;*/

       }

#jquery-script-menu{
  background-color: yellow;
  height: 0px;
}

/* ------------------- */