/**** HEADER ****/

div.separator {
  width: 100%; 
  margin: auto;
  border-style: solid;
  /* border-color: #999999; gris */
  border-color: #f18f34; /* orange */
  border-width: 0px 0px 3px 0px;
}

/*
div#header_links {
  width: 100%;
  margin: auto;
  display: -webkit-flex;
  display: flex;
}
*/

div#topheader {
  width: 100%;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  /*font-family: "Arial",sans-serif;*/
  background-color: white; 
}

div#shortcuts {
  width: 100%;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  /*font-family: "Arial",sans-serif;*/
}

div.logo1 {
  width: 150px;
  //height: 120px;
  margin: 0px 60px 0px 0px;
  text-align: center;
  font-family: "Arial",sans-serif;
}

img.logo1 {
  width: 130%;
}

div.shortcut {
  width:60px;
  height: 80px;
  margin: 0px 30px 0px 30px;
  text-align: center;
  font-family: "Arial",sans-serif;
}

img.shortcut {
  width: 100%;
}

div.shortcut a {
  color: initial;
  text-decoration: none;
}

div.shortcut a span{
  //display: none;
  display: -webkit-inline-box;
  display: -moz-stack;
  line-height: 1;
  font-size: 11px;
  color: #F18F34; /* jmb */
}

div.shortcut a:hover span{
  /* display: initial; */
  display: -webkit-inline-box;
  display: -moz-stack;
  line-height: 1;
  font-size: 11px;
  color: #E33A37; /* jmb */
  font-weight: 600; /* jmb */
}

/*
div#download {
  width: 120px;
  //margin-left: 50px;
  //padding-top: -15px;
  text-align: center;
}

div#download a {
  font-size: 12px;
  color: initial;
  text-decoration: none;
}

div#download a span {
  display:none;
}

div#download a:hover span {
  display:block;
  margin-top: -20px;
}

img.download {
  width: 80%;
  margin-top: -10px;
}
*/

/**** content bottom ****/
/*
abi_footer {
  display: -webkit-flex;
  display: flex;
  width:100%;
  margin: auto;
  font-family: arial;
}
*/

div.footer_desc {
  font-family: "Arial",sans-serif;
  width: 100%;
  //font-size: 10px;
}

div.footer_desc ul {
  font-family: "Arial",sans-serif;
  padding-left: 0px;
  margin: 2px 0;
  //font-size: 10px;
}

div.footer_desc ul li {
  list-style-type: square;
  list-style-position: inside;  
  padding-bottom: 0px;
  line-height: 13px;
  font-size: 12px;
}

div.footer_desc h4 {
  font-size: 11px;
}

/**** FOOTER ****/

#copyright {
   font-size: 10px;
}

/**** MISC ****/

.sites img {
   width: 100%;
} 

.social-icons img {
   width: 30%;
}

/**** TESTS ****/

#right-container {
    height: 100%;
}

#row-top, #row-top-left {
    padding-top: 15px;
    height: 20%;
}

#row-middle {
    height: 120px;
}

#row-bottom {
    height: 20%;
}

/***** icone bar *****/

.icon-bar {
    width: 90px; /* Set a specific width */
    background-color: white; 
}

.icon-bar a {
    display: block; /* Make the links appear below each other instead of side-by-side */
    text-align: center; /* Center-align text */
    padding: 10px; /* Add some padding */
    transition: all 0.3s ease; /* Add transition for hover effects */
    color: white; /* White text color */
    font-size: 36px; /* Increased font-size */
}

.icon-bar a:hover {
    background-color: #e0e0eb; /* Add a hover color */
}

.active {
    background-color: #4CAF50; /* Add an active/current color */
}

/***** CSS old ABINIT *****/

img.image-inline {
    float: none;
    height: 50px;
}

img.images-footer {
    float: none;
    height: 30px;
}

div.text {
    text-align: justify;
}

.fulltext {
    display: block;
}


/**** for popover slider ****/

.popover{
    max-width:600px;
}

.popover-title {
    text-transform: none;
    /* color: blue; */
    /* color: #E64E39; rouge */
    color: #F18F34; /* orange */
    font-size: 15px;
}

.popover-content {
    font-size: 12px;
}


/************/
.halfsize {
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
}


/*************/
.iframe1 {
   width: 100%;
   height: 1000px;
   overflow:hidden;
   overflow-y:hidden;
}