/**************** Tweak texte dans boutons *************/
button { font-size: revert !important; }

/**************** chargement des polices ***************/
@font-face {
    font-family:DIN;
    src: url(police/DIN-Regular.otf);
}

@font-face {
    font-family:DIN Black;
    src: url(police/DIN-Black.otf);
}

@font-face {
    font-family:DIN Medium;
    src: url(police/DIN-Medium.otf);
}

@font-face {
    font-family:DIN Light;
    src: url(police/DIN-Light.otf);
}

/**************** Onglet (DEBUT) ****************/

.WDOC{
    -moz-box-shadow : 0px 10px 10px 0px #8c8c8c;
}

.WDOT{
    -moz-box-shadow : 0px -9px 15px -15px #8c8c8c inset
}

.WDOC .WDOC{
    background: -moz-linear-gradient(top, rgba(129,129,129,1) 0%,rgba(76,76,76,1) 100%);
}

/* On définit tout en blanc pour les onglet de niveau 2 */
.WDOC .WDOC *:not(input):not(select):not(option):not(textarea) {
    color : white;
}

/* On définit en noir les styles sur fond blanc si onglet niv 2 */
.WDOC .WDOC .StyLignePaire *, .WDOC .WDOC .StyLigneImpaire *{
    color : black;
}

/**************** Onglet (FIN) ****************/







/**************** PAGE (DEBUT) ****************/

