@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: Edenred;
    src: url("/fonts/edenred.otf") format("opentype");
}
@font-face {
    font-family: icomoon;
    src: url('/fonts/IcoMoon.ttf');
}

body{
 
	margin: 0px;
    font-family: "Roboto", sans-serif;
	color: #042D4D;; 
	width: 100%;
    font-size: 12px;
    background-color: #fff;
}

a{
	color: #005186;
	text-decoration: none;
}

.container{
    background-color: #fff;
}

table{
  font-size: 12px;
}

h2{
  color: #005186;
  font-size: 20px;
}

.table-row{
    margin: 0px 17px;
}
table.main{
	border-spacing : 0;
	border-collapse : collapse;
	width: 100%;
    border-radius: 25px;
    -moz-border-radius: 25px;
    color: #042D4D;
}

table.main tr td{
  padding: 15px 0px;
}
table.main tr:last-child td{
  border-top: 1px solid #005186;
}

#prevClosing tr td{
  border-bottom: 1px solid #005186;
  padding: 20px 0px;
}
#prevClosing tr td:not(:first-child){
    width: 10%;
}

.table > :not(caption) > * > * {
  border-bottom: 1px solid #005186;
  
}

.row > *{
    padding-right: 0px;
    padding-left: 0px;
}

a.blanc { color: #ffffff; text-decoration: none;}
a:hover      { color: #000;text-decoration: none;}

td.header,div.header{
    background-color: #005186;
    color: #fff;
    height: 55px;
}

div.header .col:first-child{
    padding: 11px 30px;
}

div.header .text-end{
    padding: 17px 30px 0px 30px;
}

td.data,div.data{
	background-color: #FFF;
	vertical-align: top;
	height: 45px;
}
td.right_border,div.right_border{
	border-right: 1px solid #FFF;

}
td.right_border2,div.right_border2{
  border-right: 1px solid #000;

}
td.linetop{
	border-bottom: 0px;

}
td.data_var,div.data_var{
	vertical-align: top;
}
.valeur{
	font-size: 20px;
	font-weight: 300; 
}
.code{
	font-size: 15px;
	font-weight: 400; 
}
.heure{ 
	font-size: 15px;
	font-weight: 400; 
}
.libelle, .libelle_var{
	font-size: 14px;
	font-weight: 400; 
   
}
.cours_cloture { 
    font-family: "Roboto", sans-serif !important;
	font-size: 32px !important;
	font-weight: 500; 

}
.info {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
	padding-left: 0px;
    padding-top: 10px;
}
.down, .up{
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #005186;
    background-color: #14BBA6;
    border-radius: 25px;
    padding: 2px 9px;

}
.menu { 
	font-size: 13px;
	font-weight: 300; 
	 
}
a.menu_onglet { 
	font-size: 13px;
	font-weight: 900; 
	padding:3px;
    text-decoration: none;
    color: #000;
}
.txt  { 
	font-size: 13px;
	font-weight: 300; 
}
.legende   { 
	font-size: 11px;
	font-weight: 300; 
	border-top: 1px solid #999; 
	padding-top:5px;
	line-height: 15px;
}

/* Calculatrice */

.formrows {background-color: #006699; color: #FFFFFF;font-size: 12px;}
.calc_table {width:100%;}
.td_calculatrice {padding-left: 5px; height: 25px;}
.td_calculatrice_right {padding-left: 5px; height: 25px;text-align: right;}
  .link_calc {
    width:90px;
    height:22px;
    text-decoration:none;
    margin-right:3px;
    padding:2px;
 }
 img {
     border : none;
 }
 .row_result{
 	background-color:#EEEEEE; 
 	color: #000000;
 	height:25px;
 	font-size: 12px;
 }

 .paddingleft{
 	padding-left: 25px;
 }
 .volume{
  color: #a48a77;
 }


#table2{display: none;}
.menu_chart{
    display:block;
}
.menu_list{
  display:none;
}
.select_p {
    display: none;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 5px;
} 
#legend{
  position: absolute;
  top: 10px; 
}
iframe{
  margin-top: 10px;
}
@media (max-width: 510px),(max-device-width: 510px),handheld {
  .menu_chart{
    display:none;
  }
  .menu_list{
  display:block;
  padding-top: 20px;
  }
  .select_p {
      display: block;
      height: 25px;
      width: 100%;
  }
  .nav{
     display: none ;
  }

}

@media (max-width: 510px),(max-device-width: 510px),handheld {
    .nav{
       display: none ;
    }
    .day{
       display: none ;
    }

    .text-end{
        min-width: 200px;
        padding-left: 0px;
        
    }
    .code{
     display: none ;   
    }
    div.header .col:first-child {
        padding: 13px 0px 13px 30px;
    }
    .valeur {
      font-size: 18px;
    }    

    .select_p {
        display: block;
        height: 25px;
        width: 100%;
    }
    #no-more-tables{display: none;}  
    .bgColor{
        background-color: #000;
        color:#FFFFFF
    }
    .bgColor th{
         padding: 10px;
         padding-left: 5px;
         padding-right: 5px;
    }
    .dataTable
    {
        width:100%;
    }
      
    #table2{
        display:table;
        
        width:100%; 
    }
    #table2  tr{
      width:100%;
    }
    #table2  tr:first-child td{
      vertical-align: bottom;
    }
    #table2 td{
        line-height: 1.5em;
        padding-right: 5px;
        height: 40px;
        font-weight: 400;
        font-size: 15px;
    }
    #table2 tr td:first-child{
        text-align: left;
        padding-left:30px;
        width:50%;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;      
    }
    #table2 tr td:last-child{ 
       
    }
    .width_bloc{
         padding-top: 11px;
         padding-bottom: 5px;
         padding-left: 5px;
         padding-right: 5px;
         width:100%;
    }
    .bloc_left{
        display: inline-block;
        width: 49%;
        text-align: left;
    }
    .bloc_right{
        display: inline-block;
        width: 49%;
        text-align: right;
        
    }

}

