/* DARK MODE 
@media (prefers-color-scheme: dark)
{
	body 
	{
    background-color: #1c1c1e;
    color: #fefefe;
	}
	
	a {
  		color: white;
  		opacity:0.8;
	}
	
	.bg-light-gray
	{
	 background-color: #242426;
	 border:none;
	}
	
	.bg-gris-gray
	{
	 background-color: #242426;
	}
	
	#footer {
	background-color: #fff;
	}
	
	.table-dark {
        background-color: #38383a;
        color:dark;
    }
    
    .table-dark > tbody > tr > th
    {
    	background:#337AB7;
    	color:white;
    }
    
    .table > tbody > tr > th,
    .table > tbody > tr > td
    {
    	border-top:none;
    	border:none;
    }
      .table-dark > tbody > tr > td >input
    {
    	
    	color:black;
    }
    
    
    .table_sum
    {
    	background-color: #1c1c1e;
    
    }
	
	.modal-header
	{
		background:;
	}
	.modal-footer
	{
		background:;
	}
	

	 
	
	
	.modal-content{
		background-color: #1c1c1e;
	}
	
	.close{
		color:white;
		opacity:0.8;
	}
	
	
	.btn-primary-outline{
		background-color: #1c1c1e;
	}
	
	@media (min-width: 768px) {
	.titre_rubrique {
 	 color:white;
 	 font-size: 300%;
	}
	}
	@media (max-width: 768px) 
	{
		.titre_rubrique 
		{
 	 	 color:white;
 	 	font-size: 270%;
 	 
		}
	
	.titre_div{
 	 height:35%;
	}
	
	.modal-body {
    position: relative;
    padding: 2%;
    }
	}


}
 */

/* 
	@media (prefers-color-scheme: light)
	{
 */
 
 
 
 @font-face {
    font-family: 'Boreal Light';
    src: url('FONTS/boreal/boreal-regular-TRIAL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

_body {
    font-family: 'Boreal Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
}
.modal-header
{
	background:white;
}
.modal-footer
{
		background:white;
}

.table-dark > tbody > tr > th
    {
    	background:#337AB7;
    	color:white;
}

.bg-light-gray
	{
	 background-color: #FFFFFF;
	}

.bg-gris-gray
{
	 background-color: #F1F4F7;
}
	
 .table_sum
{	
    background-color:#f6f6f6;
}

/* GESTION DES Titres et modales -----
------------------------------*/

@media (min-width: 768px) {
	.titre_rubrique {
 	 -webkit-text-fill-color: #06325f;
 	 -webkit-text-stroke-width: 0.5px;
 	 -webkit-text-stroke-color: #ffffff;
 	 hyphens: auto;
 	 font-size: 300%;
	}
}
@media (max-width: 768px) {
	.titre_rubrique {
 	 -webkit-text-fill-color: #06325f;
 	 -webkit-text-stroke-width: 0.5px;
 	 -webkit-text-stroke-color: #ffffff;
 	 hyphens: auto;
 	 font-size: 270%;
 	 
	}
	
	.titre_div{
 	 height:35%;
	}
	
	.modal-body {
    position: relative;
    padding: 2%;
    }
}

    
/* 
}
 */





#footer {
    z-index: 100;
    bottom: 10px;
    position: fixed;
    bottom: 1px;
    right: 1Px;
    left: 1px;
    height: 140px;
    background-color: #05325F;
    
    color:white;
    font-size:14px;
}

.row {
  margin-right: 0px; 
  margin-left: 0px;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.close {

font-size:40;
}



/* GESTION DES TABLEAUX -----
------------------------------*/

/* colonne des % des tableaux -----*/

.tab_prc {
	text-align: right;
	font-size: 12px;
}

/* Lignes de détail 1 -----*/

.Ligne_N1 {
	font-size: 15px;
	font-style: italic;
}

/* Lignes de détail 2 -----*/

.Ligne_N2 {
	font-size: 14px;
	font-style: italic;
}

/* Tableau mensuels-----*/
/* Lignes de détail 1 -----*/

.Ligne_M1 {
	font-size: 12px;
	font-style: italic;
}

/* Lignes de détail 2 -----*/

.Ligne_M2 {
	font-size: 10px;
	font-style: italic;
	
}





/* ---------------*/
.modal-dialog2 {
    margin: 0;
    height: 100%;
    width: 95%;
}
.modal-dialogTab {
    margin: 0;
    height: 100%;
    width: 85%;

}
.marge {
margin-left: 2em;
}

.marge2 {
margin-left: 3em;
}
 
.marge3 {
margin-left: 5em;
}

.marge4 {
margin-left: 6em;
}
 .PetiteMarge {
margin-left: 1em;
}

.table TH {
   text-align: center;
   background-color: ;
   color:;
      

}
	
.table2 td  {
   font-size:18px;
   font-family:Raleway,sans-serif;
   font-weight:200;  
   color:black; 
}
.table2 TH {
   text-align: center;
   background-color: #EEEEEE;
   font-size:18px;
    font-family:Raleway,sans-serif;
    color:black; 
    font-weight:200;  

}
	/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

input{  

}

.popup_block{
	display: none;
	background: #fff;
	padding: 20px ; 	
	border: 10px solid #aaa7a7;
	float: left;
	font-size: 13px;
	text-align: justify;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 5px;
	margin: 5px 0;
	font-size: 11px;
}

.popup pre{
	
	font-size: 7px;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}