html, body {
	width:100%;
	margin: 0;
	padding: 0;
	background: var(--couleur-fond-site);
	color: var(--couleur-entete-police);
	direction: ltr;
	font-family:verdana;
}
#main {
	height: 100%;
  width: 100%;
}
.dpBlock {
	display: block;
}
/*
--------------------------------------------------------------

             								BANDEAUHAUT
             
             Compoosé de 3 partie : top, middle et bottom

--------------------------------------------------------------

-- TOP
*/

/*
BandeauHautTop partie gauche "liens"
*/
#BandeauHautTop {
	display: flex;
	position:fixed;
  top:0;
  height:2.6vw;
  float: left;
  width: 100%;
  color: var(--couleur-entete-police);
  background: var(--couleur-fond-site);
	z-index:500;
}
.BandeauHautTop_Container {
	display: flex;
  align-items: center;
	width:100%;
	min-width: 320px;
  height:100%;
  margin: 0 0;
}


/* Add 3 traits */

#box-deconnexion, #box-groupe, #box-calendrier, .box-FavPDFCSVHelp, .box-config-excels {
	color: var(--couleur-texte-box-3tirets);
	background-color: var(--couleur-fond-box-3tirets);
	border:1px solid var(--couleur-border-box-3tirets);
	font-size: 0.9vw;
	text-align: left;
	z-index:1000;
}
#box-deconnexion, .box-FavPDFCSVHelp {
	right:0;
}
#box-calendrier {
	font-size: 0.75vw !important;
	margin-right:4vw  !important;
	/*width: 11.5vw;*/
}
#box-calendrier li {
	margin-top:0.07vw !important;
}
 #box-groupe li {
	margin-top:0.2vw !important;
}
#box-calendrier ul, #box-groupe ul {
	padding-bottom:0.1vw;
}
.box-FavPDFCSVHelp {
	top: 2.3vw;
	width: 15vw;
	position: absolute;
}
.box-config-excels {
	margin-top:2.1vw;
	right: 6vw;
	width: 16vw;
	position: absolute;
}
#box-deconnexion, #box-groupe, #box-calendrier {
	top: 2vw;
	padding : 0.5vw 0.5vw;
	position: fixed;
}
#box-deconnexion a, #box-groupe a, #box-calendrier a, .box-FavPDFCSVHelp a, .box-config-excels a {
	text-decoration:none;
	color: var(--couleur-texte-box-3tirets);
}
#box-deconnexion ul, .box-FavPDFCSVHelp ul, .box-config-excels ul {
	padding-bottom:1vw;
}
#box-deconnexion li, #box-groupe li, #box-calendrier li, .box-FavPDFCSVHelp li, .box-config-excels li {
	list-style: none;
	padding-left: 1vw;
	margin-top:1vw;
	line-height: 1.2vw;
	display: block
}
#box-deconnexion li:hover, #box-groupe li:hover, #box-calendrier li:hover, .box-FavPDFCSVHelp li:hover, .box-config-excels li:hover {
	text-decoration:none;
	background-color: var(--couleur-releveur-box-3tirets);
}
*#box-groupe {
	left:1.9vw;
	min-width: 13vw;
	margin-right:2vw;
}
/*#box-groupe, */
#box-dateAlert {
	background-color: var(--couleur-fond-box);
	position: fixed;
	top: 2vw;
	padding : 0.5vw 0.5vw;
	border:1px solid var(--couleur-border-box);
	text-align: left;
	z-index:1000;
}
#box-dateAlert {
	left:33vw;
	top:2.5vw;
	color: var(--couleur-texte-box);
	font-family:verdana;
	font-size:0.8vw;
}