.select_p {
    display: block;
    height: 25px;
    width: 100%;
}


.nav > li > a {
    font-weight: 300;
    border: 1px solid #005186;
    border-radius: 10px;
    padding: 5px 15px;
    color: #000;
    margin-right: 10px;
    font-size: 14px;
    gap: 10px;
}

.nav  .active a {
    background-color: #005186;
    color: #fff;
}

.download{
  padding-bottom: 10px;
}

.nav-tabs{
    border: none;
    padding-top: 20px;
}

.dot{
    display: inline-flex;
    width: 4px;
    height: 4px;

    /* Red */
    background: #fff;
    border-radius: 20px;

    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 2px;
}

.iframe-container{
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 25px;    
    background-color: yellow;
    padding-bottom: 20px;
}

.container{
    max-width: 1035px;
    border-radius: 25px;
    padding-bottom: 50px;
}

.form-control {
  border: 1px solid #000;
  border-radius: 25px;
  height: 50px;
}


/* Reset Select */
.date-sel {

    background: #fff;
    width: 100%;
    height: 100%;
    color: #000; 
    cursor: pointer;
    padding-left: 30px;
}


/* Custom Select */
.select {
    border: 1px solid #000 ;
    border-radius: 25px;
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 2;
    background: #fff;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 15px;

}

.select .form-control{
    display: inline;
    border: 0px;
    width: 60%;
    float: right;
    font-weight: bold;
}

.select .period{
    display: inline-block;
    border: 0px;
    padding: 10px 0px 0px 30px;
}


/* Arrow */
.centerSpan::after {
    width: 45px;
    font-family: 'icomoon';
    content: '\ea50';
    transform: rotate(180deg);
    font-size: 22px;
    font-weight: bold;
    color: red;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 5px 0 0 15px;
    background: #fff;
    pointer-events: none;

   
}

/* Transition */
.centerSpan:hover::after{
    color:#000;
}
.centerSpan::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}


/*
@media (max-width: 311px),(max-device-width: 311px),handheld {

    div.header .col:last-child{
        padding: 17px 10px 0px 10px;
    }
    .text-end{
        min-width: 180px;
    }

}
*/


p {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 20px;
}