@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
body {
    padding-top: 10px;
    padding-bottom: 40px;
}

.zf-green {
    color: #68b604;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}

table#profil_multiOptions label{
    display: none;
}

table#profil_multiOptions tr td{
    padding: 0 2px 0 2px;
    text-align: center;
}

td.modaction, th.modaction{
    text-align: left !important;
    background-color: #5AA7F7 !important;
    font-weight: bold;
}

td.modaction{
    height: 40px;
}

.nonapplicable{
    background-color: #ccc !important;
}

.habilitations{
    width: 100%;
}

.habilitations tr th{
    background-color: #5AA7F7;
    height: 35px;
    padding-left: 5px;
}

.habilitations tr td{
    background-color: #AFCAF9;
}

.bouton{
    width: 280px !important;
    margin-top: 2px;
    margin-left: 120px;
}
.centrecontenu{
    text-align: center;
}
h1.titeaccueil{
    text-align: center;
}
table.tableplaning{
    width: 100%;
    border-collapse: collapse;
}
table.tableplaning tr th{
    padding: 2px;
    text-align: center;
}
table.tableplaning tr th:first-child{
    padding: 2px;
    text-align: left;
}
table.tableplaning tr td{
    padding: 2px;
    text-align: center;
}
table.tableplaning tr td:first-child{
    padding: 2px;
    text-align: left;
}
form#anneedustage{
    display: inline-block;
}
.jourj{
    background-color: rgb(32, 246, 0, 14);
    color: #000000;
}
div#cadre_form_utilisateur form input, div#cadre_form_utilisateur form select, div#cadre_form_profil form input, div#cadre_form_societe form input, div#cadre_form_societe form select, div#cadre_form_societe form textarea {
    width: 300px;
}
div#cadre_form_utilisateur form label, div#cadre_form_profil form label, div#cadre_form_societe form label {
    width: 150px;
}
div#cadre_form_utilisateur form button[type="submit"], div#cadre_form_profil form button[type="submit"], div#cadre_form_utilisateur form button[type="submit"], div#cadre_form_societe form button {
    margin-left: 150px !important;
    width: 300px !important;
}
.iconstatut{
    text-align: center;
}
.tableprofil{
    width: 100%;
    border-bottom: 2px solid rgba(86,61,124,.2);
    box-shadow: 8px 4px 0px 0px #b3b1b1;
}
.textagauche{
    text-align: left;
}
.textadroite{
    text-align: right;
}
table#profil_multiOptions tr th{
    text-align: center;
    height: 45px;
    font-weight: bold;
    font-size: 14px;
    background-color: #AFCAF9;
}
.cadreplein{
    width: 100%
}
.lienbienvu{
    /*background-color: #FFFFFF;*/
    color: #000000;
    font-weight: bold;
    text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
    padding: 2px 2px 2px 2px;
    letter-spacing: 2px;
}
button.ui-dialog-titlebar-close {
        background-image: url("../../images/croix.png");
}
.voirgrillehaut{
    border-top: 1px solid rgba(86,61,124,.2);
}
.voirgrillegauche{
    border-left: 1px solid rgba(86,61,124,.2);
}
.centrer{
    text-align: center;
}
.jourj{
    background-color: #3681B9 !important;
}
.libsemaines{
    background-color: #43A0E3;
}
.libjourferie{
    background-color: #F75641;
}
.stylelibjrferie{
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
}
.stylelibjrj{
    color: #2782E0;
}
.hg{
    position: static;
    display: inline;
    vertical-align: top;
    margin-left: 0;
    margin-top: 0;
    border-right: 1px solid #98D1FA;
    border-bottom: 1px solid #98D1FA;
    font-size: 15px;
    padding: 2px 2px 0 2px;
    color: #2782e0;
    font-weight: bold;
}
.hgj{
    position: static;
    display: inline;
    vertical-align: top;
    margin-left: 0;
    margin-top: 0;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    font-size: 15px;
    padding: 2px 2px 0 2px;
    color: #FFFFFF;
    font-weight: bold;
}
div.hgj a:visited{
    color: #FFFFFF;
    font-weight: bold;
}
.lienfleche{
    width: 25px;
}
.cadretitre{
    margin-bottom: 8px;
    background-color: #F7F7F7;
    border-bottom: 3px solid #CDCDCD;
    padding: 2px;
}
.bordure_paye{
    border: 3px solid #9a7264;
}