.entetePrincipale, .enteteDialogue{
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    height : 6px;
    background: -moz-linear-gradient(top,rgba(208,208,208,1) 0%,rgba(165,165,165,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d0d0), color-stop(100%,#a5a5a5));
}

.cellulePrincipale, .celluleDialogue{
    -moz-border-radius: 10px;
    -moz-box-shadow: 0px 0px 10px 0px #d2d2d2;
    border : 1px solid #C0C0C0;
    background-color: #FFFFFF;
    padding-bottom : 10px;
    margin-bottom : 10px;
}

/**************** PAGE (FIN) ****************/





/**************** Légende (DEBUT) ****************/

.enteteLegende > table, .affichageResultat > table{
    border:none 0px #000000;
    -moz-border-radius: 10px;
    background-color: #F1F1F1;
}

.celluleLegende > table{
    -moz-border-radius: 7px;
    border: 1px solid #FFFFFF;
    border-collapse : separate;
}

/*.affichageResultat{
	-moz-border-radius: 10px;
	-moz-box-shadow: inset 0px 0px 10px 5px #919191;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(192,192,192,1) 100%);
}*/

/* Totaux */
.celTotaux > table{
    box-shadow: 0px 3px 2px 1px #333333;
    background-color: #FFFFFF;
    color: #666666;
}

/* Séparateur droit des totaux (impossible d'enlever le dernier */
.celTotaux .StyTotaux{
    border-right : 1px solid #888888;
}

/**************** Légende (FIN) ****************/





/**************** Champs (DEBUT) ****************/

*[readonly],*[disabled]{
    background-color : #DEDEDE;
}

.obligatoire{
    color:#FF0000;
    float:right;
}

.ChampVide{
    border: 1px solid #FF0000;
}

.ChampSaisi{
    -moz-box-shadow: inset 0px 0px 5px 1px #A6A6A6;
    border: 1px solid #A6A6A6;
}

/**************** Champs (FIN) ****************/


/**************** Zones répétées (DEBUT) ****************/

/** ligne impair **/
input[name$="OCC"]+table[id^="con-"] > tbody > tr:nth-child(odd)  > td{
    background-color : #E6E6E6;
}

/** ligne pair **/
input[name$="OCC"]+table[id^="con-"] > tbody > tr:nth-child(even) > td {
    background-color : #FFFFFF;
}


input[name$="OCC"]+table[id^="con-"] > tbody > tr{
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.2s;
}

input[name$="OCC"]+table[id^="con-"] > tbody > tr *{
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s;
}

input[name$="OCC"]+table[id^="con-"] > tbody > tr:hover{
    background-color : grey;
}


/* survol avec dégradé gris */
input[name$="OCC"]+table[id^="con-"] > tbody > tr > td:hover:not(input) {
    background: -moz-linear-gradient(top, rgba(180,180,180,1)0%, rgba(123,123,123,1) 100%);
}

/* couleur de la police de survol */
input[name$="OCC"]+table[id^="con-"] > tbody > tr > td:hover *:not(input):not(select):not(option) {
    color : Black;
}


/* Gestion de la couleur du texte si onglet niv 2 */
.WDOC .WDOC input[name$="OCC"]+table[id^="con-"] > tbody > tr > td *{
    color : black;
}

/* Gestion de la couleur du texte si onglet niv 2 */
.WDOC .WDOC input[name$="OCC"]+table[id^="con-"] > tbody > tr > td:hover *:not(input):not(select):not(option) {
    color : white;
}

/**************** Zones répétées (FIN) ****************/





/**************** Tableaux (DEBUT) ****************/
/* On force la couleur à blanc à cause d'un bug de webdev qui n'applique pas la couleur blanche au titre */
/* sauf le champ de saisie de la loupe */
.LblEnteteColonne *:not(input){
    color : white; /* Permet de ne pas définir la couleur dans webdev et de voir le titre des colonnes */
}

.StyLignePaire>td>div, .StyLigneImpaire>td>div, .StyLigneSelectionnee>td>div{
    overflow-y: hidden;
}

tr.StyLignePaire, tr.StyLigneImpaire, tr.StyLigneSelectionnee{
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 0.5s;
}

tr.StyLignePaire:hover, tr.StyLigneImpaire:hover{
    color : white;
    background-color : grey;
}

tr.StyLigneSelectionnee:hover{
    color : white;
    background-color : #759EE3;
}

/* Couleur blanche au lien des tableaux pour les visualiser */
tr.StyLigneSelectionnee a{
    color : white
}

.StyLigneSelectionnee>td>div>div:not([style*='background: url']):not([style*='background-image:']){
    background:none !important;
}
/**************** Tableaux (FIN) ****************/





/**************** Boutons (DEBUT) ****************/

/* Désactivation des boutons */
a[disabled], a[disabled] span{
    opacity:0.4;
    cursor:default;
}

a:not([disabled]), a:not([disabled]) span{
    -moz-transition-property: opacity, color;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in-out;
}

/* Survol des boutons */
a:not([disabled]):hover, a:not([disabled]) span:hover{
    opacity : 0.6;
    /*color : grey;*/
}

/* Désactivation survol générale au menu */
.celluleEntete a:not([disabled]):hover, .celluleEntete  a:not([disabled]) span:hover{
    opacity : 1;
}

input.BtnStandardGris{
    cursor: pointer;
    color : white;
    border : none;
    -moz-transition: all 0.4s ease;
    -moz-border-radius: 13px;
    background: -moz-linear-gradient(top,#FE348D, #BB1A64);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE348D), color-stop(100%,#BB1A64));
    padding-bottom : 4px;
}

input.BtnStandardGris:not([disabled]):hover{
    -moz-border-radius: 13px;
    background: -moz-linear-gradient(top,#7B7B7B, #B4B4B4);
    -moz-box-shadow: 0 0 10px #B4B4B4;
}

input.BtnStandardGris[disabled]{
    cursor: default;
    -moz-border-radius: 13px;
    background: -moz-linear-gradient(top,#FFFFFF, #D9D9D9);
    border: 1px solid #D8D7D2;
}

/**************** Boutons (FIN) ****************/




/**************** Entete (DEBUT) ****************/
.lblConnexionUtil, .valConnexionUtil{
    font-family : DIN Black,Trebuchet MS, sans-serif;
    font-size : 9pt;
}

.valConnexionUtil{
    color : #379DC3;
}

.lblConnexion{
    float : right;
}

/* Div contenant le fil d'ariane */
.filArianne{
    height : 16px;
}

.lblCheminNavigationAccueil{
    background-image:url('/EXAPRINT_BACKOFFICE_PROD_WEB/img/imgNavigationAccueil.png');
    background-repeat: no-repeat;
    color : white;
    padding : 0px 3px 0px 8px;
}

.lblCheminNavigationDebutGris{
    background-image:url('/EXAPRINT_BACKOFFICE_PROD_WEB/img/imgNavigationDebutGris.png');
    background-repeat: no-repeat;
    padding-left : 4px;
    /*padding-bottom : 4px;*/
}

.lblCheminNavigationMilieuDebutGris{
    background-image:url('/EXAPRINT_BACKOFFICE_PROD_WEB/img/imgNavigationMilieuDebutGris.png');
    background-repeat: no-repeat;
    padding-left : 8px;
    /*	padding-bottom : 4px;*/
}

.lblCheminNavigationMilieuGris{
    background-image:url('/EXAPRINT_BACKOFFICE_PROD_WEB/img/imgNavigationMilieuGris.png');
    background-repeat: repeat-x;
    padding : 0px 3px 0px 8px; /* top right bottom left */
}

.lblCheminNavigationDebutRose{
    background-image:url('/EXAPRINT_BACKOFFICE_PROD_WEB/img/imgNavigationDebutRose.png');
    background-repeat: no-repeat;
    padding-left : 8px;
}

.lblCheminNavigationFinRose{
    background-image:url('/EXAPRINT_BACKOFFICE_PROD_WEB/img/imgNavigationFinRose.png');
    background-repeat: no-repeat;
    padding-left : 2px;
}

.lblCheminNavigationMilieuRose{
    background-image:url('/EXAPRINT_BACKOFFICE_PROD_WEB/img/imgNavigationMilieuRose.png');
    background-repeat: repeat-x;
    color : white;
    padding : 0px 3px 0px 6px; /* top right bottom left */
}

/*modif padding*/

.lblCheminNavigationAccueil,.lblCheminNavigationDebutGris,.lblCheminNavigationMilieuDebutGris,.lblCheminNavigationMilieuGris,.lblCheminNavigationDebutRose,.lblCheminNavigationFinRose,.lblCheminNavigationMilieuRose{
    /*padding-bottom : 1px;*/
    padding-top : 2px;
    float:left;
    height : 100%;
    background-position: center;
}
/*modif padding*/

a.lblCheminNavigationTexteDebut{
    text-decoration : underline;
    cursor : pointer;
}

a.lblCheminNavigationTexteDebut:hover{
    text-decoration : none;
}

.lblCheminNavigationAccueil, .lblCheminNavigationMilieuRose, .lblCheminNavigationMilieuGris{
    font-family : DIN,Trebuchet MS, sans-serif;
    font-size : 8pt;
}
/**************** Entete (FIN) ****************/




/**************** Menu (DEBUT) ****************/
/* Fond sous-menu */
.celluleEntete tr.WDMenuOption{
    background: -moz-linear-gradient(top, rgba(255,255,255,1)0%, rgba(192,192,192,1) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c0c0c0)) !important;
    border: 1px solid #DADADA;
    -moz-transition-property: color;
    -moz-transition-duration: 0.5s;
    height: 22px;
}

/* Fond sous-menu */
.celluleEntete tr.WDMenuOptionHover{
    background: -moz-linear-gradient(top, rgba(255,52,140,1) 0%, rgba(181,2,83,1) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff348c), color-stop(100%,#b50153)) !important;
    border: 1px solid #DADADA;
    -moz-transition-property: color;
    -moz-transition-duration: 0.5s;
    height: 22px;
}

/* Ombrage sous-menu */
.celluleEntete .WDSousOnglet > table{
    -moz-box-shadow : -5px 2px 10px #969494;
}

/* Fond menu principal */
.celluleEntete .menu {
    -moz-border-radius: 5px;
    border: 2px solid #E0E0E0;
    background-color: #F4F4F4;
}

/* Séparateur menu */
.celluleEntete .WDOngletMain > tbody > tr > td:not(:first-child) > table{
    background-image:url('/EXAPRINT_BACKOFFICE_PROD_WEB/img/imgSeparateurMenuU.png');
    background-repeat: no-repeat;
    background-position: center left;
}

/* Transition option niveau 1 menu principal */
.celluleEntete .WDOngletMain>tbody>tr>td{
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.5s;
}
/**************** Menu (FIN) ****************/

/**************** fenêtre info (DEBUT)***************/
.FenetreInfo{
    -moz-border-radius: 10px;
    -moz-box-shadow: 0px 0px 10px 0px #000000;
    border: 1px solid #C0C0C0;
    background-color: #FFFFFF;
}
/**************** fenêtre info (FIN) ***************/

/**************** Divers (DEBUT) ****************/
.btnDeconnexion:hover{
    color : #1E556A;
}

/*.StyTitreDialogue+td {
	height:25px;
}*/

div#antiClick{
    position: fixed;
    top:0px;
    left: 0px;
    width:100%;
    height:100%;
}

.bulleAide{
    background-color : red;
    visibility : hidden;
    display:inline;
    float : right;
    height : 0px;
}

img:hover + .bulleAide{
    background-color : #FFFFE8;
    visibility : visible;
    position : absolute;
    float : left;
    border: 3px solid #000;
    -moz-border-radius: 10px;
    -moz-border-bottom-colors:#F8F9E8 #F5F8FA #E6EAF0;
    -moz-border-top-colors:  #F8F9E8 #F5F8FA #E6EAF0;
    -moz-border-left-colors: #F8F9E8 #F5F8FA #E6EAF0;
    -moz-border-right-colors:#F8F9E8 #F5F8FA #E6EAF0;
    padding : 5px;
    height:auto;
    overflow:visible;
    z-index:999;
}


/*div.divFlottant {
  position: fixed;
  bottom: 2em;
  left: 0em;
  right: auto;
}

div.btnReduction {
 background-color : #CCCCCC;
 background-image:url('flechePool.png');
 background-repeat:no-repeat;
 background-position:center center;

}

div.btnReduction:hover {
 background-color : #E2E2E2;
 background-image:url('flechePool_S.png');
 background-repeat:no-repeat;
 background-position:center center;
}

div.bordureBleue {
 border-color : #485D88;
 border-style:solid;
 border-width:1px;
 height : 100%;
}

div#btnMasquePool {
 width : 18px;
}

div.SurvolLigne{
 width:100%;
 height:100%;
}

div.SurvolLigne:hover{
 background-color : #485D88;
}

div.Selected{
 background-color : #F1F5A9;
}

div.Selected:hover{
 background-color : #899BC0;
}*/

/* CHROME */
.StyLigneSelectionnee,.StyLigneSelectionnee td{
    background: -moz-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(76,76,76,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4c4c4c));
}

.StyTitreCellule{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#2e2e2e));
}

.LblEnteteColonne{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(100%,#2e2e2e));
}

.StyTitreDialogue{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#2e2e2e));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#2e2e2e)) !important;
}

.WDOC .WDOC{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#4c4c4c));
}

form[name=FRMFICHE_CLIENT] table[id^=con-A] td[id^=A1_]{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#ffffff));
}

form[name=FRMFICHE_CLIENT] table[id^=con-A] td[id^=A3_]{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#ffffff));
}

/* SF FS-146 Affichage texte en noir sur ligne non-sélectionnée */
form[name=FRMTABLE_LISTECOMMANDESREQUETE] table[id^=A11_] tr[id^=A11_]>td>div{
    color: black;
}

form[name=FRMTABLE_LISTECOMMANDESREQUETE] table[id^=A11_] tr[id^=A11_]>td>div a{
    color: black;
}

/* SF FS-146 Affichage texte en blanc sur ligne sélectionnée */
form[name=FRMTABLE_LISTECOMMANDESREQUETE] table[id^=A11_] tr[id^=A11_].StyLigneSelectionnee>td>div{
    color: white;
}

form[name=FRMTABLE_LISTECOMMANDESREQUETE] table[id^=A11_] tr[id^=A11_].StyLigneSelectionnee>td>div a{
    color: white;
}

/* SF Ticket FS-912 - Correction affichage onglet Produits Marketing sur Fiche Client */
input.BtnStandardGris[disabled]{
    background: -webkit-linear-gradient(top,#FFFFFF,#D9D9D9);
}
/**************** Divers (FIN) ****************/