/*--------------------------------------------------------------------------*/
/*  Définition des CSS communs à l'application
 *  (c) 2011 Conseil General de l'AUBE
 *
/*--------------------------------------------------------------------------*/

/* Uniformisation des rendus des différents navigateurs */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin:0;
    padding:0;
    border:0;
    outline:0
}
input,textarea,select{
    margin:0;
    padding:2;
    font-family:inherit
}
:focus{
    outline:0
}
ol,ul{
    list-style:none
}
table{
    border-collapse:separate;
    border-spacing:0
}
caption,th,td{
    text-align:left;
    font-weight:normal
}
blockquote:before,blockquote:after,q:before,q:after{
    content:""
}
blockquote,q{
    quotes:"" ""
}

/* Style du placeholder du modele pour les navigateurs non HTML5 */
html body input[placeholder].placeholder{color:#aaaaaa;}

/* Style de l'infobulle du modèle */
#_allInfoBulle{
    /* border:1px solid #4075D7;  commenter cette ligne pour que l'infobulle prenne le theme jqueryui */    
    display:none;
    /*	border-radius: 5px;     commenter cette ligne pour que l'infobulle prenne le theme jqueryui */    
    text-align:center;
    z-index:99999;
    position:fixed;
    top:10px;
    /* background:white;  commenter cette ligne pour que l'infobulle prenne le theme jqueryui */    
    padding:10px;
    margin-top:10px;
    width: 400px;
}


html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}
body {
    font-size: 13px;
    font-weight: 300;
    color: #524c41;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    font-family:'open_sansregular';;
}
p {
    line-height: 1.3em;
}

#id_content {
    padding-left:54px;
    position:relative;
    padding-top:46px;
}

#headerApp {
    position: fixed;
    height: 46px;
    width:100%;
    -webkit-box-shadow: inset 0 -1px #5d4370, 0 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 -1px #5d4370, 0 1px rgba(0,0,0,0.1);
    -ms-box-shadow: inset 0 -1px #5d4370, 0 1px rgba(0,0,0,0.1);
    -o-box-shadow: inset 0 -1px #5d4370, 0 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 -1px #5d4370, 0 1px rgba(0,0,0,0.1);
    line-height: 46px;
    z-index:10;
}

.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.pointer{cursor:pointer;}
.cursor-help{cursor:help;}

