html {
    overflow-y: scroll;
}

@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: local('Signika-Semibold'), url('../font/signika-semibold.woff') format('woff');
}
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: url('../font/signika.woff') format('woff');
}
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: url('../font/signika-light.woff') format('woff');
}
@font-face {
  font-family: 'bop_icone';
  src:   url('../font/bop_icone-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

/********** A GARDER EN L'ETAT ************/
*  {margin:0; padding:0;}
html  {font-size: 100%;}
ul {margin-bottom:10px;}
li {margin-left: 25px;}
a img {border:0;}
strong{font-weight:600;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}
.bold {font-weight:600;}
.tuile textarea.smartty {
	background-color:#E0E0E0;
	color:#003080;
	font:12px 'Lucida console';
}
input[name=itemCountPerPage] {
	cursor:pointer;
}

.tableau td.cac {
 font:20px/15px bop_icone;
 width:15px;
 color:#808080;
}
.tableau td.cac.cocher {
 color:#008000;
}
.tableau td.flagControl {
 font:18px/15px bop_icone;
 width:15px;
 color:#C0C0C0;
}
.tableau td.flagControl.wait {
 color:#0066A0;
}
.tableau td.flagControl.verified {
 color:#00A000;
}

.tableau th .icone {
 border-radius:3px;
 padding:3px;
 color:#FFF;
 width:13px;
 margin-left:-3px;
 cursor:pointer;
}


.smartyScript { font:14px "courier new"}
body  {font-family:'Signika'; font-weight:300; font-size:0.9rem; line-height:1.4;}
body .tuile,
body #listeMission  {font-size:11px; font-weight:normal; color:#333;}
#body {
 background-color:#E0E0E0;
 /*padding:40px 0px 40px;
 background-attachement:fixed;
 background-image: url(../../images/logo.png);
 background-attachment:fixed;
 background-position:98% 94%;
 background-repeat: no-repeat; */
 min-height:90%;
}
#body.clignotant.modeServeurSlave {
    background-color:#FFE0E0;
}

.modeServeurSlave { font-size:20px;}
#body.clignotant #footer .modeServeurSlave { color:#FFA0A0;}


#body .ui-dialog {z-index:10000;}