#box-filtre {
	right:0;
	top:2.6vw;
	position: absolute;
	background-color: var(--couleur-fond-box-filtre);
	padding: 0.5vw 0.5vw;
	border: 1px solid var(--couleur-cadre-box-filtre);
	width:auto;
}
.pointer {
  cursor:pointer;
}
/*#box-groupe a, */
#box-filtre a {
	font-size: 0.8vw;
	text-decoration: none;
	font-weight: none;
}
/*
#box-groupe li, #box-groupe ul{
	display: block;
	margin: 0 0;
	line-height: 1.5vw;
	height:100%;
}
#box-groupe li:hover {
	background-color: var(--couleur-releveur-box-groupe);
}
*/
.deconnexion_logo {
	height:2.5vw;
	width:auto;
	vertical-align: middle;
}
.responsive {
  width:auto;
  height: 100%;
}
.responsiveBg {
  width:100%;
  height: 100%;
}
.menuGroupeCalendrier, .menuGroupeTable {
	padding-top:0.55vw;
	vertical-align: middle;
}
.BandeauHautTop_BoutonGroupe {
	width: auto;
	height:1.6vw;
}
.BandeauHautTop_BoutonGroupe_cote {	
	float:left;
	height:100%;
}
.BandeauHautTop_BoutonGroupe_centre {
	height: 100%;
	float:left;
	text-align: center;
}
.BandeauHautTop_BoutonGroupe_Lien {
	width: 100%;
  height: 100%;
  position: relative;
}
.BoutonGroupeImage {
	width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.BoutonGroupe {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.BoutonGroupeImage {
	z-index: 10;
}
.cale {
	height:0.16vw;
}
.menu_groupe {
	padding-top: 0;
	vertical-align: top;
  position: relative;
	font-size: 1vw;
	text-decoration: none;
	color: var(--couleur-fond-box);
	font-weight: none;
	text-transform: uppercase;
	padding-left: 2vw;
	padding-right: 2vw;
	white-space: nowrap;
	z-index: 100;
}
.BandeauHautTop_lien {
  height: 100%;
  margin: 0 0;
	float:right;
	margin-left: auto;
}
.BandeauHautTop_lien ul, .BandeauHautTop_lien li, .BandeauHautTop_menu ul, .BandeauHautTop_menu li {
	display: inline-block;
	height:100%;
	padding: 0 0;
	margin: 0 0;
}
.fleche_droite {
	visibility:hidden;
	width:1vw;
	color: var(--couleur-entete-police);
}
.fleche_droite::after {
	content:'>';
}
.BandeauHautTop_lien a:hover span {
	visibility:visible;
}

/*
BandeauHautTop partie "menu"
*/
.BandeauHautTop_menu {
  height: 100%;
  margin: 0 0;
  padding-left: 5vw;
  float: left;
}
.menuLv1, .menuLv1BMF, .menuImageLv1 {
	display: inline-block;
  height:100%;
	padding: 0 0;
	margin: 0 0;
	font-size: 1vw;
	text-decoration: none;
	color: var(--couleur-entete-police);
	font-weight: none;
	text-transform: uppercase;
	text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1500;
}
.menuLv1BMF {
	margin-right:3vw;
}
.menuLv1 {
	/* Largeur des 'cases' menu sur la barre du haut (Origine 4.2vw) */
	width: 5.3vw;
}
.menuLv1:before, .menuLv1BMF:before {
	/* Centre verticalement les menus */
	content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.menuLv1:after, .menuLv1BMF:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 6px;
  background: var(--couleur-entete-police);
  height: 2px;
  transition-property: left right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.menuLv1.selected:after,
.menuLv1:hover:after,
.menuLv1:active:after,
.menuLv1BMF.selected:after,
.menuLv1BMF:hover:after,
.menuLv1BMFactive:after {
  right: 0;
}
.menuLv2 {
	display: inline-block;
  height:100%;
	/*padding:1.4vw 2vw 0.8vw 1vw;*/
	padding-left: 1vw;
	padding-top: 3vw;
	margin: 0 0;
	font-size: 0.8vw;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}
.menuLv2 .texteMenu {
	color: var(--couleur-entete-police);
	position:relative;
	margin-left:-1vw;
	margin-right:1.1vw;
	padding: 0.1vw 0.1vw 0.1vw 0.1vw;
	width: 100%;
	background-color: var(--couleur-fond-menu-lv2);
	letter-spacing: 0.1em;
}
.menuLv3 {
	text-decoration:none;
	color: var(--couleur-entete-police);
	font-size:0.9vw;
	font-weight:none;
	text-align: left;
}
.menuReleveurLv3 {
	padding-left: 0.1vw;
	margin-right: 0.8vw;
}
.menuSelected, .menuReleveurLv3:hover {
	background-color: var(--couleur-releveur-box-groupe);
	/*color: var(--couleur-entete-police);*/
	color: var(--couleur-fond-site);
}
.menuForbidden, .menuAdminForbidden {
 color: var(--couleur-menu-forbidden) !important;
}
.box-menu, .box-menuBMF {
	position: fixed;
	display: none;
	top: 2.6vw;
	border:1px solid var(--couleur-fond-site);
	z-index:1000;
}
.box-menu {
	left:0;
	width: 100%;
}
.box-menu-utile, .box-menuBMF-utile {
	padding-left:0.5vw;
	position:relative;
	/*max-width:1440px;*/
	color: var(--couleur-entete-police);
	background-color: var(--couleur-fond-site);
	margin: 0 auto;
	padding-bottom: 0.8vw;
	border:1px solid var(--couleur-border-box-menu);
}
.box-menu-utile {
	min-width: 320px;
}
.box-menu-utile .menu, .box-menuBMF-utile .menu{
	display: block;
	color var(--couleur-fond-site);
	vertical-align:top;
	font-size:1vw;
}
.box-menu-utile ul, .box-menu-utile li, .box-menuBMF-utile ul, .box-menuBMF-utile li {
	vertical-align:top;
}
.box-menu-utile ul {
	/*hauteur entre le haut de la box des sous-menus et la 1ere ligne*/
	margin-top:-0.8vw;
}
.box-menuBMF-utile ul {
	/*hauteur entre le haut de la box des sous-menus et la 1ere ligne*/
	margin-top:0.8vw;
}
#box-sous-menu ul, #box-sous-menu li {
	margin-top:0.7vw;	
	display: block; 
	vertical-align:top;
}
.menuColonne, .menuColonneBMF {
	width: 100%;
	text-align:left;
}
.menuColonne ul,.menuColonne li {
	display:inline-block;
}
.menuColonneBMF ul, .menuColonneBMF li {
	display:block;
	padding:0.3vw;
}
.menuBloc {
	vertical-align:top;
}
.menuBloc ul,.menuBloc li {
	display:block;
}
.bouton_close {
	position:absolute;
  cursor:pointer;
	top:0;
	right:0;
	padding:0.2vw;
	font-size:0.9vw;
}
.fleche_droite_visible::after {
  content: ' >';
}
#box-sous-menu {
	/*padding-bottom: 1.4vw;*/
}

/*
-- MIDDLE
*/
#BandeauHautMiddle {
	position:relative;
	display: flex;
	width:100%;
  background: var(--couleur-fond-site);
  text-align: center;
	margin-top:2.6vw;
}
.versionSite {
	position:absolute;
	bottom:0.5vw;
	right:0.5vw;
	color: var(--couleur-menu-forbidden);
	font-size:0.6vw;
	font-family: verdana;
}
.fondCentre {
}
.fondDroit {
	height:166px;
	width:100%;
	background: url(../image/background-image-haut-side.jpg) repeat-x left;
}
.fondGauche {
	height:166px;
	width:100%;
	background: url(../image/background-image-haut-side.jpg) repeat-x right;
}
/*
-- BOTTOM
*/
#BandeauHautBottom {
	position:relative;
	display: inline-block;
  height: 2.6vw;
  background-color: var(--couleur-fond-site);
  width:100%;
  z-index:100;
}
#BandeauHautBottom_Container {
	display: inline-block;
	width:100%;
	/*max-width:1440px;*/
	min-width: 320px;
  height:100%;
  margin: 0 0;
}
#container_filtre {
	/*position:relative;*/
	width:100%;
	vertical-align: middle;
  height:100%;
  margin: 0 0;
  z-index: 1000;
}
.bouton_filtre {
	position:absolute;
	right:0;
	line-height:2.6vw;
}
/*
-- Calendrier
*/
.selectCal {
	font-size:  0.8vw;
	color: var(--couleur-fond-site);
	background-color: var(--couleur-entete-police);
	vertical-align: top;
  position: relative;
	text-decoration: none;
	font-weight: none;
	text-transform: uppercase;
	white-space: nowrap;
	z-index: 100;
}
/* Calendrier position date */
#spanDateSelect {
  position: relative;
	z-index: 100;
	/*padding-left:0.5vw;*/
}
.calcentre {
	background:url(../image/groupe-background.png) repeat-x;
	vertical-align:top;
}
.select_Date {
	color: var(--couleur-fond-site);
}
.select_groupe, .select_groupeBMF {
	color: var(--couleur-fond-site);
}
.select_groupeBMF {
	font-family: Verdana, sans-serif;
	color: var(--couleur-entete-police);
  font-size: 1.1vw;
  display:inline-block;
  line-height: 2.4vw;
  width:100%;
  text-align: center;
}
.select_plaque, .select_plaqueBMF {
	color: var(--couleur-fond-site);
}
.select_plaqueBMF {
  display:inline-block;
  width:100%;
	line-height: 1.8vw;
	font-size: 1vw;
	border-top: 1px solid  var(--couleur-Atelier3);
	border-bottom: 1px solid var(--couleur-Atelier3);
}
.select_plaque::before {
	content: '\25A0\0020';
	color: var(--couleur-fond-menu-lv2);
}
.select_plaqueBMF::before {
  content: url(../image/cubes_blue.png);
  position: relative;
  left: -3px;
  top: 3px;
}
.select_sousplaque {
	color: var(--couleur-fond-site);
	/*
	font-size: 1vw;
	width:100%;
	line-height: 1.6vw;
	*/
}
.select_sousplaque::before {
	content: '\25A0\0020\25A0\0020';
	color: var(--couleur-fond-menu-lv2);
	/*
	content: url(../image/cube_blue.png);
  position: relative;
  top:3px;
  left:-3px;
  */
}
.decalage1 {
	padding-left:1.1vw;
}
.decalage2 {
	padding-left:1.8vw;
}
.select_affaire, .select_site {
	color: var(--couleur-fond-site);
	font-size: 0.8vw;			  
}
.select_site {
	font-style:italic;
}
.groupeSelected {
	margin 0;
	padding : 0.1vw;
	background-color: var(--couleur-releveur-box-3tirets);
}
.groupeSelected .select_groupe, .groupeSelected .select_plaque, .groupeSelected .select_sousplaque, .groupeSelected .select_affaire, .groupeSelected .select_site , .groupeSelected .select_Date {
	color: var(--couleur-entete-police);
}
#contenu {
	width:100%;
	background-color: var(--couleur-fond-site);
}
.menuConfig {
	display: grid;
 	grid-template-columns: repeat(6, 1fr);
}
.menuConfigLv1Activite0, .menuConfigLv1Activite1, .menuConfigLv1Activite2, .menuConfigLv1Activite3, .menuConfigLv1Activite4, .menuConfigLv1Activite5 {
	font-size: 0.9vw;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	/*color: var(--couleur-entete-police);*/
	color: var(--couleur-fond-site);
	margin:2px;
	padding:2px;
	padding-left:0.5vw;
	margin-top:1.2vw;
}
.menuConfigLv1Activite0 {
	background-color: var(--couleur-fond-site);
	color: var(--couleur-entete-police);
}
.menuConfigLv1Activite1 {
	background-color: var(--couleur-VN-realisation);
	color: var(--couleur-texte-menu-admin);
}
.menuConfigLv1Activite2 {
	background-color: var(--couleur-VO-realisation);
	color: var(--couleur-texte-menu-admin);
}
.menuConfigLv1Activite4 {
	background-color: var(--couleur-MPR-realisation);
	color: var(--couleur-texte-menu-admin);
}
.menuConfigLv1Activite3 {
	background-color: var(--couleur-Atelier-realisation);
	color: var(--couleur-texte-menu-admin);
}
.menuConfigLv1Activite5 {
	background-color: var(--couleur-COMPTA-realisation);
	color: var(--couleur-texte-menu-admin);
}
.menuConfigLv2Activite0, .menuConfigLv2Activite1, .menuConfigLv2Activite2, .menuConfigLv2Activite3, .menuConfigLv2Activite4, .menuConfigLv2Activite5 {
	position:relative;
	font-size: 0.9vw;
	font-weight: bold;
	text-align: left;
	line-height:1.2vw;
	vertical-align:bottom;
	padding-top:1vw;
	padding-left:0.5vw;
}
.menuConfigLv2Activite1:before, .menuConfigLv2Activite2:before, .menuConfigLv2Activite3:before, .menuConfigLv2Activite4:before, .menuConfigLv2Activite5:before {
	content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 0px;
  width   : 98%;
}
.menuConfigLv2Activite1:before {
	border-bottom:1px solid var(--couleur-VN-realisation);
}
.menuConfigLv2Activite2:before {
	border-bottom:1px solid var(--couleur-VO-realisation);
}
.menuConfigLv2Activite4:before {
	border-bottom:1px solid var(--couleur-MPR-realisation);
}
.menuConfigLv2Activite3:before {
	border-bottom:1px solid var(--couleur-Atelier-realisation);
}
.menuConfigLv2Activite5:before {
	border-bottom:1px solid var(--couleur-COMPTA-realisation);
}
.menuConfigLv3Activite0, .menuConfigLv3Activite1, .menuConfigLv3Activite2, .menuConfigLv3Activite3, .menuConfigLv3Activite4, .menuConfigLv3Activite5, 
.menuConfigLv3Activite0Actif, .menuConfigLv3Activite1Actif, .menuConfigLv3Activite2Actif, .menuConfigLv3Activite3Actif, .menuConfigLv3Activite4Actif, .menuConfigLv3Activite5Actif,
.menuAdminForbidden {
	padding-left:0.5vw;
	padding-top:0.15vw;
	padding-bottom:0.15vw;
	margin-top:0.15vw;
	margin-bottom:0.15vw;
  color: var(--couleur-entete-police);
  font-size: 0.9vw;
  text-decoration:none;
}
.menuConfigLv3Activite0:hover, .menuConfigLv3Activite0:hover a, .menuConfigLv3Activite0:hover span, .menuConfigLv3Activite0Actif {
	background-color: var(--couleur-entete-police);
	color: var(--couleur-fond-site);
}
.menuConfigLv3Activite1:hover, .menuConfigLv3Activite1:hover a, .menuConfigLv3Activite1:hover span, .menuConfigLv3Activite1Actif {
	background-color: var(--couleur-VN-realisation);
	color: var(--couleur-fond-site);
}
.menuConfigLv3Activite2:hover, .menuConfigLv3Activite2:hover a, .menuConfigLv3Activite2:hover span, .menuConfigLv3Activite2Actif {
	background-color: var(--couleur-VO-realisation);
	color: var(--couleur-fond-site);
}
.menuConfigLv3Activite3:hover, .menuConfigLv3Activite3:hover a, .menuConfigLv3Activite3:hover span, .menuConfigLv3Activite3Actif {
	background-color: var(--couleur-Atelier-realisation);
	color: var(--couleur-fond-site);
}
.menuConfigLv3Activite4:hover, .menuConfigLv3Activite4:hover a, .menuConfigLv3Activite4:hover span, .menuConfigLv3Activite4Actif {
	background-color: var(--couleur-MPR-realisation);
	color: var(--couleur-fond-site);
}
.menuConfigLv3Activite5:hover, .menuConfigLv3Activite5:hover a, .menuConfigLv3Activite5:hover span, .menuConfigLv3Activite5Actif {
	background-color: var(--couleur-COMPTA-realisation);
	color: var(--couleur-fond-site);
}
.menuConfigColonneOne {
	grid-column: 1;
	grid-row: 1 / 6;
}
.boutonFiltrer {
	position:absolute;
	top:0.11vw;
	
	right:2.4vw;
	font-size:  0.9vw;
}