.statut_nouveau{
    font-weight: bold;
    font-size: 13px;
}
.statut_encours{
    font-weight: bold;
    font-size: 13px;
}
.statut_annule{
    font-weight: bold;
    font-size: 13px;
}
.statut_traite{
    font-weight: bold;
    font-size: 13px;
}
.statut_cloture{
    font-weight: bold;
    font-size: 13px;
}
.statut_facture{
    font-weight: bold;
    font-size: 13px;
}
.statut_paye{
    font-weight: bold;
    font-size: 13px;
}
.statut_reporte{
    font-weight: bold;
    font-size: 13px;
}
.infomodifstatut{
    margin-bottom: 16px;
}
/*
.cadre_nouveau{
    background-color: #A2D1A2;
    border: 1px solid #1A643A;
}
.bordure_nouveau{
    border: 3px solid #1A643A;
}
.cadre_encours{
    background-color: #176A17;
    border: 1px solid #07361b;
}
.bordure_encours{
    border: 3px solid #07361b;
}
.cadre_reporte{
    background-color: #9DB7D1;
    border: 1px solid #6F8EAD;
}
.bordure_reporte{
    border: 3px solid #6F8EAD;
}
.cadre_annule{
    background-color: #C0C0C0;
    border: 1px solid #858383;
}
.bordure_annule{
    border: 3px solid #858383;
}
.cadre_traite{
    background-color: #D3BC52;
    border: 1px solid #A9963F;
}
.bordure_traite{
    border: 3px solid #A9963F;
}
.cadre_cloture{
    background-color: #6FADED;
    border: 1px solid #366AA0;
}
.bordure_cloture{
    border: 3px solid #366aa0;
}
.cadre_facture{
    background-color: #935540;
    border: 1px solid #6E2208;    
}
.bordure_facture{
    border: 3px solid #6E2208;
}
.cadre_paye{
    background-color: #D3A798;
    border: 1px solid #9A7264;
}
*/
.cadre_nouveau a:visited, .cadre_nouveau a:link, .cadre_nouveau a span, .cadre_nouveau a div{
    color:#727575 !important;
}
.cadre_encours a:visited, .cadre_encours a:link, .cadre_encours a span, .cadre_encours a div{
    color:#000000 !important;
}
.cadre_reporte a:visited, .cadre_reporte a:link, .cadre_reporte a span, .cadre_reporte a div{
    color:#000000 !important;
}
.cadre_annule a:visited, .cadre_annule a:link, .cadre_annule a span, .cadre_annule a div{
    color:#000000 !important;
}
.cadre_traite a:visited, .cadre_traite a:link, .cadre_traite a span, .cadre_traite a div{
    color:#000000 !important;
}
.cadre_cloture a:visited, .cadre_cloture a:link, .cadre_cloture a span, .cadre_cloture a div{
    color:#000000 !important;
}
.cadre_facture a:visited, .cadre_facture a:link, .cadre_facture a span, .cadre_facture a div{
    color:#000000 !important;
}
.cadre_paye a:visited, .cadre_paye a:link, .cadre_paye a span, .cadre_paye a div{
    color:#000000 !important;
}
div#bloccommandessuperieures{
    background-color: #00CC99; 
    margin-bottom: 20px;
    margin-left: -2.7%;
    margin-right: -2.7%;
    padding: 5px 10px 0 10px;
    text-align: center;
}
.objetcentre{
    margin: 0 auto;
    width: 420px;
}
div#bloccommandessuperieures select, div.modal-content select, div#cadrerecherchecentral select{
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
div.barreevenements{
    padding: 0;
    margin: 0px;
}
div.barreevenements button{
    color: #6F8EAD;
}
.imgplus{
    width: 25px;
}
.btnevntcreer{
    background: transparent url("/images/plus.png") no-repeat;
    background-size: 24px 24px;
    width: 27px;
    height: 27px;
    border-color: transparent;
    cursor: pointer;
}
.btnevntcreerdesactive{
    background: transparent url("/images/plus_gris.png") no-repeat;
    background-size: 24px 24px;
    width: 27px;
    height: 27px;
    border-color: transparent;
    cursor: pointer;
}
.btn-link{
    width: 100%;
}
.imagederoulemenu{
    height: 10px;
}
.btnevntdetails{
    background: transparent url("/images/detail.png") no-repeat;
    background-size: 24px 24px;
    width: 27px;
    height: 27px;
    border-color: transparent;
    cursor: pointer;
}
.btnevntpiecejointe{
    background: transparent url("/images/piecejointe.png") no-repeat;
    background-size: 24px 24px;
    width: 27px;
    height: 27px;
    border-color: transparent;
    cursor: pointer;
}
.btnevntpiecejointedesactive{
    background: transparent url("/images/piecejointe_gris.png") no-repeat;
    background-size: 24px 24px;
    width: 27px;
    height: 27px;
    border-color: transparent;
    cursor: pointer;
}
.btnevntduplication{
    background: transparent url("/images/dupliquer.png") no-repeat;
    background-size: 24px 24px;
    width: 27px;
    height: 27px;
    border-color: transparent;
    cursor: pointer;
}
.btnevntduplicationdesactive{
    background: transparent url("/images/dupliquer_gris.png") no-repeat;
    background-size: 24px 24px;
    width: 27px;
    height: 27px;
    border-color: transparent;
    cursor: pointer;
}
.btnevntmodification{
    background: transparent url("/images/editer.png") no-repeat;
    background-size: 24px 24px;
    width: 27px;
    height: 27px;
    border-color: transparent;
    cursor: pointer;
}
.btnevntmodificationdesactive{
    background: transparent url("/images/editer_gris.png") no-repeat;
    background-size: 24px 24px;
    width: 27px;
    height: 27px;
    border-color: transparent;
    cursor: pointer;
}
.statutevnt{
    border-top: 1px solid #c9cbd4;
    margin: 0 -2px;
    text-align: center;
    font-weight: bold;
}
div#recherchefiltredate{
    width: 16%;
    display: inline-block;
}
div#cadrerecherchecentral form input{
    width: 60%;
    display: inline-block;
}
form#rechercheevenement div{
    display: inline-block;
}
label[for="recherche_evenement_recherche"]{
    display: none;
}
form#motdepasse input, form#motdepasse button{
    height: 40px;
    width: 267px;
    display: inline-block;
}
form#motdepasse label{
    width: 250px;        
}
form#motdepasse button{
    margin-top: 48px;
    margin-left: 0px !important;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.titredatedujour{
    color: #007BFF;
}
.hrsup{
    border: 4px solid #ced4da;
}
.boutonsinferieurs{
    width: 95px;
}
.textboutonmodif{
    padding-left: 10px;
}
.boutonsinferieurspiecejointe{
    background: transparent url("/images/piecejointe.png") no-repeat;
    background-size: 101px 101px;
    width: 101px;
    height: 101px;
    border-color: transparent;
    cursor: pointer;
}
.boutonsinferieurspiecejointedesactive{
    background: transparent url("/images/piecejointe_gris.png") no-repeat;
    background-size: 101px 101px;
    width: 101px;
    height: 101px;
    border-color: transparent;
    cursor: pointer;
}
.boutonsinferieursduplication{
    background: transparent url("/images/dupliquer.png") no-repeat;
    background-size: 101px 101px;
    width: 101px;
    height: 101px;
    border-color: transparent;
    cursor: pointer;
}
.boutonsinferieursduplicationdesactive{
    background: transparent url("/images/dupliquer_gris.png") no-repeat;
    background-size: 101px 101px;
    width: 101px;
    height: 101px;
    border-color: transparent;
    cursor: pointer;
}
.boutonsinferieursmodification{
    background: transparent url("/images/editer.png") no-repeat;
    background-size: 101px 101px;
    width: 101px;
    height: 101px;
    border-color: transparent;
    cursor: pointer;
}
.boutonsinferieursmodificationdesactive{
    background: transparent url("/images/editer_gris.png") no-repeat;
    background-size: 101px 101px;
    width: 101px;
    height: 101px;
    border-color: transparent;
    cursor: pointer;
}
.boutonsinferieursdetais{
    background: transparent url("/images/detail.png") no-repeat;
    background-size: 101px 101px;
    width: 101px;
    height: 101px;
    border-color: transparent;
    cursor: pointer;
}
.boutonsinferieursdetaisdesactive{
    background: transparent url("/images/detail_gris.png") no-repeat;
    background-size: 101px 101px;
    width: 101px;
    height: 101px;
    border-color: transparent;
    cursor: pointer;
}
.cadreboutoninferieur{
    height: 120px;
    padding: 0 20px;
}
div#evenement_utilisateurspartager input[type="checkbox"]{
    margin-left: 18px;
}
.liste_checkboxe label{
}
.fondclaire{
    background-color: #EAE9E9;
    padding: 3px 0;
}
.fondgris{
    background-color: #CCCCCC;
    padding: 3px 0;
}
.presenceevenement{
    background-color: #FFB442;
    color: #0E66EB;
    font-weight: bold;
}
.evenementnumero{
    text-decoration: underline;
    font-weight: bold;
}
.boutonmajstatut{
    height: 38px;
}
.cadreboutonmajstatut{
    cursor: pointer;
    font-weight: bold;
}
.cadreboutonmajstatutdesactive{
    font-weight: bold;
}
.cadreboutonreffacturation{
    cursor: pointer;
    font-weight: bold;
    color: #008BFC;
    text-decoration: underline;
}
.styletitre{
    color: #008BFC;
}
div#choixcalendrierutilisateur h5{
    color: #6C757D;
}
.souligne{
    text-decoration: underline;
}
.gras{
    font-weight: bold;
}
.logosociete{
    width: 160px;
}
.cache{
    display: none;
}
.affichetr{
    display: table-row;
}
.afficherbloc{
    display: block;
}
div#cadreselectionnerevenementspartages label{
    color: #495057;
    width: 290px;
}
div#cadreselectionnerevenementspartages{
    margin-top: 8px;
}
div.popupstatut label{
    width: 13%;
}
div.popupstatut select, div.popupstatut input{
    width: 100%;
}
div#piecejointe div label{
    margin-right: 5px;
    width: 115px;
}
div#piecejointe div input{
    width: 345px;
    display: inline-block;
}
.label-file {
    cursor: pointer;
    color: #6C757D;
    font-weight: bold;
}
.label-file:hover {
    color: #25a5c4;
}
.input-file {
    display: none;
}
div#piecejointe div:nth-child(4n+2), div#piecejointe div:nth-child(4n+1){
    background-color: #D3E5F7;
}
table.lignessepare tr:nth-child(2n+1){
    background-color: #D3E5F7;
}
.classecadredateheure, .classecadrelieuderoulement{
    background-color: #D3E5F7;
    border: 1px solid #BCD4ED;
    margin: 0 -2px;
}
div#cadre_form_piecesjointes button#piecejointe_valider{
    margin-top: 6px;
}
.iconesuppressionpiecejointe{
    width: 20px;
    cursor: pointer;
}
div#cadrecriteresrecherches{
    padding-left: 25px;
}
div.cadreelementrecher{
    background-color: #F2F4F6;
    border: 1px solid #D5D9DB;
    margin-top: 26px;
    box-shadow: 12px 12px 2px 1px #D5D9DB;
    padding: 2px 6px;
}
div.cadreelementrecher div label{
    text-decoration: underline;
}
div#recherche_evenement{
    width: 100%;
}
div#recherche_evenement label{
    display: block;
}
/* Le 1er div de gauche */
div#recherche_evenement div:first-child{
    width: 68%;
}
div#recherche_evenement div:first-child input{
    width: 100%;
}
/* Le 2ème div en partant du gauche */
div#recherche_evenement div:nth-child(0n+2){
    width: 8%;
}
div#recherche_evenement div:nth-child(0n+2) select{
    width: 100%;
    height: 38px;
}
/* Le 2ème div en partant du gauche */
div#recherche_evenement div:nth-child(0n+3){
    width: 6%;
}
div#recherche_evenement div:nth-child(0n+3) select{
    width: 100%;
    height: 38px;
}
/* Le 3ème div en partant du gauche */
div#recherche_evenement div:nth-child(0n+4){
    width: 6%;
}
div#recherche_evenement div:nth-child(0n+4) select{
    width: 100%;
    height: 38px;
}
/* Le 4ème div en partant du gauche */
div#recherche_evenement div:nth-child(0n+5){
    width: 6%;
}
div#recherche_evenement div:nth-child(0n+5) select{
    width: 100%;
    height: 38px;
}
/* Le 5ème div en partant du gauche */
div#recherche_evenement div:nth-child(0n+6){
    width: 6%;
}
div#recherche_evenement div:nth-child(0n+6) button{
    width: 95%;
    margin-left: 4%;
    height: 38px;
    margin-bottom: 5px;
}
div#cadrerecherchecentral{
    margin-bottom: 12px;
}
.ligneevnt{
    margin-top: 26px;
}
.fond_prive{
    background-color: #88408C;
    padding: 0 15px;
}
.prive{
    font-weight: bold;
    color: #bf7fc3;
}
.fond_partage{
    background-color: #def0cb;
    padding: 0 15px;
}
.partage{
    font-weight: bold;
    color: #70d900;
}
.liste_partage{
    color: #70d900;
    font-size: 12px;
    font-weight: bold;
}
.accessinitgauche{
    display: inline-block;
    width: 80%;
}
.accesspjdroit{
    display: inline-block;
    width: 18%;
    text-align: right;
    padding-right: 2px;
}
.iconepj{
    height: 25px;
}
.iconemt{
    height: 25px;
}
.fondsupprpj_oui{
    background-color: #68B604;
    color: #000000;
    display: inline;
    padding: 0 8px;
}
.fondsupprpj_non{
    background-color: #002752;
    color: #FFFFFF;
    display: inline;
    padding: 0 8px;
}
.moiscourant{
    background-color: #68B604;
}
.anneecourante{
    background-color: #68B604;
}
.iconelangue{
    width: 45px;
}
/* ***************** Début d'anination de couleur de fond en CSS2 ***************** */
.animation_jourj {
  -webkit-animation: background 1s cubic-bezier(1,0,0,1) infinite;
  animation: background 1s cubic-bezier(1,0,0,1) infinite;
  color: #FFFFFF;
}
@-webkit-keyframes background {
  0% { background-color: #3681B9; }/*
  33% { background-color: #9f9; }  
  67% { background-color: #99f; }*/
  100% { background-color: #58B3FD; }
}
@keyframes background {
  0% { background-color: #3681B9; }/*
  33% { background-color: #9f9; }  
  67% { background-color: #99f; }*/
  100% { background-color: #58B3FD; }
}
.icobdpage, .icohdpage{
    font-size: 28px;
}
/* ***************** Fin d'anination de couleur de fond en CSS2 ***************** */
/* ############################################################################## */
/* ***************** Début d'anination de couleur de fond en CSS3 ***************** */
/* ** Pour plus d'infos : https://www.w3schools.com/colors/colors_hexadecimal.asp ** */
@keyframes wheelHueColorEncours {
    from, to { background-color: hsl(0, 0%, 100%); }
    90%      { background-color: hsl(120, 34%, 73%); }
}
.animationencours{
    animation: wheelHueColorEncours 2s infinite;
}
/* ***************** Fin d'anination de couleur de fond en CSS2 ***************** */

.labelrecherche{
    width: 120px;
}
div#cadrefixesuperieur{
    position: fixed;
    width: 100%;
    background-color: #FFFFFF;
    margin-top: -15px;
    z-index: 1;
    border-bottom: 4px solid rgba(86,61,124,.2);
}
p#afficheurdelarecherche a:link{
    text-decoration: none;
}
.iconerecherche{
    width: 94px;
}
.iconeafficherrecherche{
    margin: 4px 0 0 15px;
}
.lignerecherche{
    border-bottom: 1px solid #b1b3b3;
}
.voyant{
	color: #000;
	font-weight: bold;
    font-size: xx-large;
}
.class_validee{
    background-color: #dbc4a1!important;
}
.class_livree{
    background-color: #159232!important;
    color: #FFFFFF;
    font-weight: bold;
}
.class_expediee{    
    background-color: #afbead!important;
}
.class_annulee{
    background-color: #888888!important;
    color: #FFFFFF;
    font-weight: bold;
}
.nonmodifiable{
    background-color: #888888!important;
}
.class_perdue{
    background-color: #642020!important;
    color: #FFFFFF;
    font-weight: bold;
}
.class_retenueendouane{
    background-color: #645112!important;
    color: #FFFFFF;
    font-weight: bold;
}
.class_retardee{
    background-color: #6480be!important;
    color: #FFFFFF;
    font-weight: bold;
}
.class_entransit{
    background-color: #e9e658!important;
    color: #1f1e1e;
    font-weight: bold;
}
.class_reexpediee{
    background-color: #c590c2!important;
    color: #1f1e1f;
    font-weight: bold;
}
.class_livreeenpartie{
    background-color: #4e7958!important;
    color: #1f1e1f;
    font-weight: bold;
}
#listecommandes{
    width: 100%;
}
#listecommandes #action img, div#liensbas img{
    width: 20px;
}
#listecommandes td#fournisseur .liens{
    max-width: 200px;
}
#listecommandes td#commentaire .champs{
    max-width: 600px;
}
.largeurcentpourcent{
    width: 100%;
}
.cadreboutonchangerstatut{
    text-align: center;
    margin-top: 18px;
}
.boutonstatutpointeur{
    cursor: pointer;
}
.libmodifstatut_modifiable{
    color: #1F2979;
    font-size: 13px;
    width: 100%;
    text-align: center;
}
.libmodifstatut_non_modifiable{
    color: #454546;
    font-size: 13px;
    width: 100%;
    text-align: center;
}
.historique_statuts{
    width: 100%;
}
.historique_statuts tr th, .historique_statuts tr td{
    color: rgba(26, 25, 25, 0.863);
    font-size: 12px;
}