a {text-decoration:none; outline:none; color:#333}
a:hover {text-decoration:underline;}
hr {margin-top:1rem; margin-bottom:1rem; padding: 0; border:0; border-top: 1px solid rgba(0,0,0,.1);}

.waynium {font-family:verdana; margin-left:2px; }
.waynium .way {border:1px solid #000; padding:0 2px;margin-right:3px; }

#conteneur {
    /**z-index:1; on ça pète l'inscription waynium sur le dashbaord**/
    /*position: relative;*/
    padding: 55px 0 2rem;
}

.icone { font:10px bop_icone; -webkit-font-smoothing: antialiased; }
.icone.gravite { font-size:20px; }
th.icone {font-size:14px; }

/*JCOLORPICKER */
.jPicker .Icon {
  display: inline-block;
  height: 24px; /* change this value if using a different sized color picker icon */
  position: relative; /* make this element an absolute positioning container */
  text-align: left; /* make the zero width children position to the left of container */
  width: 25px; /* change this value if using a different sized color picker icon */
}
.jPicker .Icon span.Color, .jPicker .Icon span.Alpha {
  background-position: 2px 2px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker .Icon span.Image {
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker.Container {
  color: #000;
  z-index: 10;
}
table.jPicker {
  background-color: #efefef;
  border: 1px outset #666;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px !important;
  margin: 0px;
  padding: 5px;
  width: 545px;
  z-index: 20;
}
.jPicker .Move {
  background-color: #dddddd;
  border-color: #fff #666 #666 #fff;
  border-style: solid;
  border-width: 1px;
  cursor: move;
  height: 12px;
  padding: 0px;
}
.jPicker .Title {
  font-size: 11px !important;
  font-weight: bold;
  margin: -2px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  text-align: center;
  width: 100%;
}
.jPicker div.Map {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #9a9a9a;
  border-right: 2px solid #fff;
  border-top: 2px solid #9a9a9a;
  cursor: crosshair;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 0px 10px 10px 10px;
  overflow: hidden; /* hide the overdraw of the Color Map icon when at edge of viewing box */
  padding: 0px;
  position: relative; /* make this element an absolute positioning container */
  width: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
}
.jPicker div[class="Map"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker div.Bar {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #9a9a9a;
  border-right: 2px solid #fff;
  border-top: 2px solid #9a9a9a;
  cursor: n-resize;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 12px 10px 0px 5px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  width: 24px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 20px later */
}
.jPicker div[class="Bar"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 20px; /* correct to 20px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3, .jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4, .jPicker .Bar .Map5, .jPicker .Bar .Map6 {
  background-color: transparent;
  background-image: none;
  display: block;
  left: 0px;
  position: absolute;
  top: 0px;
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3 {
  height: 2596px;
  width: 256px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
       would not be drawn if its overflow is set to hidden. */
}
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {
  height: 3896px;
  width: 20px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
      would not be drawn if its overflow is set to hidden. */
}
.jPicker .Bar .Map5, .jPicker .Bar .Map6 {
  height: 256px;
  width: 20px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
      would not be drawn if its overflow is set to hidden. */
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Bar .Map6 {
  background-repeat: no-repeat;
}
.jPicker .Map .Map3, .jPicker .Bar .Map5 {
  background-repeat: repeat;
}
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {
  background-repeat: repeat-x;
}
.jPicker .Map .Arrow {
  display: block;
  position: absolute;
}
.jPicker .Bar .Arrow {
  display: block;
  left: 0px; /* (arrow width / 2) - (element width / 2) - position arrows' center in elements' center */
  position: absolute;
}
.jPicker .Preview {
  font-size: 9px;
  padding: 5px 0px 0px 0px;
  text-align: center;
}
.jPicker .Preview div {
  border: 2px inset #eee;
  height: 62px;
  margin: 0px auto;
  padding: 0px;
  width: 62px;
}
.jPicker .Preview div span {
  border: 1px solid #000;
  display: block;
  height: 30px;
  margin: 0px auto;
  padding: 0px;
  width: 60px;
}
.jPicker .Preview .Active {
  border-bottom-width: 0px;
}
.jPicker .Preview .Current {
  border-top-width: 0px;
  cursor: pointer;
}
.jPicker input {
  font-size: 13px;
}
.jPicker .Button {
  text-align: center;
  padding: 0px 4px;
  width: 115px;
}
.jPicker .Button input {
  padding: 2px 0px;
  width: 100px;
}
.jPicker .Button .Ok {
  margin: 12px 0px 5px 0px;
}
.jPicker td {
  margin: 0px;
  padding: 0px;
}
.jPicker td.Radio {
  margin: 0px;
  padding: 0px;
  width: 31px;
}
.jPicker td.Radio input {
  margin: 0px 5px 0px 0px;
  padding: 0px;
}
.jPicker td.Text {
  font-size: 12px !important;
  height: 22px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: 70px;
}
.jPicker tr.Hex td.Text {
  width: 100px;
}
.jPicker td.Text input {
  background-color: #fff;
  border: 1px inset #aaa;
  height: 19px;
  margin: 0px 0px 0px 5px;
  text-align: left;
  width: 30px;
}
.jPicker td[class="Text"] input {
  height: 15px;
}
.jPicker tr.Hex td.Text input.Hex {
  width: 50px;
}
.jPicker tr.Hex td.Text input.AHex {
  width: 20px;
}
.jPicker .Grid {
  text-align: center;
  width: 114px;
}
.jPicker .Grid span.QuickColor {
  border: 1px inset #aaa;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  margin: 0px;
  padding: 0px;
  width: 19px;
}
.jPicker .Grid span[class="QuickColor"] {
  width: 17px;
}

/****************** CONNEXION BOP ********************/
#body > .pageAttente {
	position:absolute;
	top:0px;
	left:0px;
	background-color:#000;
	color:#fff;
	opacity:0.75;
	font:40px Signika;
	text-align:center;
	padding-top:50px;
	z-index:100000;
	width:100%;
	height:100%;
	position:fixed;
}
#body > .pageAttente .ico{
	font:200px bop_icone;
}
#progress{
 width: 500px;
 margin: auto;
	font:16px Signika;
	position:relative;
	margin-top:100px;
}
#progress .barre{
 display: inline-block;
 -moz-box-sizing: border-box;
   box-sizing: border-box;
 width: 500px;
 height: 50px;
 padding: 3px 3px 2px 3px;
 background: #333;
 background: -webkit-linear-gradient(#2d2d2d,#444);
 background: -moz-linear-gradient(#2d2d2d,#444);
 background:   -o-linear-gradient(#2d2d2d,#444);
 background:   linear-gradient(#2d2d2d,#444);
 border: 1px solid rgba(0,0,0,.5);
   /* border-radius: 15px;*/
 box-shadow: 0 1px 0 rgba(255,255,255,.2);
	font:10px/20px Signika;
	position:relative;
}
#progress .progress{
 display: inline-block;
 -moz-box-sizing: border-box;
   box-sizing: border-box;
 height: 46px;
	background: #2a9ad6; /* Old browsers */
	background: -moz-linear-gradient(top,  #2a9ad6 0%, #02649c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ad6), color-stop(100%,#02649c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2a9ad6 0%,#02649c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2a9ad6 0%,#02649c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2a9ad6 0%,#02649c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2a9ad6 0%,#02649c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ad6', endColorstr='#02649c',GradientType=0 ); /* IE6-9 */
 border: 1px solid rgba(0,0,0,.5);
 /*border-radius: 15px;*/
 box-shadow: 0 1px 0 rgba(255,255,255,.2);
	font:10px/20px Signika;
	position:absolute;
	top:1px;
	left:1px;
	z-index:100001;
}

/****************** TITRE DES BOITES ********************/
.tuile .titre {border-bottom-style: dotted; border-bottom-width: 1px; margin-bottom: 10px;}


.tuile .titre h1 {width:100%; float: left; font:bold 20px/28px Signika; /*text-transform: uppercase;*/ margin:0;}
.tuile .titre .labelTitre {float: left;}
.tuile .titre .zoneElementNavigation {float: right;}

.tuile h2 { font:bold 18px/24px Signika;}

.tuile.t4 .conteneur-form .blocImportant{
    background-color:#FFE0E0;
    padding:15px;
    border:1px solid #b7394a;
    margin-bottom: 10px;
}

.tuile.t4 .conteneur-form .row label{width:206px}

.tuile .titre h1:first-letter {font-size:100%;}

.tuile .titre .nb_par_page {float: right; height: 15px; width: 20px;}
.tuile .titre .nb_par_page input {border:none; border-radius: 2px 2px 2px 2px; position: relative; text-align: center; width: 20px; height: 18px; display:block;font-family:Signika;}

/****************** PAGINATION ********************/
.MoteurNavigation {padding:5px 0; text-align:center; height:21px;}
.MoteurNavigation span.MoteurNavigationNbResultat {font: bold 12px Signika; text-decoration: none;}
.MoteurNavigation .MoteurNavigationPageActuelle {border-radius: 4px; font-weight: bold; padding: 3px;}
.MoteurNavigation a {border-radius: 4px; padding: 3px;}




.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{float:left; margin-right:5px;}
.row_chk label{margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block; margin-bottom:2px;}
.row_are label .drapeaulabel {margin-left:5px; width:16px; height:11px;}

.row_rad {clear:both; margin-bottom:10px; padding-bottom:2px;}
.row_rad .label{margin-bottom:5px; padding-bottom:2px; border-bottom-style:dashed; border-bottom-width:1px;}
.row_rad .rad {float:left; margin-right:5px; margin-bottom:3px;}
.row_rad .rad input{float:left; margin-right:5px;}
.row_rad .rad label{margin:0; padding:0; cursor:pointer;}
.row_rad .rad_lien{display:inline-block; margin-left:5px;}
.row_rad .optGroupe  .titreGroupe{
 clear:both;
 font:bold 12px Signika;
 padding:10px 0 0px 18px;
 margin-bottom:5px;
}
.row_bt {display:inline-block; width:auto; margin-bottom:5px;}
.row_bt input{border:0; margin:5px; padding:3px 0; cursor:pointer;}
.row_bt input {
 padding: .5rem .75rem;
 border: 1px solid transparent;
}
.row_captcha input{margin-left:150px;}

form .description {font-style:italic; margin-bottom:0; clear:both;}

.errors {list-style-type:none; margin-bottom:0;}
.errors li {color:#ff0000; margin:0;}
.errors li:before {content:'+ ';}

.separateur {float:left; padding:0 2px; line-height:20px;}
.separateur + select {float:left;}


.MegaSelectInfobulle  {float:left; position:relative;display:inline;z-index:100}
.MegaSelectInfobulle .zoneAffichable {position:absolute; top:25px; display:none; box-shadow: 1px 1px 5px #555; border:1px solid #fff; padding:5px;  }
.MegaSelectInfobulle ul { list-style-type:none; margin-left:0px;}
.MegaSelectInfobulle li { margin-left:0px;border-bottom:1px dotted #808080}
.MegaSelectInfobulle li.selected {color:#fff; background-color:#808080}
.MegaSelectInfobulle .surligne {color:#000; background-color:#ffff00}

/* taille */
#zoneCentrale .row label{width:240px;}
#zoneCentrale .row input{width:243px;}
#zoneCentrale .row select {width:245px;}
#zoneCentrale .row_are textarea{width:498px;}
#zoneCentrale .row_rad  {width:500px;}
#zoneCentrale .row_rad .rad{width:240px;}
#zoneCentrale .conteneur-fieldset  {width:500px;}
#zoneCentrale .row_bt input{width:210px;}

#zoneCentrale .description,
#zoneCentrale .errors {margin-left:245px;}



/****** LES COULEURS *****************************/
.description {
 color:#333;
}
.tuile table.contenu.saisieMultiple tr td.active {
	background-color:#80FF80;
}

.fmultiple_sauver     { float:left; width:30px;}
.fmultiple_supprimer  { float:right; width:30px;}
.fmultiple_sauver  a    { font-size:21px; color:#008000; text-decoration:none}
.fmultiple_supprimer a  { font-size:21px; color:#800000; text-decoration:none}


/* ********************* **************** ********************* */
/* ********************* BOITES DE DIALOG ********************* */
/* ********************* **************** ********************* */
.ui-dialog .row label {width:100px}
.ui-dialog .row input {width:290px}
.ui-dialog .form-group.row {width:100%;}
.ui-dialog .form-group.row label {width:30%;}
.ui-dialog .form-group.row input {width:66%;font-size:14px; border-radius: 3px;padding: 5px;height: 30px;}
.ui-dialog .form-group.row select {width:66%;font-size:14px; border-radius: 3px;padding: 5px;height: 30px;}
.ui-dialog .ui-dialog-buttonpane {padding:.3em .1em !important;}
.ui-dialog .ui-widget-header {border:none!important;}

.ui-dialog.dialog-standard {border-radius:5px!important; background:#fff!important; border:1px solid #e0e0e0!important;}
.ui-widget-content.dialog-standard,
/*.dialog-standard .ui-widget-header {background:#fff!important; color:#000!important; }
.dialog-standard .ui-widget-header .ui-dialog-title{font-size:18px;}
.dialog-standard .ui-widget-content{background:#fff!important;color:#000!important; font-size:14px;}
.dialog-standard .ui-dialog-buttonpane{border-top-color:#e0e0e0!important; margin-top:0!important;}
.dialog-standard .ui-dialog-buttonset .ui-button{border-radius:5px!important;color:#fff!important;}
.dialog-standard .ui-dialog-buttonset .ui-button:first-child:hover{}
.dialog-standard .ui-dialog-buttonset .ui-button:last-child{background:#fff!important;}
.dialog-standard .ui-dialog-buttonset .ui-button:last-child:hover{color:#fff!important;}
.dialog-standard .font-size-lg{font-size:18px;}*/
.ui-dialog {border:0 !important; border-radius:3px !important;box-shadow:0 2px 4px rgba(0,0,0,0.18); color:#262d40;}
.ui-dialog .ui-dialog-titlebar{font-size: 1.2rem; font-weight: 600; color:#3879b1!important; padding:.5rem .75rem !important;}
.ui-dialog h2 {font-size: 1.2rem; font-weight: 600; margin-bottom:1rem; color:#3879b1;}
.ui-dialog p {margin-bottom:.75rem;}
.ui-dialog.ui-widget-content a {color:#3879b1;}

.ui-widget-header {background:#fff!important; color:#000!important; }
.ui-widget-header .ui-dialog-title{font-size:18px;}
.ui-widget-content{background:#fff!important;color:#000!important; font-size:14px;}
.ui-dialog-buttonpane{border-top-color:#e0e0e0!important; margin-top:0!important;}
.ui-dialog-buttonset .ui-button{border-radius:5px!important;color:#fff!important;}
.ui-dialog-buttonset .ui-button:first-child:hover{}
.ui-dialog-buttonset .ui-button:last-child{background:#fff!important;}
.ui-dialog-buttonset .ui-button:last-child:hover{color:#fff!important;}
.ui-dialog .font-size-lg{font-size:18px;}

.dialog-warning .ui-widget-header {color:#ef8808!important;}
.dialog-warning .ui-dialog-buttonset .ui-button:first-child{background:#ef8808!important; border:1px solid #ef8808!important;}
.dialog-warning .ui-dialog-buttonset .ui-button:first-child:hover{background:#d07300!important;}
.dialog-warning .ui-dialog-buttonset .ui-button:last-child{border:1px solid #ef8808!important; color:#ef8808!important;}
.dialog-warning .ui-dialog-buttonset .ui-button:last-child:hover{background:#ef8808!important;}

/* *********** BOITE UI AUTOCOMPLETE *********** */ /* Attention le même code existe aussi sur general-bootstrap.css */
.ui-widget.ui-widget-content.ui-autocomplete {
    background: #fff !important;
    font-size: .8rem;
    padding: 0;
    margin: 7px 0 0 0 !important;
    border: 1px solid rgb(175, 175, 175) !important;
    border-radius: 3px;
    z-index:100000;
}

.ui-menu .ui-menu-item {display:flex!important; background-color:#FFF; padding:3px; color:#000; overflow:hidden; border-bottom:1px solid #E0E0E0; cursor:pointer;}
.ui-menu .ui-menu-item:hover {border-color:#6094c1; background:#6094c1; color:#fff;}
.ui-menu .ui-menu-item:hover .ui-state-active {background:none; border:0; color:#fff;}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{border:0;}

.ui-helper-hidden-accessible {display:none}

/* *********** BOITE UI DIALOGUE *********** */
.ui-dialog-buttonset {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center !important; justify-content: center !important;}
.ui-dialog-buttonset button{display: inline-block; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; padding: 0.5rem 0.75rem; font-size: .9rem; line-height: 1.25; border-radius: 0.25rem; transition: all 0.15s ease-in-out; cursor:pointer;}

.ui-dialog-buttonset button:first-child {color: #fff; background-color: #3879b1; border-color: #3879b1;}
.ui-dialog-buttonset button:first-child:hover {background-color: #15558d;  background-image: none;  border-color: #15558d;}
.ui-dialog-buttonset button:last-child{color: #3879b1; background-color: #fff; border-color: #3879b1;}
.ui-dialog-buttonset button:last-child:hover {color: #fff; background-color: #3879b1;}
.ui-widget .ui-dialog-titlebar-close {color: #3879b1; background-color: #fff; border-radius:0.25em; border:1px #3879b1 solid; display: inline-block; font: normal normal normal 14px/1 FontAwesome;}
.ui-widget .ui-dialog-titlebar-close:hover {color: #2b2b77; background-color: transparent; border-color: #2b2b77;}
.ui-dialog-titlebar-close:after {content: "\f00d";}

.dialog-warning .ui-dialog-buttonset button:first-child {color: #fff; background-color: #de8500; border-color: #ca7900;}
.dialog-warning .ui-dialog-buttonset button:first-child:hover {background-color: #ca7900;  background-image: none;  border-color: #ca7900;}
.dialog-warning .ui-dialog-buttonset button:last-child{color: #de8500; background-color: #fff; border-color: #de8500;}
.dialog-warning .ui-dialog-buttonset button:last-child:hover {color: #fff; background-color: #de8500;}
.dialog-warning.ui-widget .ui-dialog-titlebar-close {color: #de8500; border-color:#de8500;}

.dialog-danger .ui-dialog-buttonset button:first-child {color: #fff; background-color: #A00000; border-color: #A00000;}
.dialog-danger .ui-dialog-buttonset button:first-child:hover {background-color: #A00000;  background-image: none;  border-color: #A00000;}

.ui-dialog .form-group label {float:left; width:48%; text-align: right; padding-right:2%; }
.ui-dialog .form-group .material-switch > label {float:none;}
.ui-dialog .form-group select.form-control,
.ui-dialog .form-group input.form-control {float:left; width:50%}

/* *********** BOITE UI DATEPICKER *********** */

.ui-datepicker {
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.18);
    /* z-index: 146 !important; */
    z-index: 146; /* z-index: 10001 !important; */
}

.ui-datepicker .ui-datepicker-header {color:#262d40 !important; border:0; background-color:rgba(56,121,177,.2) !important;}
.ui-datepicker .ui-datepicker-header .ui-state-hover {border:0 !important; background:none !important;}
.ui-datepicker .ui-datepicker-header select {border:0 !important;}
.ui-datepicker .ui-datepicker-calendar {font-size:.7rem;}
.ui-datepicker .ui-datepicker-calendar thead th {color:#3879b1;}
.ui-datepicker .ui-datepicker-calendar td {background:none !important;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {color:#262d40; border:0; background:none; text-align:center;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default { background-color:rgba(56,121,177,.1);}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default.ui-state-hover,
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover {background-color:rgba(56,121,177,.2);}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-default {background-color:#3879b1; color:#fff;}

/***********************************************/
/* ************************* BOUTONS DROITE ************************* */
#CSV_FILE_EXPLICATION {
    padding-bottom: 20px;
    margin-left:185px ;
}
#actionPage {
    position: fixed;
    right: -5px;
    top: 10%;
    max-height: 90%;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-height: thin;
}

#liste_bt_action li,
#liste_bt_retour  li{
 margin-left:0px;
}
/*#liste_bt_action {
 list-style:none;
 background-color: #ad2d30;
 border-radius: 5px;
 padding: 0 4px;
 width: 65px;
 z-index: 2;
}
#liste_bt_action li a {
 color: #FFFFFF;
 display: block;
 padding:10px 0 10px;
 text-align: center;
 border-top: 1px solid #c54649;
 border-bottom: 1px solid #92191b;
 background-position:15px 15px;
 background-repeat: no-repeat;
 width:60px;
}
#liste_bt_action li a .icone{
 line-height:28px;
 background-color: #FFFFFF;
 border-radius: 20px 20px 20px 20px;
 color: #AD2D30;
 font-size: 20px;
 height: 30px;
 line-height: 28px;
 padding: 5px 6px 5px 5px;
 text-align: center;
 width: 30px;
 margin:0 0 10px 10px;
 box-shadow: 1px 1px 1px #000 inset;
}*/


#liste_bt_retour {list-style:none; background-color: #333333; border-radius: 5px; padding: 0 4px; width: 65px; z-index: 2;}
#liste_bt_retour li a {color: #FFFFFF; display: block; padding:50px 0 12px; text-align: center; border-top: 1px solid #626262; border-bottom: 1px solid #000; background-position:15px 15px; background-repeat: no-repeat;}
#liste_bt_retour #liEnregistrer a {background-image: url(../../bop2/images/icone/save.png); border-top:0;}
#liste_bt_retour #liRetour a {background-image: url(../../bop2/images/icone/saveBack.png); border-bottom:0;}
#liste_bt_retour #liAnnuler a {background-image: url(../../bop2/images/icone/cancel.png);}


/* ********************************************* */
/* ******************* ARBRE ******************* */
/* ********************************************* */
#arbre_header a {float:left}
#arbre_header MoteurNavigation {float:left}

.titre_libelle0 {font:bold 17px tahoma; }
.titre_libelle1 {font:bold 15px tahoma; }
.titre_libelle2 {font:bold 13px tahoma; }
.titre_libelle3 {font:normal 11px tahoma;}
.titre_libelle4 {font:normal 10px tahoma; }
.titre_libelle5 {font:normal 9px tahoma; }
.titre_libelle6 {font:italic 8px tahoma; }
.niveau0 {position:relative}
.niveau1 {position:relative}
.niveau2 {position:relative}
.niveau3 {position:relative}
.niveau4 {position:relative}
.actionneur_arbre {position:absolute;left:-20px;top:2px;}


table.arbre td {width:120px;}
#rubrique_arbre {font:normal 11px tahoma}
ul#rubrique_arbre{border:0px}

ul#rubrique_arbre > .niveau0 > .actionneur_arbre{left:-10px;}
ul#rubrique_arbre > .niveau0 > .actionneur_arbre > img{width:16px;}
ul#rubrique_arbre > .niveau0 > h2{font-size:14px; margin:0 0 5px 10px;}

#rubrique_arbre ul{ border-left:5px solid #4d5867; margin:0 0 0 10px}
#rubrique_arbre ul ul {border-left:4px solid #4d5867; margin:0 0 0 11px}
#rubrique_arbre ul ul ul {border-left:3px solid #4d5867; margin:0 0 0 12px}
#rubrique_arbre ul ul ul ul{border-left:2px solid #4d5867; margin:0 0 0 13px}
#rubrique_arbre ul ul ul ul ul{border-left:1px solid #4d5867; margin:0 0 0 14px}


#rubrique_arbre li:hover{backgound-color:#80FF80}

#rubrique_arbre li{margin-left:10px;
       list-style-position:outside;
       list-style-type:none;
      }

#rubrique_arbre a.active{background:none;float:none}
#rubrique_arbre .tableau td{border-right:1px solid #ccc;}
#rubrique_arbre .tableau .ouvrir{width:20px;}
#rubrique_arbre .tableau .Champ_Ids{width:20px;}
#rubrique_arbre .tableau .Champ_Id{width:20px;}
#rubrique_arbre .tableau .Champ_Libelle{width:auto;}
#rubrique_arbre .tableau .actions ul {border-left:0px}
#rubrique_arbre .tableau .actions li {margin-left:0px}
#rubrique_arbre .tableau .Champ_Tri {width:28px !important;}
#rubrique_arbre .tableau .Champ_Tri input{width:25px !important;}
#rubrique_arbre .tableau .Champ_Etat {width:25px;}

.btLegende {float:right;font-size:11px; line-height:16px; padding-left:20px; display:inline-block; margin-left:10px;}
.deplier {background:url(../../bop2/images/icone/plus.png) 0 0 no-repeat;}
.replier {background:url(../../bop2/images/icone/moins.png) 0 0 no-repeat;}
.zoneAffichable {display:none}


/*****************************************************************************/
/**************************** LES TABLEAUX ****************************/
/*****************************************************************************/
.itemCountPerPageForm ul{list-style-type:none; position:relative; z-index:10005; border-radius:2px;}
.itemCountPerPageForm ul li{margin:0; text-align:center; cursor:pointer;}
.itemCountPerPageForm ul li:hover{background-color:#333;}

.tableau {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%;
}

.tableau th {font-weight:normal; /* height:22px;*/ padding:4px 2px; vertical-align:bottom; text-align:center;}
.tableau td {padding:4px 2px;word-break:break-word;max-width:2000px;}

.tableau td > .form-group.row {
    margin: 0;
    float: none;
}

.tableau td > .form-group.row > .form-control {
    margin: 0 auto;
}

.tableau .ouvrir,
.tableau .ouvrir:hover {
    /*background: url("../images/icone/dossier_fermer.png") no-repeat 2px 6px;*/
    background: url("../images/icone/dossier_fermer.png") no-repeat center center;
}

.tableau .fermer,
.tableau .fermer:hover {
    /*background: url("../images/icone/dossier_ouvert.png") no-repeat 2px 6px;*/
    background: url("../images/icone/dossier_ouvert.png") no-repeat center center;
}

.tableau .ouvrir,
.tableau .fermer {
    width: 19px;
    cursor: pointer;
}

.tableau .Champ_Ids {
    width: 13px;
    text-align: center;
}

.tableau .Champ_Ids input{
    /*margin-top:1px;*/
    margin-top: 3px;
}

.tableau .Champ_Id {
    width: 30px;
    /*text-align: right;*/
    text-align: center;
}

.tableau .Champ_Montant{width:65px;text-align:right;}

.tableau .row {width:auto!important;}
.tableau .ligne .Champ_Libelle {padding:0;}
.tableau .ligne .Champ_Libelle a {display:block; padding:10px 2px;}
.tableau .ligne .Champ_Libelle a:hover {text-decoration:none}

.tableau .ligne .Champ_Texte .row input {width:100px;}
.tableau .ligne .Champ_Texte .row select {width:130px;}
.tableau .ligne .Champ_Fichier .uploadFichierContenu  {width:200px;}
.tableau .ligne .Champ_Fichier .uploadFichierContenu  .uploadFichierNom {width:140px; overflow:hidden; height:20px;display:inline-block;}

.tableau .ligne .Champ_Montant .row  {width:67px;}
.tableau .ligne .Champ_Montant .row input,
.tableau .ligne .Champ_Montant .row select {width:65px;text-align:right;}

.tableau .ligne .Champ_Liaison .row select,
.tableau .ligne .Champ_Telephone .row input {width:100px;}

/*.tableau .ligne .Champ_Tri .row  {width:22px;text-align:right;}*/
.tableau .ligne .Champ_Tri .row {
    float: none;
}

/*.tableau .ligne .Champ_Tri .row input {width:20px;text-align:right;}*/
.tableau .ligne .Champ_Tri .row input {
    width: 32px;
    margin: auto;
    text-align: center;
}

.tableau .ligne .Champ_Pourcentage .row input {width:40px;text-align:right;}

.tableau .ligne .Champ_Url .row input {width:200px;}

.tableau .ligne td.Champ_Quantite  {width:50px;text-align:right;}
.tableau .ligne .Champ_Quantite .row input {width:50px;text-align:right;}

.tableau .ligne .Champ_Icone {font:18px bop_icone; width:30px; text-align:center;}

.tableau .ligne .Champ_Flag {
    width: 60px;
    text-align: center;
    /*padding-bottom:2px;*/
}

.tableau .ligne .Champ_Etat {
    text-align: center;
}

.tableau .ligne .Champ_Flag img{display:block; margin:0 auto;/*padding-bottom:2px;*/}
.tableau .ligne .Champ_Flag .editable{cursor:pointer}

.tableau .ligne .Champ_Date,
.tableau .ligne .Champ_Datetime {width:70px;font:italic 10px Signika;text-align:center;}
.tableau .ligne .Champ_Date input {width:61px}
.tableau .ligne .Champ_Pourcentage input {width:45px; text-align:right;}

.tableau .ligne .Champ_Couleur {
    width: 64px;
}

.tableau .ligne .Champ_Couleur .selecteurColorValeurs,
#row_LMI_COULEUR .selecteurColorValeurs {
    margin-left: 21px;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.tableau .ligne .Champ_Couleur .contentSelecteurColorValeurs,
#row_LMI_COULEUR > .selecteurColorValeurs > .contentSelecteurColorValeurs {
    position: absolute;
    z-index: 4;
    left: -104px;
    top: 28px;
    width: 224px;
    padding: 24px;
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, .4);
    box-shadow: 0 8px 16px rgb(0, 0, 0, .4);
    cursor: auto;
}

.selecteurColorValeurs:not(.open) > .jaf-color-picker-overlay,
.selecteurColorValeurs:not(.open) > .contentSelecteurColorValeurs {
    pointer-events: none;
}

.selecteurColorValeurs.open > .jaf-color-picker-overlay {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: auto;
}

.selecteurColorValeurs > .contentSelecteurColorValeurs {
    opacity: 0;
    -webkit-transform: translate3d(0, -16px, 0);
    -moz-transform: translate3d(0, -16px, 0);
    -ms-transform: translate3d(0, -16px, 0);
    transform: translate3d(0, -16px, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, -moz-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    transition: opacity .3s, transform .3s;
}

.selecteurColorValeurs.open > .contentSelecteurColorValeurs {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.jaf-color-picker-item {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    border: 1px solid transparent;
}

.selecteurColorValeurs.open,
.jaf-color-picker-item.selected,
.jaf-color-picker-item:hover,
.jaf-color-picker-item:active,
.badge-circle.selected,
.badge-circle.selected:focus {
    outline: 4px solid #275c8a44;
}

.jaf-color-picker-item:not(:hover):not(:active) > i {
    display: none;
}

.tableau .ligne .Champ_Couleur .contentSelecteurColorValeurs .valeur,
#row_LMI_COULEUR .contentSelecteurColorValeurs .valeur{height: 22px; padding: 4px 18px 4px 0;}

.tableau .ligne .Champ_Couleur .contentSelecteurColorValeurs .valeur .color-rectangle,
#row_LMI_COULEUR .contentSelecteurColorValeurs .valeur .color-rectangle{height: 22px; width: 80%;}

.tableau .ligne .Champ_Couleur .contentSelecteurColorValeurs .valeur .color-icon,
#row_LMI_COULEUR .contentSelecteurColorValeurs .valeur .color-icon{height: 22px; width: 20%; vertical-align: bottom; text-align: center;}

.tableau .ligne .Champ_Couleur .contentSelecteurColorValeurs .valeur .color-icon i,
#row_LMI_COULEUR .contentSelecteurColorValeurs .valeur .color-icon i{display: none; color: #222;}

.tableau .ligne .Champ_Couleur .contentSelecteurColorValeurs .valeur:hover > .color-icon i,
#row_LMI_COULEUR .contentSelecteurColorValeurs .valeur:hover > .color-icon > i{display: inline-block;}

.tableau .triable{cursor:pointer;}
.tableau .croissant:after,
.tableau .decroissant:after{content:''; position:relative; display:inline-block; height:0; width:0; border:4px solid transparent; margin-left:5px;}
.tableau .croissant:after{top:-3px;}
.tableau .decroissant:after{top:4px;}

.tableau .actions {display:none;}

.Bop3_Composant_Action{width:432px;}
.Bop3_Composant_Action ,
.Bop3_Composant_Row {float:left;}
.Bop3_Composant_Action:after,
.Bop3_Composant_Row:after {content:''; display:block; clear:both;}

.MiniFiche {display:table; width:100%;}
.MiniFiche .lbl{text-align:right;}
.MiniFiche .lbl,
.MiniFiche .chp{display:table-cell; padding:5px; vertical-align:middle;}

.MiniFiche .chp .row,
.MiniFiche .chp .row_chk,
.MiniFiche .chp .row_are,
.MiniFiche .chp .row_rad{margin:0;}
.MiniFiche .MF_Champ_Codepostal,
.MiniFiche .MF_Champ_Couleur,
.MiniFiche .MF_Champ_Date,
.MiniFiche .MF_Champ_Datetime,
.MiniFiche .MF_Champ_Email,
.MiniFiche .MF_Champ_Etat,
.MiniFiche .MF_Champ_Fichier,
.MiniFiche .MF_Champ_Flag,
.MiniFiche .MF_Champ_FlagNewsletter,
.MiniFiche .MF_Champ_Id,
.MiniFiche .MF_Champ_Image,
.MiniFiche .MF_Champ_Liaison,
.MiniFiche .MF_Champ_Libelle,
.MiniFiche .MF_Champ_Texte,
.MiniFiche .MF_Champ_Textarea,
.MiniFiche .MF_Champ_Ville,
.MiniFiche .MF_Champ_Montant{margin-bottom:1px;}
.MiniFiche input,
.MiniFiche select,
.MiniFiche textarea{border:0;}

.tableau .chp {border-bottom-width:1px; border-bottom-style:solid ;border-right-width:1px; border-right-style:solid;}
.tableau .MiniFiche{border-top-width:1px; border-top-style:solid;}


/*****************************************************************************/
/**************************** BOITE ACTION ****************************/
/*****************************************************************************/
.factory_action {
    list-style: none;
    margin-bottom: 0;
}

/*.factory_action .bouton {margin:0; width:235px; overflow:hidden; float:left; box-sizing:border-box;}*/
.factory_action .bouton {
    margin: 0;
    width: 100%;
}
#C1 .factory_action .bouton {
    width: 240px !important;
}

/*.factory_action .bouton a {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size :.85rem; font-weight:normal; padding:.35rem .5rem; width:100%;}*/
.factory_action .bouton a {
    display: flex;
    font-size: .85rem;
    font-weight: normal;
    padding: .35rem .5rem;
    width: 100%;
    box-sizing: border-box;
}

.factory_action .bouton a .fa{font-size :1rem; width:25px;}
.factory_action .bouton a .label-action{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding-right:.2rem;}
.factory_action .bouton a:hover {background:#fff; text-decoration:none;}
.factory_action .bouton img{vertical-align:middle; height:16px; float:left;}
.factory_action .bouton .t{float:left; margin-left:5px; padding:0 2px; width:190px; line-height:16px;}

/*****************************************************************************/
/****************************  MESSAGE   ****************************/
/*****************************************************************************/
#messages {text-align:center; font-size:.875rem;}

/*****************************************************************************/
/****************************  GABARIT   ****************************/
/*****************************************************************************/
legend {margin-left:10px; padding:0 10px 0 10px}

/*****************************************************************************/
/****************************  CADRE CONNEXION  ****************************/
/*****************************************************************************/
#boite_connexion .b1 form  {margin-top:10px;}
#boite_connexion .b1 .row label  {width:90px;}
#boite_connexion .b1 .row input  {width:100px;}

/*****************************************************************************/
/****************************  PIEDPAGE  ****************************/
/*****************************************************************************/
#footer {width:100%; background:#7186a8; color:#fff; font-size:0.7rem; position:fixed; bottom:0; text-align:right; z-index:2;}
#footer .fa {font-size:0.9rem; margin-left:.5rem; display:inline-block;}
#footer:after {content:''; display:block; clear:both;}

#piedpage {
    line-height: 1rem;
    padding: .5rem;
}

#numVersion{cursor:help;}
.uploadFichierFrame {
 width:430px;
 height:200px;
 border:none;
}

.uploadFichierAjout {
 cursor:pointer;
 padding:5px;
 float:left;
 display:ButtonFace;

}
.uploadFichierContenu {
 clear:both;
}
/*.uploadFichierListe  li {
 height:35px;
 margin-left:0px;
}
.uploadFichierListe  {
 list-style:none;
}
.uploadFichierListe  li  a.supprimer {
 background:url('../images/icone/supprimer.png') 0 7px no-repeat;
 font-size:0;
 width:16px;
 height:32px;
 overflow:hidden;
 display:inline-block;
 float:right
}
.uploadFichierListe  li  .btn.ouvrir {
 font-size: 16px;
 float: right;
 line-height: 30px;
 margin-right: 5px;
 color:#000;
 cursor:pointer;
}
.uploadFichierListe  li  img {vertical-align:middle;width:32px;}*/

.uploadFichierListe {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.uploadFichierListe li {
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin-left: 0;
    overflow: hidden;
}

.uploadFichierListe li .fichier {
    display: block;
    float: left;
    width: calc(100% - 16px);
    height: 32px;
}

.uploadFichierListe li .fichier img {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
}

.uploadFichierListe li .fichier .uploadFichierNom {
    display: block;
    float: left;
    width: calc(100% - 48px);
    height: 32px;
    margin: 0 8px;
    overflow: hidden;
    white-space: nowrap;
}

.uploadFichierListe li .supprimer {
    display: block;
    float: left;
    background: url('../images/icone/supprimer.png') 0 7px no-repeat;
    font-size: 0;
    width: 16px;
    height: 32px;
}

.uploadFichierListe li .btn.ouvrir {
    font-size: 16px;
    float: right;
    line-height: 30px;
    margin-right: 5px;
    color: #000;
    cursor: pointer;
}

/******************* IFRAME ACCUEIL *************************/
.iframe iframe {border:0;}

.fmultiple_bt {
float:left;
font:16px Signika;
display:inline-block;
height:30px;
}
.fmultiple_bt:hover {
text-decoration:none;
}
.fmultiple_bt .icone {
font-size:20px;
}
.fmultiple_bt.voirelement {
color:#005000;
}
.fmultiple_bt.voirtout {
float:right;
}

/*****************************************************************************/
/**************************** Fiches imprimables ****************************/
/*****************************************************************************/

.fichesprint{font-size:8pt;}
@media print{
 @page{size: portrait; margin:10mm 15mm 15mm;}
 .fichesprint #boutonsPrint{display:none;}
}
@media screen{
 .fichesprint #boutonsPrint{position:fixed; left:0; top:0; padding:2mm; border-radius:0 0 2mm 0; background-color:#fff; border:1px solid #ccc; border-width:0 1px 1px 0;}
 .fichesprint #boutonsPrint a{display:block; margin-bottom:1mm;}
 .fichesprint #boutonsPrint span{display:inline-block; margin-right:1mm;}
 .fichesprint{background-color:#ccc;}
 .fichesprint #conteneurPrint{background-color:#fff; padding:0 15mm;}
}
.fichesprint #conteneurPrint{width:180mm; margin:0 auto;}
@media print{
 .fichesprint .fiche{page-break-inside:avoid; page-break-before:always;}
 .fichesprint .fiche:first-child{page-break-before:avoid;}
}
@media screen{
 .fichesprint .fiche{border-top:5mm solid #ccc; padding:10mm 15mm 15mm;/*report de @page*/ margin:0 -15mm;/*idem (compensation)*/}
}
.fichesprint .rowPrint .label{float:left; width:60mm; text-align:right; padding-right:1mm; font-weight:bold;}
.fichesprint .rowPrint .label .descrption{font-weight:normal; font-style:italic;}

.tableau td.CHAMP_BopBtnActions {
text-align:right;
}
.tableau td.CHAMP_BopBtnActions a:first-child {float:left;}
.tableau a.btnActionListeDeux {width:48% !important;}
.tableau a.btnActionListe {
 border-radius:3px;
 padding:3px;
 text-decoration:none;
 color:#fff;
 width:96%;
 float:right;
 border-width:1px; border-style:1px; text-align:center;
}
.tableau a.btnActionListe:hover {border-width:1px; border-style:1px; background-color:#fff !important;}

#conteneur div.mce-fullscreen {padding:50px 20px;box-sizing: border-box;background-color:transparent;}
#conteneur div.mce-fullscreen .mce-menubar {background-color:#fff;}
#conteneur div.mce-fullscreen .mce-stack-layout {box-shadow: 10px 10px 10px #808080;}

/* --------------- FILTRES ----------------*/
.conteneur-form .titre {font:bold 18px Signika; margin-top:10px;}
.conteneur-form .FiltreZoneDate {float:left; background-color: #F0F0F0; padding: 5px; margin:0 5px 10px 0;}
.conteneur-form .FiltreZoneDate h2 {font-size:1.1em; padding-bottom:3px; border-bottom:1px solid #fff; margin-bottom:5px;}
.conteneur-form .FiltreZoneDate .row{margin-right:0;}

.t6  .conteneur-form .FiltreZoneDate {width: 365px;}
.t6 .conteneur-form  .FiltreZoneDate .row label { width:181px; }

.t7 .conteneur-form .FiltreZoneDate {width: 430px;}
.t7 .conteneur-form .FiltreZoneDate .row label {width: 223px!important;}

.t8 .conteneur-form .FiltreZoneDate {width: 495px;}
.t8 .conteneur-form .FiltreZoneDate .row label {width: 245px!important;}

.t9 .conteneur-form .FiltreZoneDate {width: 560px;}
.t9 .conteneur-form .FiltreZoneDate .row label {width: 290px!important;}

.tuile.t4 #row_COLONNES {width:485px;}
.tuile.t4 #row_COLONNES .rad{background-color:#F0F0F0; font-size:13px; padding:5px; width:470px; cursor:move;}


/* --------------- BOUTON DTR TCHAT --------------- */
.btn.messageDtrOpen {padding:5px; border-radius:5px; background-color:#252d42; font-size:12px; color:#FFF; text-align:center; cursor:pointer;}
.btn.messageDtrOpen:after {content:''; display:block; clear:both;}
.btn.messageDtrOpen .num_dtr{float:left; line-height:25px;}
.btn.messageDtrOpen .icone{float:left; margin-right:5px; line-height:25px!important;}

/* --------------- BOUTON VISUALIMO --------------- */
.ouvrePlanning {height:40px; background:#01ad01; margin:0 auto; text-align:center;}
.ouvrePlanning .libellePlanning{font-size:14px;}
.ouvrePlanning .icone {font-size:30px; margin-right:5px;}
.ouvrePlanning .libellePlanning,
.ouvrePlanning .icone {display:inline-block; line-height:40px; vertical-align:top;}

/* --------------- CHAMP OBJET dans zone dépliée des tableaux --------------- */
.MF_Champ_Object {width:100%!important;}
.MF_Champ_Object .lbl {display:none;}
.MF_Champ_Object .chp {width:100%!important; border-left-width:1px; border-left-style:solid; padding:5px 0;}
.MF_Champ_Object .objectChamp {list-style-type:none;}
.MF_Champ_Object .champObject {margin-left:5px;}
.MF_Champ_Object .champObject .label {color:#999;}
.MF_Champ_Object .champObject .value {font-weight:bold; display:inline-block; padding-left:10px;}

.MF_Champ_Object  .objectChamp.niveau0 li.recursif {border-left:5px solid #FFF;}
.MF_Champ_Object  .objectChamp.niveau1 li.recursif {border-left:5px solid #800000;}
.MF_Champ_Object  .objectChamp.niveau2 li.recursif {border-left:5px solid #999;}
.MF_Champ_Object  .objectChamp.niveau3 li.recursif {border-left:5px solid #FFF;}
.MF_Champ_Object  .objectChamp.niveau4 li.recursif {border-left:5px solid #800000;}
.MF_Champ_Object  .objectChamp.niveau5 li.recursif {border-left:5px solid #999;}
.MF_Champ_Object  .objectChamp.niveau6 li.recursif {border-left:5px solid #FFF;}
.MF_Champ_Object  .objectChamp.niveau7 li.recursif {border-left:5px solid #800000;}
.MF_Champ_Object  .objectChamp.niveau8 li.recursif {border-left:5px solid #999;}
.MF_Champ_Object  .objectChamp.niveau9 li.recursif {border-left:5px solid #FFF;}
.MF_Champ_Object  .objectChamp.niveau10 li.recursif {border-left:5px solid #800000;}
.MF_Champ_Object  .objectChamp.niveau11 li.recursif {border-left:5px solid #999;}

.MF_Champ_Object .objectChamp.niveau0 li.recursif .label{background-color:#FFF; color:#000;}
.MF_Champ_Object .objectChamp.niveau1 li.recursif .label{background-color:#800000; color:#FFF;}
.MF_Champ_Object .objectChamp.niveau2 li.recursif .label{background-color:#999;  color:#000;}
.MF_Champ_Object .objectChamp.niveau3 li.recursif .label{background-color:#FFF;  color:#000;}
.MF_Champ_Object .objectChamp.niveau4 li.recursif .label{background-color:#800000; color:#FFF }
.MF_Champ_Object .objectChamp.niveau5 li.recursif .label{background-color:#999;  color:#000;}
.MF_Champ_Object .objectChamp.niveau6 li.recursif .label{background-color:#FFF;  color:#000;}
.MF_Champ_Object .objectChamp.niveau7 li.recursif .label{background-color:#800000; color:#FFF }
.MF_Champ_Object .objectChamp.niveau8 li.recursif .label{background-color:#999;  color:#000;}
.MF_Champ_Object .objectChamp.niveau9 li.recursif .label{background-color:#FFF;  color:#000;}
.MF_Champ_Object .objectChamp.niveau10 li.recursif .label{background-color:#800000; color:#FFF }
.MF_Champ_Object .objectChamp.niveau11 li.recursif .label{background-color:#999;  color:#000;}


.MF_Champ_Object .element {}
.MF_Champ_Object .recursif .label{display:block; color:#000;  padding:5px; margin-bottom:2px; }
.MF_Champ_Object .element .label{display:inline-block; width:30%; text-align:right; color:#000; background-color:#FFF; padding:2px 2px 2px 0; margin-bottom:2px; }

/* *********** SWITCH *********** */
.form-group-switch {box-sizing: border-box;}
.form-group-switch .material-switch {}
.form-group-switch .label-switch {margin-bottom:.3rem; cursor: default;}
.material-switch > input[type="checkbox"] {display: none;}
.material-switch > input[type="checkbox"] + * {cursor: pointer;height: 0px; position: relative;  width: 40px;  }
.material-switch > input[type="checkbox"] + *::before {background:rgb(0, 0, 0); box-shadow:inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius:8px; content: ''; height:16px; margin-top:-4px; position:absolute; left:3px; opacity:0.3; transition:all 0.4s ease-in-out; width:40px;}
.material-switch > input[type="checkbox"] + *::after {background:rgb(255, 255, 255); border-radius:16px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height:24px; margin-top:-4px; position:absolute; left:0; top: -4px; transition: all 0.3s ease-in-out; width: 24px;}
.material-switch > input[type="checkbox"]:checked + *::before {background: inherit; opacity: 0.5;}
.material-switch > input[type="checkbox"]:checked + *::after {background: inherit; left: 22px;}

/* -- TEST IANNIS de material switch
.form-group-switch {box-sizing: border-box;}
.form-group-switch .material-switch {}
.form-group-switch .label-switch {margin-bottom:.3rem; cursor: default;}
.material-switch > input[type="checkbox"] {display: none;}
.material-switch > label {cursor: pointer; height: 0px; position: relative;  width: 40px;  }
.material-switch > label::before {background:rgb(0, 0, 0); box-shadow:inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius:8px; content: ''; height:16px; margin-top:-4px; position:absolute; left:3px; opacity:0.3; transition:all 0.4s ease-in-out; width:40px;}
.material-switch > label::after {background:rgb(255, 255, 255); border-radius:16px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height:24px; margin-top:-4px; position:absolute; left:0; top: -4px; transition: all 0.3s ease-in-out; width: 24px;}
.material-switch > input[type="checkbox"]:checked + label::before {background: inherit; opacity: 0.5;}
.material-switch > input[type="checkbox"]:checked + label::after {background: inherit; left: 22px;}
.material-switch > label {margin-bottom: 0;}

.row.material-switch .switch {width:auto !important;margin-top:5px;}
.row.material-switch .switch {float:left;}

 */

/* *********** LIST-STEP ITINERAIRE *********** */
.list-step .etape {position:relative;}
.list-step .lieu {border-left:2px solid #9BC4E8; position:relative;}
.list-step .etape:before {content: ""; position: absolute; left:-7px; border-radius: 50px; background-color: white; width: 16px; height: 16px; display: inline-block; border: 2px solid #9BC4E8; z-index:2;}
.list-step .etape:after {content: ""; position: absolute; left:-4px; bottom:0; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #9BC4E8; border-right: 2px solid #9BC4E8; transform: rotate(135deg);}
.list-step .etape:last-child .lieu{border:0;}
.list-step .etape:first-child:before {border-color:#1D5788;}
.list-step .etape:last-child:after {display:none;}




/* *********** WAYNIUM *********** */
.waynium-style.page-header {background:#3f3f96 !important;}
.waynium-style h3 {color: #3f3f96;}
.waynium-style a:not(.btn):not(.nav-link) {color: #3f3f96;}
.waynium-style a:hover:not(.btn):not(.nav-link) {color: #2b2b77;}
.waynium-style .bg-primary {background-color: #3f3f96 !important;}
.waynium-style .btn-primary {background-color: #3f3f96 !important; border-color: #3f3f96 !important; color:#fff;}
.waynium-style .btn-primary:hover {background-color: #2b2b77 !important; border-color: #2b2b77 !important;}
.waynium-style .btn-outline-primary {border-color: #3f3f96 !important; color:#3f3f96 !important;}

.waynium-style .btn-outline-primary:hover,
.waynium-style .btn-outline-primary.active {
    background: #3f3f96 !important;
    color: #fff !important;
}

.waynium-style .text-primary {color: #3f3f96 !important;}
.waynium-style .border-primary {border-color: #3f3f96 !important;}

.waynium-style .fa.active {color: #3f3f96;}
.waynium-style .group-icon .fa:hover {color:#3f3f96;}
.waynium-style .table .main-label a:hover {background:#3f3f96; color:#fff;}
.waynium-style .table-hover tbody tr:hover {background-color: rgba(63, 63, 150, 0.3);}
.waynium-style .page-item .page-link {color: #3f3f96;}
.waynium-style .page-item.active .page-link {color:#fff; background-color: #3f3f96; border-color: #3f3f96;}
.waynium-style .list-simple-item.active {background-color: #3f3f96; border-color: #2b2b77;}
.waynium-style .nav-tabs .nav-link {color:#3f3f96; }
.waynium-style .nav-tabs .nav-link.active,
.waynium-style .nav-tabs .nav-item.show .nav-link {background-color: #3f3f96; border-color: #2b2b77; color: #fff;}

.waynium-style .list-step .lieu,
.waynium-style .list-step .etape:before,
.waynium-style .list-step .etape:after {border-color:#8b8bc0;}
.waynium-style .list-step .etape:first-child:before {border-color:#3f3f96;}

/* ------------------------- ------------------------- */
#zoneChenillere {position:absolute; z-index:100000; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.8);}
#zoneChenillere .message {text-align:center; margin:25% 0 1% 25%; width:50%; font-size:18px; color:#FFF;}
/* #zoneChenillere .fondBarre {float:left;margin-left:25%; width:50%; height:30px; border:1px solid #FFF;padding:2px;} */
#zoneChenillere .progress {width:50%; margin:0 auto; height: 1.5rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; display: -webkit-box; display: -ms-flexbox; display: flex; }
#zoneChenillere .progress-bar-striped {
 background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
 background-size: 1.5rem 1.5rem;
}
#zoneChenillere .progress-bar {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 color: #fff;
 text-align: center;
 background-color: #007bff;
 transition: width .6s ease;
}
/* #zoneChenillere #zoneChenillereBarre {height:26px; background-color: #008000; width:1px;} */
/* #zoneChenillere #zoneChenillerePourcentage {float:left; width:50px; color:#FFF;font-size:20px;} */
#zoneChenillere .temps_texte {text-align:center; margin:1% 0 1% 25%; width:50%; font-size:16px; color:#A0A0A0;}

/* --------------- MOTEUR DE RECHERCHE : BTN + DE FILTRES --------------- */
.plusDeFiltre {cursor: pointer; clear:both; /*display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: end!important; justify-content: flex-end!important; padding-right:5px;*/ position:absolute; right:5px; bottom:-45px; z-index:99}
.plusDeFiltre .btn-dark {background:#262d40; color:#fff;}
.plusDeFiltre .btn-dark:hover {background:#000;}
.plusDeFiltre .btn-outline-dark {color:#262d40; border:1px solid #262d40;}
.plusDeFiltre .btn-outline-dark:hover {background:#262d40; color:#fff;}
.plusDeFiltre .ouvert,
.plusDeFiltre.action .fermer,
.plusDeFiltreBloc{display:none;}
.plusDeFiltreBloc:after {content:''; display:block; clear:both;}
.plusDeFiltreBloc.show {display:block;}
.plusDeFiltre.action .ouvert{display: inline-block;}

/* --------------- MOTEUR DE RECHERCHE : CHAMPS GROUPE_BOUTONS --------------- */
.groupe_boutons {margin-bottom:1rem;}

/* --------------- MOTEUR DE RECHERCHE : CHAMPS GROUPE_DIVERS --------------- */
.groupe_divers {background:#efefef; padding:.5rem 0;}
.groupe_divers .form-group select{border-color:#e0e0e0!important;}

/******************** FORMULAIRE ********************/
.conteneur-fieldset  { clear:both; padding:5px 0 0; position:relative;}
input{margin-bottom:0px !important;}
input, select, textarea{font:normal 11px Signika; border:1px solid #AAA;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
input[type="search"]{-webkit-appearance:textfield;}


.form-group.row{clear:both; margin-bottom:5px;}
.row { position:relative;}

.ui-dialog-content > .row {
    margin-left: -14px;
    margin-right: -14px;
}

.t1 form:not(.container) > .row,
.t2 form:not(.container) > .row,
.t3 form:not(.container) > .row,
.t4 form:not(.container) > .row,
.t5 form:not(.container) > .row {
    margin-left: 0;
    margin-right: 0;
}

.row:after {content:''; display:block; clear:both;}
.tuyls .form-group.row label{display:inline; float: left; margin-right: 5px; margin-bottom:0;text-align: right; line-height:20px;}
.row .zoneDrapeau {
    cursor:pointer;
    position:absolute;
    right:0px;
    top:-22px;
    display: none;
    background-color: #F1F1F1;
    border-top: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-bottom: 1px solid #F1F1F1;
}

.row_are:hover .zoneDrapeau,
.row:hover .zoneDrapeau,
.row:focus .zoneDrapeau {
    cursor: pointer;display: block;}
.row .drapeaulabel {margin:5px; float:left; width:16px; height:11px; opacity: 0.25;}
.row_are .drapeaulabel {margin:1px 5px 1px 0px; width:16px; height:11px;opacity: 0.25;}
.row .drapeaulabel:hover, .row .drapeaulabel.selected,
.row_are .drapeaulabel:hover, .row_are .drapeaulabel.selected {opacity: 1;}

table td.tuile .form-group.row input{height:18px;}
table td.tuile .form-group.row select{height:20px;}
table td.tuile .form-group.row_are textarea,
table td.tuile .form-group.row input,
table td.tuile .form-group.row select{padding:0; line-height:1; border-radius:0; font-size:11px;}

.form-group.row_chk{padding:0; clear:both; margin-bottom:5px;}
.form-group.row_chk input{float:left; margin-right:5px; width:auto;}
.form-group.row_chk label{margin:0; padding:0; cursor:pointer;}

.form-group.row_are{clear:both; margin-bottom:5px;}
.form-group.row_are label{display:block; margin-bottom:2px;}

.form-group.row_rad {clear:both; margin-bottom:10px; padding-bottom:2px;}
.form-group.row_rad .label{margin-bottom:5px; padding-bottom:2px; border-bottom-style:dashed; border-bottom-width:1px;}
.form-group.row_rad .rad {float:left; margin-right:5px; margin-bottom:3px;}
.form-group.row_rad .rad input{float:left; margin-right:5px; width:auto;height:15px;}
.form-group.row_rad .rad label{margin:0; padding:0; cursor:pointer;}
.form-group.row_rad .rad_lien{display:inline-block; margin-left:5px;}
.form-group.row_rad .optGroupe  .titreGroupe{clear:both; font:bold 12px Signika; padding:10px 0 0px 18px; margin-bottom:5px;}

.row_bt {display:inline-block; width:auto; margin-bottom:5px;}
.row_bt input:not(.btn){border:0; margin:5px; padding:3px 0; cursor:pointer;}
.row_bt input:not(.btn) {

    border: 1px solid transparent;
}
.form-group.row_captcha input{margin-left:150px;}
form .description {font-style:italic; margin-bottom:0; clear:both;}

.errors {list-style-type:none; margin-bottom:0;}
.errors li {color:#ff0000; margin:0;}
.errors li:before {content:'+ ';}

/* input.hasDatepicker {float:left;} */
.separateur {float:left; padding:0 2px; line-height:20px;}
.separateur + select {float:left;}

span.bt-autocomplete{height:8px; width:0px; position:absolute;  top:0;opacity: 0.5;}

.tuile.t4 .conteneur-form span.bt-autocomplete ,
.tuile.t4 .conteneur-form span.bt-autocomplete { right:15px;}

.conteneur-form span.bt-autocomplete{ right:-1px;}

.MegaSelectInfobulle  {float:left; position:relative;display:inline;z-index:100}
.MegaSelectInfobulle .zoneAffichable {position:absolute; top:25px; display:none; box-shadow: 1px 1px 5px #555; border:1px solid #fff; padding:5px;  }
.MegaSelectInfobulle ul { list-style-type:none; margin-left:0px;}
.MegaSelectInfobulle li { margin-left:0px;border-bottom:1px dotted #808080}
.MegaSelectInfobulle li.selected {color:#fff; background-color:#808080}
.MegaSelectInfobulle .surligne {color:#000; background-color:#ffff00}

/* taille */
#zoneCentrale .row label{width:240px;}
#zoneCentrale .row input{width:243px;}
#zoneCentrale .row select {width:245px;}
#zoneCentrale .row_are textarea{width:498px;}
#zoneCentrale .row_rad  {width:500px;}
#zoneCentrale .row_rad .rad{width:240px;}
#zoneCentrale .conteneur-fieldset  {width:500px;}
#zoneCentrale .row_bt input{width:210px;}

#zoneCentrale .description,
#zoneCentrale .errors {margin-left:245px;}

#tabCentral {border-collapse:separate;}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.inner-addon {
    position: relative;
}

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events:none;
    font-size:18px;
}

.inner-addon.left-addon .glyphicon {left:15px;}
.inner-addon.right-addon .glyphicon {right:15px;}
.inner-addon input{width:100%;}

.float-left{float:left;}
.float-right{float:right;}

.tableau td.Champ_Couleur {
    padding: 0;
}

.Champ_Couleur .row.form-group {
    width: 64px !important;
    cursor: pointer;
}