.mat0{ margin-top: 0px !important; }.mat5{ margin-top: 5px !important; } .mat10{ margin-top: 10px !important; } .mat15{ margin-top: 15px !important; }.mat20{ margin-top: 20px !important; }.mat30{ margin-top: 30px !important; }
.mab5{ margin-bottom: 5px !important; } .mab10{ margin-bottom: 10px !important; } .mab20{ margin-bottom: 20px!important; }
.mal5{ margin-left: 5px!important; } .mal10{ margin-left: 10px!important;; } .mal20{ margin-left: 20px!important;; }.mal30{ margin-left: 30px!important;; }
.mar0{ margin-right: 0px!important; } .mar1{ margin-right: 1px!important;; } .mar5{ margin-right: 5px!important;; } .mar10{ margin-right: 10px!important;; } .mar20{ margin-right: 20px!important;; } .mar30{ margin-right: 30px!important;; }
.pad5{ padding : 5px!important; } .pad10{ padding : 10px!important; } .pad20{ padding : 20px!important; } 
.pat8{ padding-top: 8px!important; }  .pat10{ padding-top: 10px!important;} .pat20{ padding-top: 20px!important;} 
.pab10{ padding-bottom: 10px!important;; } .pab20{ padding-bottom: 20px!important;; } 
.pal10{ padding-left: 10px !important; } .pal20{ padding-left: 20px !important; }  
.par10{ padding-right: 10px!important;; } .par20{ padding-right: 20px!important;; }
.fs20{font-size: 20px}
.fs24{font-size: 24px}
.fs14{font-size: 14px}
.fs10{font-size: 10px}
.fs64{font-size: 64px}

.largeurSite{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1280px;
}


.inline{	display: inline}
.pointer{	cursor: pointer;}
.lh10 { line-height: 10px !important;}  .lh24 {	line-height: 24px !important;	}  .lh36 {	line-height: 36px !important;	} .lh48 {	line-height: 48px !important;	}
.vamiddle{	vertical-align: middle !important; }  .vabottom{	vertical-align: bottom !important; } .vatop{	vertical-align: top !important; }

.bold { font-weight: bold; }
.hidden{ display: none !important}
.radius10 {	border-radius: 10px;}
.mycontainer{ width: 98%; margin-left: auto; margin-right: auto; text-align: center; }

/* general */
nav .brand-logo img{ height: 40px  }
nav .brand-logo{	position: relative;}

h1{
	
	padding-bottom: 5px;
	font-size: 20px;
	color: #03a9f4;
	
	
}
h2{
	font-size: 18px;

}

table.dataTable.dtr-column tbody > tr td.control::before, table.dataTable.dtr-column tbody tr th.control::before{
	background-color:  #323244  !important;
}

@media only screen and (max-width:1280px) 
{
	.center-on-medium{ text-align: center !important; }
	 nav .brand-logo{	position: absolute;}
	 
	
}
@media only screen and (max-width:601px) 
{
	.center-on-mobile{ text-align: center !important; }
	.left-on-mobile{ text-align: left !important; }
	nav .brand-logo img{ height: 30px;  }
}