@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('fonts/SourceSansPro-Regular.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.ttf');
}

@font-face {
    font-family: 'VAGRounded-Regular';
    src: url('fonts/vagrounded-regular.ttf');
}

@font-face {
    font-family: 'VAGRounded-Black';
    src: url('fonts/VAGRoundedBlack.ttf');
}

@font-face {
    font-family: 'VAGRounded-Light';
    src: url('fonts/VAGRoundedLight.ttf');
}

/*html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	vertical-align: inherit;
}*/

/*#page table:first-of-type {
	margin: 0 !important;
}*/

/* Couleur Logiciel */

html {
  --color-Dom : rgba(64,120,186,1);
  --color-Mik : rgba(245,166,35,1);
  --color-Dia : rgba(0,176,222,1);
  --color-Men : rgba(0,165,77,1);
  --color-Cog : rgba(154,77,149,1);
  --color-Jeu : rgba(247,195,84,1);
  --color-Las : rgba(225,97,47,1);
  --color-Modulo : rgb(151, 190, 12);
  
  --border-Dom : rgba(35,97,168);
  --border-Mik : rgba(168,122,15);
  --border-Dia : rgba(0,122,153);
  --border-Men : rgba(1,100,47);
  --border-Cog : rgba(78,23,74);
  --border-Jeu : rgba(90,64,11);
  --border-Las : rgba(93,31,8);

  /* with alpha */
  --color-Dom-alpha20 : rgba(64,120,186,0.2);
  --color-Mik-alpha20 : rgba(245,166,35,0.2);
  --color-Dia-alpha20 : rgba(0,176,222,0.2);
  --color-Men-alpha20 : rgba(0,165,77,0.2);
  --color-Cog-alpha20 : rgba(154,77,149,0.2);
  --color-Oli-alpha20 : rgba(222,84,146,0.2);
  --color-Jeu-alpha20 : rgba(247,195,84,0.2);
  --color-Las-alpha20 : rgba(225,97,47,0.2);


  --color-Dom-alpha40 : rgba(64,120,186,0.4);
  --color-Mik-alpha40 : rgba(245,166,35,0.4);
  --color-Dia-alpha40 : rgba(0,176,222,0.4);
  --color-Men-alpha40 : rgba(0,165,77,0.4);
  --color-Cog-alpha40 : rgba(154,77,149,0.4);
  --color-Oli-alpha40 : rgba(222,84,146,0.4);
  --color-Jeu-alpha40 : rgba(247,195,84,0.4);
  --color-Las-alpha40 : rgba(225,97,47,0.4);

  --color-Dom-alpha50 : rgba(64,120,186,0.5);
  --color-Mik-alpha50 : rgba(245,166,35,0.5);
  --color-Dia-alpha50 : rgba(0,176,222,0.5);
  --color-Men-alpha50 : rgba(0,165,77,0.5);
  --color-Cog-alpha50 : rgba(154,77,149,0.5);
  --color-Oli-alpha50 : rgba(222,84,146,0.5);
  --color-Jeu-alpha50 : rgba(247,195,84,0.5);
  --color-Las-alpha50 : rgba(225,97,47,0.5);
  
  --color-Dom-alpha60 : rgba(64,120,186,0.6); 
  --color-Mik-alpha60 : rgba(245,166,35,0.6); 
  --color-Dia-alpha60 : rgba(0,176,222,0.6); 
  --color-Men-alpha60 : rgba(0,165,77,0.6); 
  --color-Cog-alpha60 : rgba(154,77,149,0.6); 
  --color-Oli-alpha60 : rgba(222,84,146,0.6); 
  --color-Jeu-alpha60 : rgba(247,195,84,0.6); 
  --color-Las-alpha60 : rgba(225,97,47,0.6); 
  
  --color-Dom-alpha80 : rgba(64,120,186,0.8); 
  --color-Mik-alpha80 : rgba(245,166,35,0.8); 
  --color-Dia-alpha80 : rgba(0,176,222,0.8); 
  --color-Men-alpha80 : rgba(0,165,77,0.8); 
  --color-Cog-alpha80 : rgba(154,77,149,0.8); 
  --color-Oli-alpha80 : rgba(222,84,146,0.8); 
  --color-Jeu-alpha80 : rgba(247,195,84,0.8); 
  --color-Las-alpha80 : rgba(225,97,47,0.8); 

  --abel-color-rouge              : #DA5255;
  --abel-color-vert               : #6EBF6D;
  --abel-color-bleu               : #5F94CD;
  --abel-color-orange             : #EA9346;
  --abel-color-jaune              : #FFC30F;

  --abel-icon-shadow              : #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;

  --overlay-opacity : 0.3;
  --overlay-background-color:#aaa;

}

.backColorDom { background-color: var(--color-Dom); }
.backColorDia {	background-color: var(--color-Dia); }
.backColorMik {	background-color: var(--color-Mik); }
.backColorMen {	background-color: var(--color-Men); }
.backColorCog {	background-color: var(--color-Cog); }
.backColorOli {	background-color: var(--color-Oli); }
.backColorJeu {	background-color: var(--color-Jeu); }
.backColorLas {	background-color: var(--color-Las); }

.colorDom {	color: var(--color-Dom);}
.colorMik { color: var(--color-Mik);}
.colorMen {	color: var(--color-Men);}
.colorDia {	color: var(--color-Dia);}
.colorCog {	color: var(--color-Cog);}
.colorOli {	color: var(--color-Oli);}
.colorJeu {	color: var(--color-Jeu);}
.colorLas {	color: var(--color-Las);}

.horizontal, .vertical { display: flex; }
.horizontal { flex-direction: row; align-items: center; }
.vertical { flex-direction: column; }