.disabled-dark, body .form input[disabled].disabled-dark{
    color:#bebebe !important;   
    border: 2px solid #e1e1e1 !important; 
}
.font-size5{font-size:5em;}
.font-size3{font-size:3em;margin-top:0.25em}
.transition{-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;}
.rotate45over{
    -webkit-animation: rotate45 0.3s;
    -moz-animation: rotate45 0.3s;
    -o-animation: rotate45 0.3s;
    -ms-animation: rotate45 0.3s;
    animation: rotate45 0.3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    o-animation-fill-mode:forward;
    ms-animation-fill-mode:forward;
    background-color: #9170a9;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
.rotate45blur{
    -webkit-animation: rotate45inverse 0.3s;
    -moz-animation: rotate45inverse 0.3s;
    -o-animation: rotate45inverse 0.3s;
    -ms-animation: rotate45inverse 0.3s;
    animation: rotate45inverse 0.3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    o-animation-fill-mode:forward;
    ms-animation-fill-mode:forward;
    background-color: #ffffff;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;

}
.rotate45{
    -webkit-transform: translateY(2em) rotate(45deg);  
    -ms-transform:  translateY(2em) rotate(45deg);
    -moz-transform:  translateY(2em) rotate(45deg);
    -o-transform:  translateY(2em) rotate(45deg);
    transform:  translateY(2em) rotate(45deg);        
}
.rotate45 img{
    -webkit-transform: rotate(-45deg) translateX(-82px) translateY(-24px);
    -ms-transform:  rotate(-45deg) translateX(-82px) translateY(-24px);
    -moz-transform: rotate(-45deg) translateX(-82px) translateY(-24px);
    -o-transform:  rotate(-45deg) translateX(-82px) translateY(-24px);
    transform: rotate(-45deg) translateX(-82px) translateY(-24px);
}
/*Hack pour logo bottom */
body#ie8 .rotate45 img{margin-top: 40px;}
body#ie7 .rotate45 img{margin-top: 40px; margin-left:-60px;}
.border-theme{border: 3px solid #9170a9;}
.margin-auto{margin:auto;}
.a-white a{color:white;}
.a-white a:hover{color:#c2afcf;}
/* Rotate 45 */
@-webkit-keyframes rotate45 {from {-webkit-transform: rotate(0deg); }to {-webkit-transform: rotate(45deg);}}
@-moz-keyframes rotate45 {from {-moz-transform: rotate(0deg);}to {-moz-transform: rotate(45deg);}}
@-o-keyframes rotate45 {from {-o-transform: rotate(0deg);}to {-o-transform: rotate(45deg);}}
@-ms-keyframes rotate45 {from {-ms-transform: rotate(0deg);}to {-ms-transform: rotate(45deg);}}
@keyframes rotate45 {from {transform: rotate(0deg);}to {transform: rotate(45deg);}}
/* Reverse rotate 45 */
@-webkit-keyframes rotate45inverse {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(-45deg);}}
@-moz-keyframes rotate45inverse { from { -moz-transform: rotate(45deg);}to {-moz-transform: rotate(0deg);}}
@-o-keyframes rotate45inverse {from { -o-transform: rotate(45deg);}to {-o-transform: rotate(0deg);}}
@-ms-keyframes rotate45inverse {from { -ms-transform: rotate(45deg);}to { -ms-transform: rotate(0deg);}}
@keyframes rotate45inverse {from {transform: rotate(45deg);} to {transform: rotate(0deg);}}
@-webkit-keyframes rotate45inverse {from {-webkit-transform: rotate(45deg);}to {-webkit-transform: rotate(0deg);}}

.bckIconOverIndex{width:70px;height:70px;left:44%;margin-left:-15px;}
.h90{height:90px;}
.z-index-1{z-index:1;}
.z-index-2{z-index:2;}
.bck-banner{background:url('../../img/bck-banner.png') top no-repeat #9170a9;}
.border-text-white{text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
.border-text-black{text-shadow: -1px 0 #524c41, 0 1px #524c41, 1px 0 #524c41, 0 -1px #524c41;}

div.selectOnSmallDevice{display:none;}
nav[data-selectonsmalldevice] ul{display:inherit;}
@media only screen and (max-width: 767px){
    div.selectOnSmallDevice{display:block;float:none;width:100%;}
    nav[data-selectonsmalldevice]{display:block;float:none;width:100%;}
    nav[data-selectonsmalldevice] ul{display:none;}
    body div.fullOnSmallDevice{float:none;width:100%;display:block;}
}
.custom-border-bottom::after{content:" ";position:absolute;height:22px;width:100%;left:0;margin-top:3px;}
.custom-border-bottom.tw-bt-r::after{background:url('../../img/border-tw-bt-r.png') repeat-x;}
.custom-border-bottom.tw-blg-r::after{background:url('../../img/border-tw-blg-r.png') repeat-x;}
.custom-border-bottom.tt-bw-r::after{background:url('../../img/border-tt-bw-r.png') repeat-x;}
.custom-border-bottom.tb-blg-r::after{background:url('../../img/border-tb-blg-r.png') repeat-x;}
.custom-border-bottom.tw-bt-l::after{background:url('../../img/border-tw-bt-l.png') repeat-x;}
.custom-border-bottom.tt-bw-l::after{background:url('../../img/border-tt-bw-l.png') repeat-x;}
.custom-border-bottom.tlg-bw-l::after{background:url('../../img/border-tlg-bw-l.png') repeat-x;}
.custom-border-bottom.tlg-bt-l::after{background:url('../../img/border-tlg-bt-l.png') repeat-x;}
.custom-border-bottom.tlg-bb-l::after{background:url('../../img/border-tlg-bb-l.png') repeat-x;}

.custom-border-top::before{content:" ";position:absolute;height:22px;width:100%;left:0;margin-top:-23px;}
.custom-border-top.tb-blg-r::before{background:url('../../img/border-tb-blg-r.png') repeat-x;}

.carre128{width:128px;height:128px;}
.logoSPL{left:50%;margin-top: -72px;margin-left: -50px;}

#menuLeft{position:fixed;width:54px;height:100%;z-index:5;padding-top:46px;background-color: #232323;color: white;}
#menuLeft > header{height: 46px;line-height: 46px;-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.6);-moz-box-shadow: 0 1px 1px rgba(0,0,0,.6);box-shadow: 0 1px 1px rgba(0,0,0,.6);}
#menuLeft > ul li a{display:block;font-style: normal;padding: .8em .8em .8em 3.8em;position:relative;}
#menuLeft > ul li a:hover, #menuLeft > ul li a.active{background-color: #2a2a2a;}
#menuLeft > ul li a:hover .icon, #menuLeft > ul li a.active .icon{color:#9170a9;}
#menuLeft > ul li a:hover strong, #menuLeft > ul li a.active strong{color:white;}
#menuLeft > ul li a strong{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;color: #979797;line-height:1.6em;}

#menuLeft > ul li a .icon{color: #c1c1c1;display: inline-block;text-align: center;line-height: 1em;width: 24px;height: 24px;font-size: 2em;position:absolute;left:0.4em;}
#menuLeft > ul li a .tag{position:absolute;right:1.5em;top:0.4em;}
.tag, .uiTag{
    background-color: #444;
    padding-left: .4em;
    padding-right: .4em; 
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    -o-border-radius: 0.2em;
    border-radius: 0.2em;color:white;font-size: 11px;
    /*min-width: 17px;*/
    height: 16px;
    line-height: 16px !important;
    text-align: center;
    z-index: 1;
    display: inline-block !important;
}
.tag.warn, .uiTag.warn{background-color:#f6bc1e;}
.tag.warn2, .uiTag.warn2{background-color:#f67f1e;}
.tag.err, .uiTag.err{background-color:#a50404;}
.tag.conf, .uiTag.conf{background-color:#23860d;}
.tag.info, .uiTag.info{background-color:#3897c8;}
.tag.grey, .uiTag.grey{background-color:#95918c;}
.tag.rose, .uiTag.rose{background-color:#da7c7c;}
.tag.turquoise, .uiTag.turquoise{background-color:#2cb479;}

.bck-warn2{background-color:#f67f1e;}
.color-rose{color:#da7c7c;}
.color-turquoise{color:#2cb479}
.fullWidth{width:100%;}

#menuLeft:hover{transition-delay:0.5s;width:370px;}
#menuLeft:hover > ul li a .tag{transition-delay:0.5s;position:absolute;right:0.8em;top:1.3em;}

body .form label.labelCheckbox {
    color : black ;
    font-weight : normal ;
    display: inline-block;
    padding-left: 30px;
    text-indent: -30px;
}

#xWrapper {
    min-height:100%;
    position:relative;
}
#xContent {
    padding-bottom:237px; /* Mettre exactement la meme taille que la hauteur du footer */
}
#xFooter {
    height:237px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}

#headerApp p{
    line-height: 46px;
}

@media only screen and (max-width: 767px){
    #headerApp img{float:none;margin:auto;}
}
#linkDeco{font-size:2.3em;position:fixed;right:1.66666%;z-index:11;top:2px;}
#headerApp #infoConnect{position: fixed;right: 55px;z-index: 11;top: 5px;text-align: left;line-height: 1.4em;font-size:1em;}

html body table#tabDecompte{
    background: #fff;
    border: 0;
    margin: 1em 0;
    width: 100%;
    border-collapse:collapse;
    border-spacing: 0;
}
html body table#tabDecompte table{
    background: #fff;
    border: 0;
    margin: 0;
    width: 100%;
    border-spacing: 0;
    border-collapse:collapse;
}
html body table#tabDecompte td{padding:0;font-size:11px;vertical-align: top;}
html body table#tabDecompte table td{padding: 8px 5px;vertical-align:middle;}
html body table#tabDecompte table td input{font-size:11px;width: 100%;
                                           background-color: #fff;
                                           color: #524c41;
                                           border: 2px solid #dce4ec;
                                           -webkit-border-radius: 4px;
                                           -moz-border-radius: 4px;
                                           -ms-border-radius: 4px;
                                           -o-border-radius: 4px;
                                           border-radius: 4px;
                                           -webkit-transition: border-color 400ms;
                                           -moz-transition: border-color 400ms;
                                           -ms-transition: border-color 400ms;
                                           -o-transition: border-color 400ms;
                                           transition: border-color 400ms;
                                           font-family: inherit;
                                           font-size: inherit;}
#tabDecompte table td input:focus {border-color: #9170a9;}
html body table#tabDecompte table td.noPadding{padding: 2px 5px;}
html body table#tabDecompte table th{padding:0 5px;font-weight:normal;height:36px;}
#tabDecompte .td1{min-width:165px;}
#tabDecompte .unit{width:44px;}
#tabDecompte .tr .td{padding: 8px 5px;}


.tabDecompte{font-size:11px;}
.tabDecompte .ligne div{padding: 4px 5px;min-height:30px;}
.tabDecompte .ligne{line-height: 14px;min-height:30px;}
.tabDecompte .ligne div.reductPad{padding: 4px 5px;}
.tabDecompte .headerTab, .tabDecompte .headerTabDoubleLine{height:35px;padding: 0px 5px;}
.tabDecompte .headerTabDoubleLine{padding-top:2px;}
.tabDecompte .headerTab{line-height:35px;}
.tabDecompte .topHeaderTab{height:28px;line-height:28px;}
.tabDecompte .firstHeaderTab{padding-top:28px;}
.tabDecompte input.littleInput{font-size:11px;width: 100%;
                               background-color: #fff;
                               color: #524c41;
                               border: 2px solid #dce4ec;
                               -webkit-border-radius: 4px;
                               -moz-border-radius: 4px;
                               -ms-border-radius: 4px;
                               -o-border-radius: 4px;
                               border-radius: 4px;
                               -webkit-transition: border-color 400ms;
                               -moz-transition: border-color 400ms;
                               -ms-transition: border-color 400ms;
                               -o-transition: border-color 400ms;
                               transition: border-color 400ms;
                               font-family: inherit;
                               font-size: inherit;}
.tabDecompte input.littleInput:focus {border-color: #9170a9;}

.tabDecompte input.littleInput[disabled]{
    color:#e1e1e1;
    border: 2px solid #e1e1e1;
}
.tabDecompte input.littleInput[disabled]:focus{
    border-color: #e1e1e1;
}
.tabDecompte input.littleInput[readonly] {
    color:#bebebe;
    border: 2px solid #bebebe;
}
.tabDecompte input.littleInput[readonly]:focus {
    border-color: #bebebe;
}

/*.tabDecompte .ligne:nth-child(even) div {background-color: #f3f6f9;}*/
.tabDecompte .ligne.overLign{background-color: #f3f6f9;}





.border-right-grey{border-right: 4px solid #95918c;}
.border-left-grey{border-left: 4px solid #95918c;}
.border-right-white{border-right: 1px solid white;}
.border-right-theme{border-right: 1px solid #9170a9;}
.border-bottom-theme{border-bottom: 1px solid #9170a9;}

.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap
}
.flex_1{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;
    min-width: 0px; /* bug chrome -> flex_1 deconne sans min-width ou width */
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.ellipsisFlex{
    white-space:nowrap;
    -webkit-flex: 1;
    -webkit-flex: 0 1 auto; /*important*/
    text-overflow: ellipsis;
    overflow:hidden;
    min-width:50px; /* new algorithm mises the calculation of the width*/
}
.ellipsis{
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;

}
/* Hack pour firefox sur .ellipsis - avec white-space:nowrap firefox ne tronque pas la chaine dans une flex box malgré le overflow hidden et text-overflow ellipsis*/
@-moz-document url-prefix(){
    .ellipsis{
        width: 0; 
    }
}

#infoBulle{
    display:none;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.6);
    color: white;
    position: absolute;
    z-index: 5;
    width: 300px;
    text-align: left;
    padding: 1em;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 5px rgba(35,31,32,.6);
    -moz-box-shadow: 0 3px 5px rgba(35,31,32,.6);
    box-shadow: 0 3px 5px rgba(35,31,32,.6);
}

.color-warn2{color: #f67f1e;}
a{cursor:pointer;}

.borderRadius{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.podLogoColl{border: 2px solid #e8e8e8;}
.podLogoColl:hover, .podLogoColl.active{
    border: 2px solid #9170a9;
}

.vertical-align{top:0;bottom:0;margin:auto;}
img.responsive{width:100%;height:auto;}
img.responsive.vertical{width:auto;height:100%;}

html body table.tabPodColl {
    background: transparent;
    border: 0;
    margin: 0;
    width: 100%;
    border-spacing: 0;
}
html body table.tabPodColl td.tabPodColl,
html body table.tabPodColl th {
    padding: 0;
    word-wrap: normal;
}
html body table.tabPodColl th {
    font-weight: normal;
}
html body table.tabPodColl tr:nth-child(even) td {
    background-color: transparent;
}

@media only screen and (max-width: 900px){
    #headerApp #headerBaseLine{display:none !important;}
}

.shadow{
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.75);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.75);
    box-shadow: 0 5px 10px rgba(0,0,0,.75);

}

.scrollLi{
    overflow-y: scroll; 
    height: 300px;
    border:2px solid #dce4ec;
    border-radius: 3px;
}

.scrollLi.h100{
    height: 100px;
}

html body .scrollLi ul{padding-left:0;}

.scrollLi li:nth-child(even) {
    background-color: #f3f6f9;
}

.scrollLi li{padding:0.3em 0 0.3em 1em;cursor:pointer;}
.scrollLi li:hover{background:#c2afcf;color:white;}
.scrollLi li.active{background:#9170a9;color:white;}
li.addAgent, li.removeAgent{cursor:pointer;}


#idBlocEnMaintenance{
    display:block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.12);
}
#idBlocEnMaintenanceContent{
    position: fixed;
    left: 50%;
    width: 600px;
    height: 50px;
    margin-left:-300px;
    margin-top:-25px;
    top: 50%;
    overflow:hidden;
    text-align: center;
    background:white;
    border: 1px solid #5d4370;
    color:#9170a9;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.7);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.7);
    box-shadow: 0 1px 5px rgba(0,0,0,.7);
}
#idBlocEnMaintenanceContent p{font-size: 21px;line-height: 50px;}


.text.sansSerif{font-family: Sans-Serif;}

html body table tr.hover-theme-lighten:hover td{
    background-color: #c2afcf;
}

.tdContactCardLib{
    height:170px;
    word-wrap: break-word;
    word-break: break-word;
    background:transparent
}
.tdContactCardLogo{
    width:120px;height:170px;vertical-align:middle;
}
.picto16{width:16px;height:16px;}

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

.sub_part_fact{
    background-color:#9170a9;
    color:white;
    padding-left: 1em;
    font-style: italic;
}

html body ul.listePieces, html body ul.listeClicable{padding-left:0;}
.listePieces li:before, .listeClicable li:before{
    font-size: 37px;
    content: "• ";
    color: #9170a9;
    padding-left: 10px;
    vertical-align: middle;
}

.listePieces li:nth-child(even), .listeClicable li:nth-child(even){
    background-color: #f3f6f9;
}
.listeClicable li{
    cursor: pointer;
}
.listeClicable li:hover{
    background-color: #c2afcf;
}

html body ul.listePieces li .replacePJMa,html body ul.listePieces li .downloadPJMa{margin-top:0.5em;}


#resArt .half{
    background-color: #f3f6f9;
}

#resArt .artSelected, #resArt .half .artSelected{
    background-color :#c2afcf;
}
#resArt ul{
    padding-left:0;
}
#resArt li{
    height:2.5em;
    overflow:hidden;
    padding-top:4px;
    padding-bottom:4px;
    cursor:pointer;
}

#resArt #divListArt{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #e1e1e1;
    max-height:12em;
    overflow-y:scroll;
}

.stryleInput{
    border: 2px solid #dce4ec;
    border-radius: 3px;
}

table tr.indRevErr:nth-child(even) td, .indRevErr{
    background: #fedcdc;
    color: #a50404;
}

textarea[data-autoresize] {
    box-sizing: border-box;
    resize: none;
}

.imgFactMass{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    display:block;
    position: relative;
    width: 100px;
    text-align: center;
    cursor: pointer;
}
.imgFactMass img {
    width: 100%;
    vertical-align: top;
}
.imgFactMass:after {
    content: ' ';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.5);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.imgFactMass:before {
    font-family: 'tuktuk';
    content: "\f002";
    position: absolute;
    font-size: 3em;
    top:15px;
    left: 32px;
    color:white;
    z-index: 3;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.imgFactMass:hover:after{
    opacity:1;
}
.imgFactMass:hover:before{
    opacity: 0.8;
}

.donwload-connector{
    border: 2px dashed lightgray;
    text-align: center;
    padding: 0.6em;
}

.donwload-connector span.icon {
    display: block;
    font-size: 3em;
}

table.tabBudgets, table.tabBudgets tr:nth-child(even) td{
    background: transparent;
}

.__splBull__{
    padding: 1em;
    position: fixed;
    z-index: 99999;
    max-width: 600px;
    top: 58px;
    right: 50px;
    border: 1px solid #818181;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
    box-shadow: 0 3px 3px rgba(0,0,0,.5);
}

.__splBull__ .closeSplBull{
    top: 0;
    right: 0;
    font-size: 1em;
}

.__splBull__ .closeSplBull:hover{
    color: #a50404;
    cursor:pointer;
}

.__splBull__.err{
    border: 1px solid #a50404;
    background-color: #fedcdc;
}
.__splBull__.warn{
    border: 1px solid #f6bc1e;
    background-color: #fef6e2;
}
.__splBull__.conf{
    border: 1px solid #23860d;
    background-color: #d4facc;
}
.__splBull__.info{
    border: 1px solid #3897c8;
    background-color: #d7eaf4;
}

.container-guide{
    border: 10px solid #9170a9;
    border-radius: 50%;
    height: 220px;
    width: 220px;
    margin: 30px auto;
    text-align: center;
}

.container-guide .icon{
    font-size: 125px;
    color: #2a2e30;
    display: block;
    padding: 15px;
}

[data-action="etatXprf"]{
    cursor:pointer;
}

tr[data-detailCoeff]:hover td{
    background-color: rgba(145,112,169,0.4);
    cursor:pointer;
}