h1 { font-size:2rem; text-align:center; margin-bottom:2rem; }
h2 { font-size:1.3rem; }

h1 > .btn { width:150px; margin: 1rem auto 0; }

.card { padding:15px; border:1px solid #aaaaaa; }

ul { margin:0; }

.hide { display: none;}

i.histo { font-size: 20px; margin-left: 5px; cursor: pointer; }


select option[class^=niveau] { font-style:italic; }
select option.niveau-0 { font-weight:bold; font-style:normal; }
select option.niveau-1 { font-weight:600; font-style:normal; }

table.table tbody { border-top-color:#004466!important; }
table.table tbody td { vertical-align:middle; }
table thead tr th.triable { vertical-align:middle; cursor:pointer; padding-right:30px!important; background-position:right 5px center; background-repeat:no-repeat; background-image: url(../images/style/fleche-triable.png); }
table thead tr th.triable.asc, table thead tr th.triable:hover, table thead tr th.triable.desc:hover { background-image: url(../images/style/fleche-triable-asc.png); }
table thead tr th.triable.desc, table thead tr th.triable.asc:hover { background-image: url(../images/style/fleche-triable-desc.png); }
table.table tbody td.actions::after { content:" "; display:table; clear:both; }

table.table-datamanagement thead tr th { text-align: center;}


#filtres { margin-bottom:2rem; }
#affichageNbItem { margin-bottom:1rem; }

/*************************************************************************************************************************************************************/
/****************************************************************** HEADER ***********************************************************************************/
/*************************************************************************************************************************************************************/
#header { background:#004466; color:#ffffff; padding:10px 0; height:80px; position:fixed; top:0; width:100%; z-index:500; }
#header .container-fluid .row { align-items:center; }
#header .container-fluid .row #logo img { max-width:300px; max-height:60px; }
#header .container-fluid .row #header-right { display:flex; flex-wrap:wrap; justify-content:end; align-items:center; }
#header .container-fluid .row #header-right ul { padding:0; align-items:center; margin-bottom:0; }
#header .container-fluid .row #header-right ul li { list-style:none; }
#header .container-fluid .row #header-right ul li i { line-height:50px; }
#header .container-fluid .row #header-right ul li a { color:#ffffff; display:block; padding:0 15px; line-height:50px; }
#header .container-fluid .row #header-right ul li a:hover { background-color: rgba(0,0,0,.1); text-decoration:none; }

#nav { position:fixed; top:80px; height: calc(100% - 80px); width:250px; }
#nav #menu-burger { background:#ffffff; border-right:1px solid #aaaaaa; height:100%; padding:20px 0; position:relative; }
#nav #menu-burger i { color:rgba(0, 0, 0, 0.54); line-height:34px; }
#nav #menu-burger #closeBurgerMenu { display:none;  }
#nav #menu-burger #closeBurgerMenu:hover i { cursor:pointer; color:#2eacbe; }
#nav #menu-burger #menu-burger-content { overflow: auto; height: 100%; }
#nav #menu-burger #menu-burger-content ul { list-style:none; padding:0; margin:0 0 20px; }
#nav #menu-burger #menu-burger-content ul li a { padding: 0 32px; color: #000000; display: flex; line-height: 2rem; align-items: center; }
#nav #menu-burger #menu-burger-content ul li a:hover { text-decoration:none;  background:rgba(0, 0, 0, 0.10); }
#nav #menu-burger #menu-burger-content h6 { background-color: #2c586f; color:#ffffff; text-transform:uppercase; padding:10px; margin:0; display:flex; justify-content:space-between; align-items:center; border-bottom:2px solid; }
#nav #menu-burger #menu-burger-content h6 i { color:#ffffff; }
#nav #menu-burger #menu-burger-content h6 + ul { display:none; }
#nav #menu-burger #menu-burger-content h6.show i { transform: rotate(180deg); }
footer .footer-block ul { display:none; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,.3);  }
#nav #menu-burger #menu-burger-content h6.show + ul { display:block; }

#main-content { margin-top:80px; padding:15px 30px; } 
#nav + #main-content { margin-left: 250px; }