@charset "UTF-8";
/* CSS Document */

:root { 
	--black-color: #333F48; /* couleur noire */
	--black-bg-color: #333F48; /* couleur noire */
	--grey-dark-color: #444; /* couleur noire */
	--grey-clear-color: #ddd; /* couleur noire */
	--grey-border-color: #ebebeb; /* couleur noire */
	--white-color: #FFF; /* couleur blanche */
	--white-bg-color: #FFF; /* couleur blanche */
	--white-bg-rgb-5: rgba(255, 255, 255, .5); /* couleur blanche */
	--main-color: #ffd100; /* #fcf141 couleur principal Jaune */
	--main-bg-color: #333F48; /* #221f1f fond principal noir */
	--main-border-color: #545b62; /* fond principal */
	--reverse-color: #333F48; /* #221f1f couleur principale noir */
	--reverse-bg-color: #ffde00; /* #fcf141 couleur principale Jaune */
	--reverse-border-color: #ffff30; /* couleur principale */
	--primary-color: #333F48; /* #221f1f couleur primaire noir */
	--primary-color-rgb-7: rgba(34,31,31,.7); /* couleur primaire */
	--primary-color-rgb-5: rgba(34,31,31,.5); /* couleur primaire */
	--primary-color-rgb-3: rgba(34,31,31,.3); /* couleur primaire */
	--primary-color-rgb-2: rgba(34,31,31,.2); /* couleur primaire */
	--primary-color-rgb-075: rgba(34,31,31,.075); /* couleur primaire */
	--primary-clear-color: #fbfbfb; /* couleur primaire */
	--primary-heavy-rgb-1: rgba(255, 255, 238, 1); /* couleur primaire fond jaune */
	--primary-heavy2-rgb-1: rgba(255, 209, 0, 1); /* 252, 241, 65 couleur primaire jaune */
	--primary-heavy2-rgb-11: rgba(255, 209, 0, .1); /* couleur primaire jaune */
	--primary-bg-color: #221f1f; /* fond primaire noir */
	--primary-bg-clear-rgb-1: rgba(255, 209, 0,1); /* fond primaire jaune */
	--primary-bg-clear-rgb-5: rgba(255, 209, 0,.5); /* fond primaire jaune */
	--primary-dark-color: #d9ce38; /* fond primaire */
	--inner-bg-color: #5e5e5e; /* fond INNER */
	--table-bg-color: #FFE; /* fond Tableau */
	--td-border-color: #828282; /* bord Ligne */
	--btn-border-color: #f2e63f; /* bord bouton */
	--btn2-bg-color: #ffe400; /* #fff200 fond bouton 2 jaune */
	--btn2-border-color: #d9ce38; /* bord bouton 2 */
	--valid-color: #008e00; /* couleur alert */
	--valid-color-rgb-11: rgba(0, 142, 0, .1); /* couleur alert */
	--pending-color: #ff9300; /* couleur alert */
	--pending-dark-color: #d07800; /* couleur alert */
	--pending-color-rgb-11: rgba(255, 147, 0, .1); /* couleur alert */
	--progress-color: #6496cb; /* couleur alert */
	--progress-color-rgb-11: rgba(100, 150, 203, .1); /* couleur alert */
	--cancel-color: #9f2919; /* couleur alert */
	--cancel-color-rgb-11: rgba(159, 41, 25, .1); /* couleur alert */
	--archive-color: #212529; /* couleur alert */
}

.col-logo #logo img { width: 192px; height: 51px; margin-top: 7px; }
.col-logo #title { margin-top: 5px; }
.col-logo #title .subtitle { float: right; }
.col-logo #title .subnav { display: inline-block; }
.gab-Table .page-header .col-logo .col-12 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.gab-Table .page-header .col-logo #title { margin-top: 0; }
.gab-Table .page-header .col-logo #logo { margin-top: 10px; }
.gab-Table .page-header .col-logo #logo img { width: 106px; height: 33px; }
.gab-Table .page-header .col-logo #title .subtitle { float: left; }

@media screen and (max-width: 990px)
{
	.gab-Table .page-header .col-logo .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.gab-Table .page-header .col-logo #logo img { margin-top: 0; }
}