span.lab {
	font-family: 'VAGRounded-Light';
	font-size: 16px;
	font-weight: bold;
}


select:disabled {
	background-color: rgb(235, 235, 228);
}

table { border-collapse: initial !important; }

button.bt24x24 {
	height: 24px;
	width: 24px;
}

.rouge { color: #DA5255 !important; }
.vert { color: #6EBF6D !important; }
.bleu { color: #5F94CD !important;}
.gris-clair { color: #CCCCCC !important;}
.gris-fonce { color: #555555 !important;}
.orange { color: #FF8000 !important;}
.violet { color: #9369fa !important;}

font.bold {font-weight:bold;} font.red {color:red;} font.blue{color:blue;} font.green{color:green;}

button.btRouge { color: #f33a50; }
button.btRouge:hover { color: #ff4f64; }

button.btVert { color: #6ebf6d; }
button.btVert:hover { color: #449d44; }

button.btBleu { color: #4078ba; }
button.btBleu:hover { color: #4c85c8; }

.connexion {
	font-family: SourceSansPro-Regular;
	font-size: 16px;
	margin-bottom: 15px;
}

/*.texte { margin: 0 3px; }*/

input[type='color'] {
	border: 1px solid #ddd;
	background-color: #fff;
	cursor: pointer;
}


input.texte[disabled]:not([type="checkbox"]), select.texte[disabled], textarea.texte[disabled] {
	background-color: #eee !important;
}

input.texte:not([type='checkbox']), select.texte, textarea.texte {
  border: 1px solid #ccc;
  border-radius: 3px;
  
}
input.texte:not([type='checkbox']):not(.is-invalid), select.texte:not(.is-invalid), textarea.texte:not(.is-invalid) {
  background-color: #fff;
  transition: border linear .2s,box-shadow linear .2s;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

input.texte:focus:not([type='checkbox']):not(.is-invalid), select.texte:focus:not(.is-invalid), textarea.texte:focus:not(.is-invalid) {
	border-color: rgba(82,168,236,0.8);
  outline: 0;
    /* outline: thin dotted \9; */
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    /*box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);*/
}

input.texte.is-invalid:not([type='checkbox']), select.texte.is-invalid, textarea.texte.is-invalid {
  border-color: #dc3545 ;
  background-color: #f8d7da ;  
}
input.texte.is-invalid:focus:not([type='checkbox']), select.texte.is-invalid:focus, textarea.texte.is-invalid:focus {
  background-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

input.center {
	text-align: center;
}

select.texte{
	margin-top:-1px !important;/*Ajouté par David le 21/12/2017*/
}

select.texte option {
	padding: 4px 2px;
}

input[type='text'].texte, input[type='password'].texte, select.texte, textarea.texte, input[type='search'].texte, input[type='number'].texte, input[type='time'].texte { padding: 0 4px; height: 26px; }

input.invalid {
    background-color: #FFDBDB !important;
    border-color: #FF0000 !important;
    color: #8A0000 !important;
}

.application {
	text-align: center;
}

.application .titreLog{
	font-size: 34px;
}



.titrePage {
    /*font-family: SourceSansPro-Regular;*/
    font-family: VAGRounded-Black;
	font-size: 25px;
	color: #4e4e4e;
	background-image: linear-gradient(-180deg, #f2f2f2 0%, #ffffff 100%);
	height:	100%;
    /*font-weight:bold;*/
    height:36px;
    line-height:36px;
    /*text-align:center;
    padding-right:50px !important;*/
	padding-left:10px;
}

.titrePage span[class^="icon-"], .titrePage i.fa{
	padding: 0 5px 0 5px;
	font-size: 38px;
}

.titreLog {
	font-family: VAGRounded-Black;
	font-size: 26px;
	line-height: 28px;	
}

.titreTxt {
	font-family: SourceSansPro-Regular;
	font-size: 13px;
	color: #4e4e4e;
	line-height: 12pt;
}

.descTitre {
	font-family: VAGRounded-Black;
	font-size: 64px;
	line-height: 70px;
}

.descLegende {
	font-family: VAGRounded-Light;
	font-size: 28px;
	line-height: 50px;
}

.descInfoLegende {
	font-family: VAGRounded-Light;
	font-size: 18px;
	line-height: 30px;
}

#enteteLog {
	width: 100%;
	border-bottom: 1px solid #dadada;
}

#enteteLog .lineUpLog {
	width: 100%;
	height: 5px;
}

#titreLog {
	display: inline-flex;
	background-image: linear-gradient(-180deg, #ffffff 0%, #f2f2f2 100%);
	width: 100%;
	height:60px;	
}

#titreLog .section {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

#titreLog .logiciel {
	padding-top: 10px;
	padding-left: 20px;
	width: 250px;
}

#titreLog .info0 {
	width: 70px;
}


#titreLog .info1 {
	width: 300px;
}

#titreLog .info2 {
	width: 216px;
}

#titreLog .user {
	width: 214px;
	height: 60px;
	overflow: hidden;
}

#titreLog .imgInfo {
	border-right: 1px solid #dadada;
	padding-right: 10px;
}

#titreLog .imgInfo img {
	width: 26px;
	height: 26px;
}

#titreLog .imgUser {
	float: right;
	padding-right: 10px;
	color: #dadada;
}

#titreLog .imgUser img {
	width: 40px;
	height: 40px;
}

#titreLog .txtInfo {
	margin-right: 10px;
	text-align: right;
	overflow: hidden;
}


#appMenu{z-index: 10;width:49px}
#appMenu .boutonAccueil{width: 49px;}

.index-menu-container{ height: 100%; display: flex; flex-direction: column;}
.index-menu-filler{    background-image: linear-gradient(180deg, #F2F2F2 0%, #ffffff 100%); flex: 1;}

#indexMainMenu{display: flex; flex-direction: column; width: 100%;}
#indexMainMenu span.buttonText{
 margin-left: 15px;
}

.sectionBtAccueil {
	display: flex !important;
}

.sectionBtAccueil.sepH {
	border-bottom: 1px solid #dadada !important;
}

.sectionBtAccueil .sepV {
	border-right: 1px solid #dadada !important;
}

/* Surclasser menu accueil jquery */

.sectionBtAccueil.ui-menu div.ui-menu-item-wrapper.ui-state-active {
	margin: 0 !important;
}



/*.sectionBtAccueil.ui-menu div.ui-menu-item-wrapper span[class^="icon-"] {
	padding-left: 5px;
}*/

.sectionBtAccueil.ui-menu .boutonAccueil>.ui-menu-item-wrapper {
  padding: 0 0 0 6px !important;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.sectionBtAccueil.ui-widget.ui-widget-content {
	border: 0 none;
}

/*.sectionBtAccueil .deroulant {
	left: -0.6px !important;
	top: 39px !important;
}*/

.sectionBtAccueil li {
  list-style: none; 
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.sectionBtAccueil.ui-menu .ui-state-active {
	color: #366aa7 !important;
	background: #ededed none repeat scroll 0 0;
    border: 1px solid #ccc;
}
.sectionBtAccueil.ui-menu .ui-state-active .ui-icon, .ui-button:active .ui-icon{
	background-image: url("/DOMINOWEB2_WEB/Images/jquery-ui-icons-custom-color/ui-icons_366aa7_256x240.png");
	
}

.sectionBtAccueil.mik.ui-menu .ui-state-active {
	color: #f19d13 !important;
}
.sectionBtAccueil.mik.ui-menu .ui-state-active .ui-icon, .sectionBtAccueil.mik .ui-button:active .ui-icon{
	background-image: url("/DOMINOWEB2_WEB/Images/jquery-ui-icons-custom-color/ui-icons_f19d13_256x240.png");
}

.sectionBtAccueil.dia.ui-menu .ui-state-active {
	color: #01a2cd !important;
}
.sectionBtAccueil.dia.ui-menu .ui-state-active .ui-icon, .sectionBtAccueil.dia .ui-button:active .ui-icon{
	background-image: url("/DOMINOWEB2_WEB/Images/jquery-ui-icons-custom-color/ui-icons_01a2cd_256x240.png");
}


.sectionBtAccueil.men.ui-menu .ui-state-active {
	color: #029a49 !important;
}
.sectionBtAccueil.men.ui-menu .ui-state-active .ui-icon, .sectionBtAccueil.men .ui-button:active .ui-icon{
	background-image: url("/DOMINOWEB2_WEB/Images/jquery-ui-icons-custom-color/ui-icons_029a49_256x240.png");
}


.sectionBtAccueil.cog.ui-menu .ui-state-active {
	color: #8f428a !important;
}
.sectionBtAccueil.cog.ui-menu .ui-state-active .ui-icon, .sectionBtAccueil.cog .ui-button:active .ui-icon{
	background-image: url("/DOMINOWEB2_WEB/Images/jquery-ui-icons-custom-color/ui-icons_8f428a_256x240.png");
}


.sectionBtAccueil.jeu.ui-menu .ui-state-active {
	color: #f2b637 !important;
}
.sectionBtAccueil.jeu.ui-menu .ui-state-active .ui-icon, .sectionBtAccueil.jeu .ui-button:active .ui-icon{
	background-image: url("/DOMINOWEB2_WEB/Images/jquery-ui-icons-custom-color/ui-icons_f2b637_256x240.png");
}


.sectionBtAccueil.las.ui-menu .ui-state-active {
	color: #d45321 !important;
}
.sectionBtAccueil.las.ui-menu .ui-state-active .ui-icon, .sectionBtAccueil.las .ui-button:active .ui-icon{
	background-image: url("/DOMINOWEB2_WEB/Images/jquery-ui-icons-custom-color/ui-icons_d45321_256x240.png");
}


.sectionBtAccueil.ui-menu .ui-state-focus, .sectionBtAccueil.ui-menu .ui-state-active {
	border: 0 none !important;
}


.deroulant.ui-menu,
.sousMenu.ui-menu{
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.dropdown-menu{ 
  box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}


.sectionBtAccueil .ui-menu.sousMenu{width: auto !important; min-width: 180px !important; }

.sectionBtAccueil .ui-menu.sousMenu .ui-state-focus {
	border: 0 none !important;
	width: auto;
}

.sectionBtAccueil .ui-menu.sousMenu .ui-menu-divider {
	margin: 2px 0 !important;
}

.sectionBtAccueil .ui-menu.sousMenu span{
	line-height: 26px;
  padding-left: 5px;
  padding-right: 5px;
  font-size:13px;
}
.sectionBtAccueil .ui-menu.sousMenu i ,
.sectionBtAccueil .ui-menu.sousMenu span.fa {
  line-height: 26px;
  font-size: 18px;
  margin-left: 5px;
}
.sectionBtAccueil .ui-menu.sousMenu img {
  height:18px;
  margin-left: 5px;
}

/* .sectionBtAccueil .ui-menu-item-wrapper i ,
.sectionBtAccueil .ui-menu-item-wrapper span.fa,
.sectionBtAccueil .ui-menu-item-wrapper img {
  padding-left: 5px;
} */

.sectionBtAccueil .sousMenu .ui-menu-item-wrapper{padding: 0;}


/*--------------------------------*/

.sectionBtAccueil .boutonAccueil, .boutonFermerDomino, .boutonFermerModule {
    border: 0 none;
	/*padding-left: 15px;*/
	text-align: left;
	height: 36px;
	background-color: #fbfafa;
}
.boutonFermerDomino, .boutonFermerModule{width:210px;}

.sectionBtAccueil .boutonAccueil.ui-menu-divider {
	margin: 0;
    height: inherit;
    font-size: inherit;
    line-height: inherit;
    border-width: inherit;
}

/*.sectionBtAccueil .boutonAccueil div[aria-haspopup="true"] {
	top: -16px;
}*/


.sectionBtAccueil .boutonMenuDom>div { width: 100%; display: flex; width: max-content; padding: 2px 12px 2px 6px; flex:1;}
/* .sectionBtAccueil .boutonMenuDom div[cible] { width: 100%; display: flex; } */

.sectionBtAccueil button.boutonMenuDom>div{padding:0;}

.sectionBtAccueil .boutonMenuDom {
	border: 0 none !important;
	border-bottom: 1px solid #fbfafa !important;
	border-left: 4px solid rgba(0,0,0,0.0) !important;
  height: 44px;
  min-width: 200px;
	text-align: left;
	background-color: #f4f4f4 !important;
  display: flex;
  
}

.sectionBtAccueil .boutonMenuDom div.fixIcon {
	width: 32px;
	height: inherit;
	display: flex;
	align-items: center;
  margin-top: -1px;
  flex: 0;
  flex-basis: 32px;
}

/*.sectionBtAccueil .boutonMenuDom span.buttonText {
	line-height: 40px;
}*/

.sectionBtAccueil .boutonMenuDom:hover, .sectionBtAccueil .boutonMenuDom.ui-state-focus {
	border-left: 4px solid #4078BA !important;
	border-bottom: 1px solid #fbfafa !important;
	color: #4078BA;
	background-color: #f4f4f4 !important;
}

#menu-accueil-deroulant .boutonMenuDom:hover{
	border-left: 4px solid #4078BA !important;
	border-bottom: 1px solid #fbfafa !important;
	color: #4078BA;
	background-color: #f4f4f4 !important;
}

#menuTitre>li.boutonAccueil:first-child {min-width: 210px;}
/* #menuTitre>li.boutonAccueil {min-width: 130px;  flex:1;} */
#menuTitre>li.boutonAccueil>.ui-menu-item-wrapper>span.buttonText{
	margin-left: 12px;
}


.sectionBtAccueil .boutonAccueil:hover { 
	color: #4078BA;
}

.sectionBtAccueil.mik .boutonMenuDom:hover, .sectionBtAccueil.mik .boutonMenuDom.ui-state-focus {
	border-left: 4px solid #f5a623 !important;
	color: #f5a623 !important;
}

.sectionBtAccueil.dia .boutonMenuDom:hover, .sectionBtAccueil.dia .boutonMenuDom.ui-state-focus {
	border-left: 4px solid #00b0de !important;
	color: #00b0de !important;
}

.sectionBtAccueil.men .boutonMenuDom:hover, .sectionBtAccueil.men .boutonMenuDom.ui-state-focus {
	border-left: 4px solid #00a54d !important;
	color: #00a54d !important;
}

.sectionBtAccueil.cog .boutonMenuDom:hover, .sectionBtAccueil.cog .boutonMenuDom.ui-state-focus {
	border-left: 4px solid #9a4d95 !important;
	color: #9a4d95 !important;
}

.sectionBtAccueil.jeu .boutonMenuDom:hover, .sectionBtAccueil.jeu .boutonMenuDom.ui-state-focus {
	border-left: 4px solid #f7c354 !important;
	color: #f7c354 !important;
}

.sectionBtAccueil.las .boutonMenuDom:hover, .sectionBtAccueil.las .boutonMenuDom.ui-state-focus {
	border-left: 4px solid #e1612f !important;
	color: #e1612f !important;
}

.boutonFermerDomino:hover , .boutonFermerModule:hover {
	color: #f33a50;
}


.sectionBtAccueil span.buttonText, .BTmoduleDomino span.buttonText {
  line-height: 40px;
  vertical-align: middle;
  flex-basis: calc(100% - 32px);
  white-space: nowrap;
}

.sectionBtAccueil .boutonAccueil>.ui-menu-item-wrapper span.buttonText {
  margin-right:20px;
}


.boutonMenu {
	text-align: left !important;
	padding-left: 10px !important;
}

.BTmenuDomino span.buttonText {
	padding-left: 5px;
}

.BTmoduleDomino span.icon-next {
	float: right;
    font-size: 14px;
	opacity: 0;
	padding-right: 2px;
	line-height: 34px;
}

.BTmoduleDomino:hover span.icon-next {
	opacity: 1 !important;
}

.BTmoduleDomino.borderUp {
	border-top: 2px solid #efeeee !important;
}


[class^="arrow-right-"]{
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.arrow-right-mik {border-left: 5px solid #f5a623;}

.arrow-right-dia {
  border-left: 5px solid #00b0de;
}

/*.BTlogicielDomino div.puce {*/
div.puceLog {
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 16px;
    height: 16px;
    align-self: center;
    margin-left: 15px;
    margin-right: 15px;
}

.BTlogicielDomino .logIco {
	background-size: cover;
    height: 48px;
    width: 48px;
	display: inline-block;
	margin-left: 16px;
	vertical-align: middle;
	background-repeat: no-repeat;

}
.BTlogicielDomino .logLib {
	display: inline-flex;
	flex: 1;
    flex-direction: column;
	width: 170px;
	align-self: center;
}

.BTlogicielDomino .logTitre {
	font-family: VAGRounded-Black;
	font-size: 19px;
	line-height: 17px;
}

.BTlogicielDomino .logLegende {
	font-family: SourceSansPro-Regular;
	font-size: 11px;
	line-height: 14px;
	color: #939393;
}

.BTlogicielDomino span.icon-next {
	float: right;
    font-size: 20px;
	color: #939393;
	padding-right: 10px;
	line-height: 81px;
}

.BTlogicielDomino.mik .logIco { background-image: url("/DOMINOWEB2_WEB/Images/Accueil/iconMikado.png"); }
.BTlogicielDomino.mik:hover span.icon-next { color: #f5a623; }
.BTlogicielDomino.mik:hover { background-color: rgba(245,166,35,0.1); }

.BTlogicielDomino.men .logIco { background-image: url("/DOMINOWEB2_WEB/Images/Accueil/iconMentalo.png"); }
.BTlogicielDomino.men:hover span.icon-next { color: #00a54d; }
.BTlogicielDomino.men:hover { background-color: rgba(0,165,77,0.1); }

.BTlogicielDomino.dia .logIco { background-image: url("/DOMINOWEB2_WEB/Images/Accueil/iconDiabolo.png"); }
.BTlogicielDomino.dia:hover span.icon-next { color: #00b0de; }
.BTlogicielDomino.dia:hover { background-color: rgba(0,176,222,0.1); }

.BTlogicielDomino.cog .logIco { background-image: url("/DOMINOWEB2_WEB/Images/Accueil/iconCogito.png"); }
.BTlogicielDomino.cog:hover span.icon-next { color: #9a4d95; }
.BTlogicielDomino.cog:hover { background-color: rgba(154,77,149,0.1); }

.BTlogicielDomino.oli .logIco { background-image: url("/DOMINOWEB2_WEB/Images/Accueil/iconOligo.png"); }
.BTlogicielDomino.oli:hover span.icon-next { color: #de5492; }
.BTlogicielDomino.oli:hover { background-color: rgba(222,84,146,0.1); }

.BTlogicielDomino.jeu .logIco { background-image: url("/DOMINOWEB2_WEB/Images/Accueil/iconJeudemo.png"); }
.BTlogicielDomino.jeu:hover span.icon-next { color: #f7c354; }
.BTlogicielDomino.jeu:hover { background-color: rgba(247,195,84,0.1); }

.BTlogicielDomino.las .logIco { background-image: url("/DOMINOWEB2_WEB/Images/Accueil/iconLasido.png"); }
.BTlogicielDomino.las:hover span.icon-next { color: #e1612f; }
.BTlogicielDomino.las:hover { background-color: rgba(225,97,47,0.1); }

.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-72 { font-size: 72px; }
.material-icons.md-96 { font-size: 96px; }
.material-icons.md-128 { font-size: 128px; }

.material-icons.bullet {
	vertical-align: middle;
	font-size: 20px !important;
}

div.badge.mdl-badge:after {
	background: #DA5255;
	top: 0;
	right: 0;
	width: 18px;
	height: 18px;
}

.mdl-switch__label {
	font-weight: 700;
	white-space: nowrap;
}

.mdl-switch.is-upgraded {
	padding-left: 18px !important;
}

.mdl-checkbox__tick-outline { width: inherit !important; }

.mdl-checkbox, .mdl-radio, .mdl-switch {
	line-height: 20px !important;
}

.texte .mdl-checkbox, .texte .mdl-radio {
	line-height: 22px !important;
	font-size: 12px;
}

label.mdl-radio, label.mdl-checkbox {
	margin-right: 10px;
}

span.texteLib.mdl-radio__label, span.texteLib.mdl-switch__label, span.texteLib.mdl-checkbox__label {
	font-size: 12px;
}

.mdl-radio.is-checked:not(.is-disabled) .mdl-radio__outer-circle, 
.mdl-checkbox.is-checked:not(.is-disabled) .mdl-checkbox__box-outline {
	border: 2px solid #366AA7 ; /*!important; => non ne pas mettre important : domino.css doit être cahrgé en dernier afin que ses style surclasse naturelement les autres */
	
}

.mdl-radio__inner-circle, .mdl-checkbox.is-checked:not(.is-disabled) .mdl-checkbox__tick-outline {
	background-color: #366AA7;  /*!important; => non ne pas mettre important : domino.css doit être cahrgé en dernier afin que ses style surclasse naturelement les autres */
}



.mdl-button--fab.mdl-button-32 {
	height: 32px !important;
    min-width: 32px !important;
    width: 32px !important;
}
.mdl-button--fab.mdl-button-25 {
	height: 25px !important;
    min-width: 25px !important;
    width: 25px !important;
}

.mdl-button--fab.mdl-button-32 i.material-icons {
	font-size: 24px !important;
}

.mdl-button--fab.mdl-button-WB {
	height: 100%;
	width: 100%;
	min-width: 0;
}

.mdl-button--fab.mdl-button--nano-fab { height: 20px; min-width: 20px; width: 20px; }
.mdl-button--fab.mdl-button--nano-fab .material-icons { font-size: 16px; }

.mdl-button--icon.mdl-button--nano { height: 20px; min-width: 20px; width: 20px; }
.mdl-button--icon.mdl-button--nano .material-icons { font-size: 16px; }

.mdl-button{outline: none !important;}

.mdl-tooltip {
  will-change: inherit !important;
	max-width: unset;
	font-family: SourceSansPro-Regular !important;
	font-size: 14px !important;
}

.mdl-radio__inner-circle {
	top: 7px !important;
}

.mdl-radio__outer-circle {
	top: 3px !important;
}

.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item { font-size: 14px !important; } 
.mdl-menu__item { height: 38px !important; line-height: 38px !important; }

.ui-widget .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 12px; }

label { margin-bottom: 0; }

.fg-toolbar.ui-toolbar.ui-widget-header:not(.titreDataTable) {
	border: 1px solid #c8c8c8 !important;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between; 
	margin-top:-1px;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog {
	padding: 0 !important;
	border: 0 !important;
	box-shadow: 1px 1px 3px 0px #9b9b9b;
	max-width: calc(100vw - 54px) !important;
	max-height: 100vh !important;
}

.ui-dialog .ui-dialog-titlebar {
	border: 0 !important;
	padding: 4px 8px !important;
}

.ui-dialog-titlebar.ui-widget-header {
	background: #4078ba !important;
	color: #FFF;
	font-size: 15px;
}

.ui-dialog .ui-dialog-title {
	display: flex;
	line-height: 24px;
}

.ui-dialog-titlebar.ui-widget-header .ui-button{
  transform: scale(1.2);
}

.ui-dialog-titlebar.ui-widget-header .ui-button:active{
  border: 1px solid #959595;
  background: #fafafa;
  font-weight: normal;
  color: #353535;
  box-shadow: 0 0 0 0.2rem rgba(222,222,222,.5);
}


.ui-dialog .ui-dialog-title .material-icons {
	line-height: 24px !important;
	padding-right: 5px;
}

.ui-dialog .ui-dialog-title .fa, .ui-dialog .ui-dialog-title .far, .ui-dialog .ui-dialog-title .fas {
	line-height: 24px !important;
	font-size: 24px;
	padding-right: 6px;
}

.ui-dialog [name="DIALOG_DW"] {
	padding: 1px !important;
	overflow: hidden !important;
}

.ui-accordion .ui-accordion-header {
    padding: 0 !important;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 none !important;
}

.ui-accordion h3 {
	line-height: 28px !important;
}

ul.ui-tabs-nav { padding: 0 !important; }

ul.ui-tabs-nav li.ui-tabs-tab {
	font-size: 13px;
	border-radius: 0;
	margin-right: 0px;
}

ul.ui-tabs-nav li.ui-tabs-tab:not(:last-child) {
	border-right-width: 0px;
}

.titreListe {
	border-bottom: 1px solid #dadada;
	height: 35px;
	padding-left: 10px;
}


button.BTStd span.buttonText, button.BTValider span.buttonText, button.BTFermer span.buttonText, button.BTAutre span.buttonText, button.BTVert span.buttonText, button.BTBleu span.buttonText, button.BTRouge span.buttonText {
	font-family: SourceSansPro-Regular;
	font-size: 13px;
	vertical-align: middle;
	padding-left: 3px;
}


button.BTStd span[class^="icon-"], button.BTValider span[class^="icon-"], button.BTFermer span[class^="icon-"], button.BTAutre span[class^="icon-"] { font-size: 20px; }

button.BTStd span[class^="icon-"] { vertical-align: text-top; }

button.BTStd i.fa, button.BTValider i.fa, button.BTFermer i.fa, button.BTAutre i.fa {
	font-size: 1.33333333em;
	vertical-align: middle;
}

.btn {
	min-height: 26px;
	padding: 1px 6px;
}

.btn:not(button) {
	padding: 0;
}

button.btn i {
	/*padding-right: 5px !important;*/
}

.btn-primary {
	background-color: #5f94cd;
	border-color: #4885c6;
}

.btn-success {
	background-color: #6ebf6d;
	border-color: #59b658;
}

.btn-danger {
	background-color: #da5255;
	border-color: #d5393c;
}

.bt-dt-filtre-premier{
	margin-left:60px;
}
.bt-dt-filtre{
    background: none !important;
    border:1px solid #CCC !important;
    text-align: center !important;
    padding : 0px 1px 0px 5px !important;
    height:32px;
    max-height: 32px;
    min-width:32px;
}

.bt-dt-filtre:hover{
	background:#f4f4f4 !important;
}
.sans-bordure{
    background: none !important;
    border:none !important;
}
.sans-bordure:hover{
    background: none !important;
}
.separateur{
    width:1px !important;
    min-width:1px !important;
    border-right:1px solid #D8D8D8 !important;
    margin-left:-5px;
/*    height:35px !important;*/
    border-radius: 0px; 
}

/*Rendre compatible les icones Font Awesome avec les boutons jQuery*/
.ui-icon[class*=" fa-"] {
    background: none repeat scroll 0 0 transparent !important;
    text-indent: 0;
	font-size: 16px;
	width: 100%;
	height: initial;
}

.ui-button-icon-only .ui-icon[class*=" fa-"] {
    margin-left: -50%;
	margin-top: -0.5em;
}

.ui-icon.fa-large {
    margin-top: -0.75em;
}
/*Rendre compatible les icodomino avec les boutons jQuery*/
.ui-icon[class*=" icodomino-"] {
    background: none repeat scroll 0 0 transparent !important;
    text-indent: 0;
	font-size: 32px;
	width: 100%;
	height: initial;
}

.ui-button-icon-only .ui-icon[class*=" icodomino-"] {
    margin-left: -50%;
	margin-top: -0.5em;
}


/*----------- Bootstrap -----------*/
.btn-default{
  background-color: #fff;
  border-color: #ccc;
  /*line-height: 1.1;*/
}

button:focus { /* on surclasse ces lignes (en commentaire) du bootstrap reboot car sous chrome (>=83) cela fait un gros outline noir dès qu'on clique sur un bouton*/
  /* outline: 1px dotted;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 5px;
  outline: 5px auto -webkit-focus-ring-color; */
  outline: none;
}

.input-group label:not(:first-child) .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group label:not(:last-child) .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.bs-actionsbox .btn-group button { width: 55%; }

.cell-bootstrap-select {
	margin: 0 3px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}


div.dropdown.bootstrap-select .btn, div.dropdown.bootstrap-select .dropdown-menu {
  font-family: "Source Sans Pro","Helvetica","Arial",sans-serif;
  outline: unset !important;
  font-size: 12px !important;
}
div.dropdown.bootstrap-select .btn-light, div.dropdown.bootstrap-select .dropdown-menu.btn-light {
  color: #4e4e4e;
}


div.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
	top: 25%
}

div.dropdown.bootstrap-select .dropdown-menu > li > a {
	padding: 3px 6px;
}

div.bootstrap-select .dropdown-menu li {
    line-height: 20px;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #366aa7;
  color: #FFF !important;
}

div.bootstrap-select span.optionSelect {
	padding-left: 6px;
	vertical-align: middle;
}

div.bootstrap-select .filter-option-inner-inner {
	line-height: 20px;
}


.bootstrap-select .dropdown-menu>.selected>a, .bootstrap-select .dropdown-menu>.selected>a:hover, .bootstrap-select .dropdown-menu>.selected>a:focus {
	color: #fff !important;
	text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

div.bootstrap-select .dropdown-menu li.disabled { opacity: 0.6; }

div.bootstrap-select .dropdown-menu.show{
  /* box-shadow: 0px 0px 15px 1px #AAA; */
  box-shadow: 0px 0px 12px 0px #BBB;
}

div.bootstrap-select .popover-header{
	font-size:1.1rem; 
	font-weight:bold;
	background-color:  #ebebeb;
	border-bottom:1px solid #AAA;
}

div.bootstrap-select .popover-header button.close{outline:none;}


/* car bootstrap-select utilise désormais un btn-light (auparavant c'était un btn-default) */
.btn-light {
  background-color: #fff;
  border-color: #ccc;
  /*line-height: 1.1;*/
}
.btn-light:not(:disabled):not(.disabled):hover
{ 
  color: #212529;
  background-color: #FBFBFB;
  border-color: #B5B5B5;
}

.btn-light:not(:disabled):not(.disabled):focus, 
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle
{  
  color: #212529;
  background-color: #FFF;
  outline: 0;
}

.btn-light:not(:disabled):not(.disabled):not(.is-invalid):focus, 
.btn-light:not(:disabled):not(.disabled):not(.is-invalid).active,
.btn-light:not(:disabled):not(.disabled):not(.is-invalid):active,
.show>.btn-light.dropdown-toggle:not(.is-invalid)
{  
  border-color: rgba(82,168,236,0.8);
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-light.is-invalid:not(:disabled):not(.disabled):focus, 
.btn-light.is-invalid:not(:disabled):not(.disabled).active,
.btn-light.is-invalid:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle.is-invalid
{  

  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}



button.btn:disabled>*,
button.btn.disabled>*,
button.btn.ui-state-disabled>*,
.boutonMenuDom:disabled,
.boutonMenuDom.disabled,
.boutonMenuDom.ui-state-disabled {
  opacity: 0.85;
  color: rgba(0,0,0,.40) !important;
  cursor: default !important;
}

.boutonMenuDom:disabled{}

button.wblien:disabled>*,
button.wblien.disabled>*,
button.wblien.ui-state-disabled>*,
.ongletWBgrise {
  opacity: 0.5 !important;
  cursor: default !important;
}


/*----------------------------------*/

table.rapport {
	width: 100%;
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}

table.rapport tr {
	vertical-align: middle;
}

table.rapport td i.fa {
	vertical-align: middle;
}

table.rapport td:first-of-type {
	white-space: nowrap;
}

table.rapport td {
	padding: 3px;
    border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

table.rapport td ul {
	font-size: 12px;
	margin: 0;
}

table.rapport td.center {
	text-align: center;
}

table.rapport th {
	text-align: center;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	vertical-align: middle;
	background-color: #eee;
}

table.rapport thead tr {
	height: 24px;
}

table.rapport .ligneImpaire {
	background-color: #eee;
}

table.rapport span {
	vertical-align: middle;
}

/*~~~~~~Font Awesome~~~~~~*/
.fa-16 { font-size: 16px !important; }
.fa-18 { font-size: 18px !important; }
.fa-20 { font-size: 20px !important; }
.fa-22 { font-size: 22px !important; }
.fa-24 { font-size: 24px !important; }
.fa-30 { font-size: 30px !important; }
.fa-32 { font-size: 32px !important; }
.fa-36 { font-size: 36px !important; }
.fa-48 { font-size: 48px !important; }
.fa-72 { font-size: 72px !important; }
.fa-96 { font-size: 96px !important; }
.fa-128 { font-size: 128px !important; }

.fa,.fas,.far { line-height: inherit !important; vertical-align: middle; }
.fa-contour	{ font-size: 18px !important;-webkit-text-stroke: 1px white; }/*icone placée dans des tables webdev ou datatables*/
.fa-red		{ color:#f33a50 !important; }
.fa-green	{ color:#66bb74 !important; }

.fa-ok-dt	{ font-size: 18px !important;}/*color:#66bb74 !important;-webkit-text-stroke: 1px white; }*/
.fa-pasok-dt{ font-size: 20px !important;}/*color:#f33a50 !important;-webkit-text-stroke: 1px white; }*/
.fa-warning-dt{ font-size: 16px !important;}/*color:#f33a50 !important;-webkit-text-stroke: 1px white; }*/

.fa-stack-down { 
	position: absolute;
	right: 20%;
	top: 60%;
	text-align: center;
}

/*^^^^^^Font Awesome^^^^^^*/

.ui-autocomplete-loading {
    background: none;
}


#boutons_filtre_graphique ::-webkit-scrollbar {height:1em;width:1.2em;background:GhostWhite;} 

/* Onglets Webdev Redimensionnement */
.WDOngletH {
	border-top: none;
    border-right: none;
    border-bottom: solid 1px #DDDDDD;
    border-left: solid 1px #DDDDDD;
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
}

.WDOngletV {
	border-top: solid 1px #DDDDDD;
    border-right: solid 1px #DDDDDD;
    border-bottom: none;
    border-left: none;
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
}

/* Ace Editor */
div.ace_print-margin { visibility: hidden !important; }

.treeview, .treeview ul { line-height: 16px; }
.treeview ul { margin-top: 0 !important; }
.treeview li { white-space: nowrap; }
.treeview li span { font-size: 11px;  }
.treeview div.parent { margin-top: 4px; }
.treeview div.child { margin-top: -4px; }
.treeview i { padding: 2px; }

/* progress bar */

div.gfi {
	position: absolute;
	border-radius: 2px;
	width: 100%;
	height: 100%;
}

.modal-backdrop { /*overload bootstrap z-index (default : 1040)*/
  z-index: 140 !important;
}
div.wait.support {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 141;
	position: absolute;
}

div.wait.box {
	display: flex;
	flex-direction: column;
	border-radius: 3px;
	background-color: #FFF; 
	box-shadow: 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12), 0 5px 5px -3px rgba(0,0,0,.2);
}

div.wait.box .txt {
	margin: 10px;
	font-family: Source Sans Pro;
    font-size: 16px;
    font-weight: 600;
}

div.wait.box .mdl-progress {
	margin: 15px;
}

div.wait.box #progressbarDom2.mdl-progress > .progressbar {
	background-color: var(--abel-color-rouge);
}

div.wait.box #progressbarDom2.mdl-progress > .bufferbar {
	background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,var(--abel-color-rouge) ,var(--abel-color-rouge));
}

.icone-white-outline  {
	text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
}


.icone-barre::after,.icone-barre-rouge::after{
  opacity: 0.7;
  content: "\f715";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  position: absolute;
  margin-left: -26px;
  font-size: 0.95em;
  margin-top: 2px;
  text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
}
.icone-barre-rouge::after{
  color: var(--red);
}

.dropdown-menu .icone-barre::after,.icone-barre-rouge::after{
  margin-left: 0;
}

.ico-dt {
	text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
}

/*  Pour uniformiser tous les overlay  */
iron-overlay-backdrop[opened]{
  background-color: var(--overlay-background-color) !important;
	opacity: var(--overlay-opacity) !important;
}
.ui-widget-overlay{
  background-color: var(--overlay-background-color) !important;
	opacity: var(--overlay-opacity) !important;
}
div.gfi {
	background-color: var(--overlay-background-color) !important;
	opacity: var(--overlay-opacity) !important;
}


/* Thin scrollbar */
.thin-scrollbar ::-webkit-scrollbar { width: 5px; height: 5px; }
.thin-scrollbar ::-webkit-scrollbar-track { border-radius: 10px; box-shadow: inset 0 0 5px grey; }
.thin-scrollbar ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(0, 0, 0, 0.6); }
.thin-scrollbar ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.815); }



/* Fix the dialog element height in order to help table resize   */
.resizable-dialog .ui-dialog-titlebar { height:35px;}
.resizable-dialog .dialog-titlebar-expand{
  position: absolute !important;
  right: 3.3em !important;
  top: 50% !important;
  width: 20px !important;
  margin: -10px 0 0 0 !important;
  padding: 1px !important;
  height: 20px !important;

}

/* Resize effect */
.resize-dialog-effect{
  transition-property:width, height, top, left, opacity;
  transition-duration: .2s;
  transition-timing-function: ease;
}



/* .iframe-dialog-container {min-width: 200px; min-height: 100px;} */
/* Les dimensions de .iframe-dialog-container seront definies dans jquery.iFrameInit.js */


.iframe-dialog{
  width: 100% !important;
  height: calc(100% - 35px)!important;
  min-width: 200px;
  min-height: 100px;
  max-width: calc(100vw - 2px);
  max-height: calc(100vh - 37px);
}

.iframe-dialog iframe{
  width: 100%;
  height: 100%; /* Defult values, but will be overridden by jquery.iFrameInit.js */
  max-width: calc(100vw - 74px);
  overflow-y: scroll;
  max-height: calc(100vh - 37px);
} 
/* .iframe-dialog iframe{min-width: 200px; min-height: 100px;} */

.iframe-dialog-container.loading .iframe-dialog iframe{
  opacity: 0;
  /* position: fixed; */
  /* position: absolute; */
}

.iframe-dialog-container .iframe-dialog .iframe-loader-msg{
  position: absolute; 
  transition: opacity .2s ease ;
  width: 100% !important;
  height: 100% !important;

}

.iframe-dialog-container .iframe-dialog:not(.hidden-content) .iframe-loader-msg{
  display: none;  
}

.iframe-dialog-container .hidden-content .iframe-loader-msg{
  position: absolute; 
  display: flex;
  opacity: 0;
  background-color: white;
  width: 100% ;
  height: 100%;
  min-width: 200px;
  min-height: 100px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  margin: -1px;
}

.iframe-dialog-container.loading .iframe-loader-msg{
  opacity: 1;
}

/* tinyMce customization */
/* #tinymce, */
.mce-content-body{
	margin:5px;
}
 
/* Reuire la taille du bouton/dropdown "Font Family"  */
.tox-editor-container button[data-mce-name="fontfamily"].tox-tbtn.tox-tbtn--select{
	width: 120px !important;
	font-size: .9rem;
}
/* Reuire la taille du bouton/dropdown "Font Size"  */
.tox-editor-container button[data-mce-name="fontsize"].tox-tbtn.tox-tbtn--select{
	width: 80px !important;
}
/* Reduire un peu l'espace entre les différents zone d'outils */
.tox-editor-container div[role="toolbar"].tox-toolbar__group{
	padding: 0 3px 0 8px !important;
}