/* *********************************************************************************************************** */
/* Root                                                                                                        */
/* *********************************************************************************************************** */
:root {

  /* ----------------------------------------------- */
  /* Variables                                       */
  /* ----------------------------------------------- */
  --standardTextColor:#004D80;
  --standardTextColorLight:#004D8088;
  --headerPage_height:70px;
  --headerMainPanel_background:#EAEAED;
  --headerPage_background:#FBFBFB;
  --headerPageTextColor:#425C6D;
  --leftMenu_width:280px;
  --leftMenu_background:#3B7FAF;
  --leftMenuItem_color:#FFFFFF;
  --leftMenu_Line_color:#49595E;
  --mainPanel_background:#EAEAED;
  --buttonTurquoise:#05C1B1;
  --buttonTurquoise_Down:#069286;
  --buttonGreen:#189300;
  --buttonGreen_Down:#136E01;
  --buttonBlue:#3B7FAF;
  --buttonBlue_Down:#2E6287;
  --buttonOrange:#F48713;
  --buttonOrange_Down:#CB7111;
  --buttonRed:#EB1D1D;
  --buttonRed_Down:#941111;
  --buttonGray:#A1ABB1;
  --buttonGray_Down:#858E93;
  --buttonWhite:#FFFFFF;
  --buttonWhite_Down:#C9CBCC;
  --buttonTransparent:transparent;
  --buttonTransparent_Down:#00000020;
  
  --inputBackground:#FBFFC0;
  --inputBackgroundGreen:#BBF8AE;
  --inputBackgroundOrange:#FFD19C;
  --inputBackgroundRed:#FFBDBD;
  --inputBackgroundBlue:#C7E4FA;
  
  

  --itemHoverColor:#3B7FAF22;
  --itemListBackgroundColor:#3B7FAF22;

  --itemComboBoxHoverColor:#3B7FAF55;
  --rowListHoverColor:#EEF7FFFF;

  /*--bkgError:#FFAAAA;*/

  --couleurTypeJ:#62A4C7;
  --couleurTypeH:#73A682;
  --couleurTypeR:#D7A202;
  --couleurTypeF:#D7A202;

  --offset:136;
  --offset4:34;
  --duration:1.4s;
  --duration4:5.6s;
}

/* ----------------------------------------------- */
/* Scrollbar Firefox                               */
/* ----------------------------------------------- */
@supports (-moz-appearance:none) {
  *{ scrollbar-color:var(--buttonGray) transparent; scrollbar-width:thin; }
}

/* *********************************************************************************************************** */
/* Scrollbar (webkit)                                                                                          */
/* *********************************************************************************************************** */
.scrollbar::-webkit-scrollbar { width:20px; }
.scrollbar::-webkit-scrollbar-track { background-color:transparent; }
.scrollbar::-webkit-scrollbar-thumb { background-color:var(--buttonGray); border-radius:20px; border:6px solid transparent; background-clip:content-box; }
.scrollbar::-webkit-scrollbar-thumb:hover { background-color:var(--buttonGray); }


/* *********************************************************************************************************** */
/* Polices de caractères                                                                                       */
/* *********************************************************************************************************** */
@font-face { font-family:'Manrope-Regular';    src:url('./Font/Manrope-Regular.otf') format('truetype'); }
@font-face { font-family:'Manrope-Medium';     src:url('./Font/Manrope-Medium.otf') format('truetype'); }
@font-face { font-family:'Manrope-Light';      src:url('./Font/Manrope-Light.otf') format('truetype'); }
@font-face { font-family:'Manrope-ExtraLight'; src:url('./Font/Manrope-ExtraLight.otf') format('truetype'); }
@font-face { font-family:'Manrope-ExtraBold';  src:url('./Font/Manrope-ExtraBold.otf') format('truetype'); }
@font-face { font-family:'Manrope-Bold';       src:url('./Font/Manrope-Bold.otf') format('truetype'); }
@font-face { font-family:'Manrope-SemiBold';   src:url('./Font/Manrope-SemiBold.otf') format('truetype'); }

/* *********************************************************************************************************** */
/* Général                                                                                                     */
/* *********************************************************************************************************** */
body { background:rgb(236,241,244); margin:0px; padding:0px; overflow:hidden; cursor:default; }
::selection { color:white; background:var(--buttonBlue); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

.stage { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; outline:none;
         background:linear-gradient(to bottom,rgb(208,214,217) 0%,rgb(150,168,175) 100%); }

.pageContainer { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; display:flex; flex-direction:row; outline:none; }

.borderBoxSizing { box-sizing:border-box; }   

.absolutePanel { position:absolute; }

.translucentLayer { position:absolute; background:rgba(0,0,0,0.07); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); outline:none; width:100%; height:100%; text-align:center; vertical-Align:middle; user-select:none; }

.transparentLayer { position:absolute; background:transparent; outline:none; width:100%; height:100%; text-align:center; vertical-Align:middle; user-select:none; }

/* *********************************************************************************************************** */
/* Main Menu                                                                                                   */
/* *********************************************************************************************************** */
.mainMenu { position:relative; width:var(--leftMenu_width); overflow:hidden; background:var(--leftMenu_background); flex-shrink:1; transition:width 0.7s; }
.mainMenu[state=collapse] { width:75px; }

.mainMenuExpandCollapseButton { position:absolute; top:20px; right:20px; width:30px; height:30px; cursor:pointer; transition:right 0.7s; }
.mainMenuExpandCollapseSvg { }
.mainMenuExpandCollapseSvg:hover { filter:drop-shadow(0px 0px 3px white) }

.mainMenuItemsZone { position:absolute; top:100px; bottom:0px; left:0px; right:0px; }

.mainMenuItem { position:relative; height:50px; width:calc(var(--leftMenu_width)-20px); overflow:hidden; margin:15px 10px 0 10px; border-radius:7px; }
.mainMenu[enabled=true] .mainMenuItem[active=true] { cursor:pointer; }
.mainMenu[enabled=true] .mainMenuItem[active=true]:hover { background-color:rgba(255,255,255,0.1); }
.mainMenuItem[selected=true] { background-color:rgba(255,255,255,0.2); }
.mainMenu[enabled=true] .mainMenuItem[selected=true]:hover { background-color:rgba(255,255,255,0.2); }
.mainMenuItemIcon { position:absolute; top:3px; left:15px; height:42px; width:36px; transition:left 0.5s;}
.mainMenu[state=collapse] .mainMenuItemIcon { left:10px; }
.mainMenu[state=collapse] .mainMenuExpandCollapseButton { right:23px; }
.mainMenuItemText { position:absolute; top:4px; left:65px; right:0px; height:56px; font-family:'Manrope-Light'; font-size:18px; color:var(--leftMenuItem_color); line-height:44px; }

.mainMenuSubItem { position:relative; height:31px; width:100%; overflow:hidden; }
.mainMenuSubItem[active=true] { cursor:pointer; }
.mainMenuSubItem[active=true]:hover { background-color:rgba(255,255,255,0.1); }
.mainMenuSubItem[selected=true] { background-color:rgba(255,255,255,0.2); }
.mainMenuSubItem[selected=true]:hover { background-color:rgba(255,255,255,0.2); }
.mainMenuSubItemIcon { position:absolute; top:0px; left:33px; height:31px; width:31px; background:url("../Images/mainMenuBullet.png") center no-repeat; opacity:0.5; }
.mainMenuSubItemText { position:absolute; top:0px; left:60px; right:0px; height:31px; font-family:'Manrope-Light'; font-size:13px; color:var(--leftMenuItem_color); line-height:31px; }

.hamburgerTop    { fill:white; transform-origin:50% 50%; transform:rotate(-45deg); }
.hamburgerMiddle { fill:white; transform-origin:50% 50%; transform:rotate(-45deg); }
.hamburgerBottom { fill:white; transform-origin:50% 50%; transform:rotate(45deg);  }

.hamburgerTop[state=collapse]    { animation:animeTop    0.7s; animation-fill-mode:forwards; }
.hamburgerMiddle[state=collapse] { animation:animeMiddle 0.7s; animation-fill-mode:forwards; }
.hamburgerBottom[state=collapse] { animation:animeBottom 0.7s; animation-fill-mode:forwards; }

.hamburgerTop[state=expand]    { animation:reverseAnimeTop    0.7s; animation-fill-mode:forwards; }
.hamburgerMiddle[state=expand] { animation:reverseAnimeMiddle 0.7s; animation-fill-mode:forwards; }
.hamburgerBottom[state=expand] { animation:reverseAnimeBottom 0.7s; animation-fill-mode:forwards; }

@keyframes animeTop {
  0%   { transform:rotate(-45deg);   }
  50%  { transform:rotate(0deg);     }
  100% { transform:translateY(-25%); }
}

@keyframes animeMiddle {
  0%  { transform:rotate(-45deg); }
  50% { transform:rotate(0deg);   }
  100% { transform:rotate(0deg);  }
}

@keyframes animeBottom {
  0%   { transform:rotate(45deg);   }
  50%  { transform:rotate(0deg);    }
  100% { transform:translateY(25%); }
}

@keyframes reverseAnimeTop {
  0%   { transform:translateY(25%); }
  50%  { transform:rotate(0deg);    }
  100% { transform:rotate(45deg);   }
}

@keyframes reverseAnimeMiddle {
  0%   { transform:rotate(0deg);  }
  50%  { transform:rotate(0deg);  }
  100% { transform:rotate(45deg); }
}

@keyframes reverseAnimeBottom {
  0%   { transform:translateY(-25%); }
  50%  { transform:rotate(0deg); }
  100% { transform:rotate(-45deg);   }
}

/* *********************************************************************************************************** */
/* rightPanel                                                                                                  */
/* *********************************************************************************************************** */
.rightPanel { flex-grow:1; flex-shrink:2; display:flex; flex-direction:column; outline:none; }

/* *********************************************************************************************************** */
/* Header page                                                                                                 */
/* *********************************************************************************************************** */
.headerPage { position:relative; height:var(--headerPage_height); flex-shrink:1; overflow:hidden; 
              background:var(--headerPage_background); border-bottom:1px solid rgba(0,0,0,0.1); box-shadow:0 0px 7px rgba(0,0,0,0.1); }

.headerPageLogo { position:absolute; width:234px; height:48px; top:calc(var(--headerPage_height)/2 - 25px); background:url("../Images/logoReseauPresse.png") center no-repeat; cursor:pointer; }

.headerPageDisconnect { display:none; position:absolute; right:15px; top:calc(var(--headerPage_height)/2 - 16px); width:28px; height:28px; border-radius:25px; border:1px solid #69797E; 
                        background:url("../Images/disconnect.png") center 6px no-repeat; opacity:0.5; cursor:pointer; }
.headerPageDisconnect[modeLogin=true] { display:block;  }
.headerPageDisconnect:hover { opacity:1; background-color:rgba(0,0,0,0.1); }

.headerPageDomainUserContainer { position:absolute; right:20px; top:calc(var(--headerPage_height)/2 - 21px); text-align:right; padding:5px; /*cursor:pointer;*/ border:1px solid transparent; border-radius:5px; }
.headerPageDomainUserContainer[modeLogin=true] { right:52px; }
.headerPageUserName { position:relative; display:inline-block; padding-left:37px; font-family:'Manrope-Light'; font-size:14px; color:var(--headerPageTextColor); line-height:30px; 
                      background:url("../Images/user.png") 0px 0px no-repeat; }

.headerPageDomainName { position:absolute; top:11px; left:15px; font-family:'Manrope-Regular'; font-size:16px; color:var(--leftMenuItem_color); line-height:30px; }

/* *********************************************************************************************************** */
/* Main Panel                                                                                                  */
/* *********************************************************************************************************** */
.mainPanel { flex-grow:1; flex-shrink:2; overflow:hidden; outline:none;
             background:var(--mainPanel_background); display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:normal; align-items:normal; align-content:stretch; }
          
.mainPanelHeader { position:relative; flex-shrink:1; flex-basis:auto; align-self:auto; }
.mainPanelTitle { font-family:'Manrope-Bold'; font-size:22px; color:var(--standardTextColor); margin:10px; text-align:center; white-space:pre-wrap; }
.mainPanelContainer { position:relative; display:block; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; outline:none; }
.mainPanelRibbon { display:block; flex-shrink:1; }
.mainPanelBackContainer  { position:absolute; height:31px; top:8px; left:17px; max-width:300px; cursor:pointer; visibility:hidden; }
.mainPanelBackIcon       { width:29px; display:inline-block; height:100%; background:url(../Images/back.png) center no-repeat; border-radius:5px; }
.mainPanelBackIcon:hover { border-radius:5px; background-color:rgba(0,0,0,0.10); }
.mainPanelBackText { position:relative; display:inline-block; height:100%; font-family:'Manrope-Regular'; font-size:14px; bottom:9px; color:var(--standardTextColor); }

/* *********************************************************************************************************** */
/* VisualToolTip                                                                                               */
/* *********************************************************************************************************** */
.visualToolTip        { position:absolute; padding:3px 10px; background:yellow; border:solid 1px rgba(0,0,0,0.15); border-radius:3px; visibility:hidden; box-shadow:0 1px 8px rgba(0,0,0,0.5); }
.visualToolTip:before { position:absolute; content:""; top:calc(100% - 5px); left:10px; height:10px; width:10px; background:inherit;
                        transform:rotate(45deg); border-bottom:inherit; border-right:inherit;  }

/* *********************************************************************************************************** */
/* VisualIntegerInput                                                                                          */
/* *********************************************************************************************************** */
.visualIntegerInput { border:solid 1px var(--buttonGray); border-radius:3px; }
.visualIntegerInput:focus { outline:none; border:solid 2px var(--buttonBlue); border-radius:3px; }
.visualIntegerInput[error=true] { background-color: var(--inputBackgroundRed); border:solid 1px rgba(255,0,0,0.5); }
.visualIntegerInput[error=true]:focus { border:solid 2px rgba(255,0,0,0.5); border-radius:3px; }

.visualIntegerInputToolTipError        { background-color: var(--inputBackgroundRed); border:solid 1px rgba(255,0,0,0.5); }
.visualIntegerInputToolTipContentError { font-family:'Manrope-Regular'; font-size:12px; }

/* *********************************************************************************************************** */
/* VisualBaseButton                                                                                            */
/* *********************************************************************************************************** */
.visualBaseButton                { display:flex; align-items:center; justify-content:center; user-select:none; -webkit-touch-callout:none; border-radius:5px; 
                                   font-family:'Manrope-Regular'; font-size:16px; cursor:pointer; height:33px; }
.visualBaseButton[disabled=true] { opacity:0.3; }

/* *********************************************************************************************************** */
/* VisualButton                                                                                                */
/* *********************************************************************************************************** */
.visualButtonContentText { user-select:none; -webkit-touch-callout:none; text-align:center; }
.visualButtonContentImg  { width:100%; height:100%; background-repeat:no-repeat; background-position:center center; }

/* *********************************************************************************************************** */
/* VisualButton                                                                                                */
/* *********************************************************************************************************** */
.visualButton { position:relative; border-radius:3px; outline:none; }
.visualButton[color=turquoise]   { background:var(--buttonTurquoise); }
.visualButton[color=green]       { background:var(--buttonGreen); }
.visualButton[color=orange]      { background:var(--buttonOrange); }
.visualButton[color=blue]        { background:var(--buttonBlue); }
.visualButton[color=red]         { background:var(--buttonRed); }
.visualButton[color=gray]        { background:var(--buttonGray); }
.visualButton[color=white]       { background:var(--buttonWhite); border:solid 1px var(--standardTextColorLight); }
.visualButton[color=transparent] { background:transparent; border:solid 1px var(--standardTextColorLight); }
.visualButton[disabled=true] { opacity:0.2; }

.visualButtonDownLayer { position:absolute; border-radius:3px; width:100%; height:100%; outline:none; }
.visualButtonDownLayer[down=true] { background:rgba(0,0,0,0.15); }
.visualButtonDownLayer:active { background:rgba(0,0,0,0.15); }

.visualButtonCnt { position:relative; top:1px; left:1px; border-radius:1px; width:calc(100% - 2px); height:calc(100% - 2px); cursor:pointer; }

/* *********************************************************************************************************** */
/* VisualButtonText                                                                                            */
/* *********************************************************************************************************** */
.visualButtonTextTxt { position:absolute; font-family:'Manrope-Regular'; font-size:16px; width:100%; height:100%; color:white; text-align:center; 
                       vertical-align:middle; cursor:pointer; white-space:pre; line-height:32px; text-decoration:none; outline:none; }

/* *********************************************************************************************************** */
/* VisualButtonImg                                                                                             */
/* *********************************************************************************************************** */
.visualButtonImg { position:absolute; width:100%; height:100%; cursor:pointer; outline:none; }

/* *********************************************************************************************************** */
/* VisualComboBox                                                                                              */
/* *********************************************************************************************************** */
.visualComboBox { height:35px; text-align:left; font-family:'Manrope-SemiBold'; font-size:18px; color:var(--standardTextColor); border-radius:7px; 
                  line-height:35px; cursor:pointer; padding-left:10px; border:1px solid rgba(0,0,0,0.1); background-image:url("../Images/comboBoxArrowLight.png");
                  background-repeat:no-repeat; background-position:right; }
.visualComboBox:hover { background-color:rgba(255,255,255,0.7); background-image:url("../Images/comboBoxArrow.png"); border:1px solid rgba(0,0,0,0.2); }
.visualComboBox[popupOpen=true] { background-color:rgba(255,255,255,0.7); background-image:url("../Images/comboBoxArrow.png"); border:1px solid rgba(0,0,0,0.2); border-radius:7px 7px 0 0; }  
.visualComboBoxPopup { position:absolute; background-color:rgba(255,255,255,0.7); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); overflow:hidden; max-height:0; /*transition:max-height 0.3s, overflow 0.3s;*/ 
                       border-radius:0 0 7px 7px; border:1px solid rgba(0,0,0,0.2); }
.visualComboBoxPopupItem { position:relative; height:35px; font-family:'Manrope-Regular'; font-size:18px; line-height:35px; color:var(--standardTextColor); text-align:left; padding:0 10px 0 10px; cursor:pointer; }
.visualComboBoxPopupItem:hover { background:var(--itemComboBoxHoverColor); }
.visualComboBoxPopupItem[plus=true] { font-family:'Manrope-Regular'; font-style:italic; color:var(--standardTextColorLight);}

/* *********************************************************************************************************** */
/* VisualRadio                                                                                                 */
/* *********************************************************************************************************** */
.visualRadio       { border-radius:50px; display:flex; cursor:pointer; transition:background 0.2s ease; gap:8px; padding:5px 10px; align-items:center;}
.visualRadio:hover { background:rgba(0,0,0,0.05); }
.visualRadio:focus { outline:none; }
.visualRadioInputContainer { padding:1px; border:1px solid transparent; border-radius:20px;}
.visualRadioInput       { vertical-align:middle; width:20px; height:20px; border-radius:10px; background:none; border:0; box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2);
                          appearance:none; padding:0; margin:0; transition:box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25); pointer-events:none; }
.visualRadioInput:focus { outline:none; }
.visualRadioInput:checked { box-shadow:inset 0 0 0 6px var(--buttonBlue); }
.visualRadio:focus .visualRadioInputContainer { outline:none; border:1px solid var(--buttonBlue); }
.visualRadioLabel  { font-family:'Manrope-Light'; font-size:18px; line-height:20px; color:var(--standardTextColor); }
.visualRadioInput:checked + .visualRadioLabel { font-family:'Manrope-Regular'; }

/* *********************************************************************************************************** */
/* msgStop                                                                                                     */
/* *********************************************************************************************************** */
.msgStop { position:absolute; border:1px solid var(--buttonGray); border-radius:10px; text-align:center; vertical-Align:top; overflow:hidden; cursor:default;
           background:rgb(255,255,255); font-family:'Manrope-Light'; font-size:20px; padding:30px; color:var(--standardTextColor); white-space:pre; }

/* *********************************************************************************************************** */
/* PopupBase                                                                                                   */
/* *********************************************************************************************************** */
/*.popup { position:absolute; border:1px solid var(--buttonGray); border-radius:10px; text-align:center; vertical-Align:top; overflow:hidden; cursor:default;
         background:rgb(255,255,255); outline:none; }
*/
/* *********************************************************************************************************** */
/* PopupBase                                                                                                  */
/* *********************************************************************************************************** */
.popupBase          { position:absolute; display:flex; width:100%; height:100%; flex-direction:row; outline:none;}
.popupBaseContainer { position:relative; display:flex; width:100%; height:100%; justify-content:center; align-items:center; }
.popupBasePopup     { border:1px solid var(--buttonGray); border-radius:10px; text-align:center; vertical-Align:top; overflow:hidden; background:rgb(255,255,255); display:flex; flex-direction:column; }

/* *********************************************************************************************************** */
/* PopupWindow                                                                                                */
/* *********************************************************************************************************** */
.popupWindowPopup       { display:flex; flex-direction:column; flex-wrap:nowrap; padding:5px; }
.popupWindowTitlePanel  { position:relative; top:7px; left:10px; right:10px; height:60px; text-align:left; flex-shrink:0; }
.popupWindowMainPanel   { position:relative; display:block; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; }
.popupWindowButtonPanel { position:relative; display:flex; padding:0 10px 10px 10px; justify-content:flex-end; gap:15px; }
.popupWindowTitle       { position:absolute; height:100%; font-family:'Manrope-Bold'; font-size:20px; top:0px; left:50px; right:50px; text-align:center; color:var(--standardTextColorLight);}
.popupWindowIcon        { position:absolute; width:40px; height:40px; background:url("../Images/popupModify.png") center no-repeat; }

/* *********************************************************************************************************** */
/* PopupMsg                                                                                                    */
/* *********************************************************************************************************** */
.popupMsg            { min-width:300px; display:flex; flex-direction:column; padding:5px; }
.popupMsgTitlePanel  { position:relative; margin:5px 10px 0 10px; height:50px; text-align:left; flex-shrink:0; }
.popupMsgTitle       { position:absolute; height:100%; font-family:'Manrope-Bold'; font-size:20px; top:0px; left:50px; right:50px; text-align:center; color:var(--standardTextColorLight); line-height:44px; }
.popupMsgTextPanel   { max-width:800px; color:var(--standardTextColor); white-space:pre-wrap; margin:0px 10px 27px 10px; padding:12px; font-family:'Manrope-Regular'; font-size:16px;
                        text-shadow:none; cursor:default; overflow:hidden; text-align:center; }
.popupMsgTextPanel[withBorder=true] { border:solid 1px var(--standardTextColorLight); overflow-y:scroll; }                       
.popupMsgButtonPanel { position:relative; display:flex; padding:0 10px 10px 10px; justify-content:flex-end; gap:15px; flex-shrink:0;}

.popupMsgIcon                   { position:absolute; width:40px; height:40px; }
.popupMsgIcon[icon=Error]       { background-image:url("../Images/popupMsgError.png"); }
.popupMsgIcon[icon=Information] { background-image:url("../Images/popupMsgInformation.png"); }
.popupMsgIcon[icon=Question]    { background-image:url("../Images/popupMsgQuestion.png"); }
.popupMsgIcon[icon=Validation]  { background-image:url("../Images/popupMsgValidation.png"); }
.popupMsgIcon[icon=Warning]     { background-image:url("../Images/popupMsgWarning.png"); }

.popupMsgButton                               { color:white; height:33px; /*font-size:22px;*/ width:120px; }
.popupMsgButton[color=turquoise]              { background:var(--buttonTurquoise); }
.popupMsgButton[color=turquoise][down=true]   { background-color:var(--buttonTurquoise_Down); }
.popupMsgButton[color=green]                  { background:var(--buttonGreen); }
.popupMsgButton[color=green][down=true]       { background-color:var(--buttonGreen_Down); }
.popupMsgButton[color=orange]                 { background:var(--buttonOrange); }
.popupMsgButton[color=orange][down=true]      { background-color:var(--buttonOrange_Down); }
.popupMsgButton[color=blue]                   { background:var(--buttonBlue); }
.popupMsgButton[color=blue][down=true]        { background-color:var(----buttonBlue_Down); }
.popupMsgButton[color=red]                    { background:var(--buttonTurquoise); }
.popupMsgButton[color=red][down=true]         { background-color:var(--buttonRed_Down); }
.popupMsgButton[color=gray]                   { background:var(--buttonGray); }
.popupMsgButton[color=gray][down=true]        { background-color:var(--buttonGray_Down); }
.popupMsgButton[color=white]                  { background:var(--buttonWhite); border:solid 1px var(--standardTextColorLight); }
.popupMsgButton[color=white][down=true]       { background-color:var(--buttonWhite_Down); }
.popupMsgButton[color=transparent]            { background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); }
.popupMsgButton[color=transparent][down=true] { background-color:var(--buttonTransparent_Down); }

/* *********************************************************************************************************** */
/* Login Page                                                                                                  */
/* *********************************************************************************************************** */
.loginPage      { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; 
                  display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
.loginContainer1 { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
.loginContainer2 { display:flex; gap: 85px; margin-top:15px; }      
.loginContainer { background:var(--buttonBlue); border-radius:10px; width:450px; height:300px; display:flex; flex-direction:column; align-items:center; }
.loginLogo      { background:url("../Images/logoLogin.png") center no-repeat; width:400px; height:75px; margin:0px 0 20px 20px; }
.loginForm      { display:flex; flex-direction:column; gap:2px; width:245px; }
.loginInputIdCont  { position:relative; height:40px; width:190px; }
.loginInputPwdCont { position:relative; height:40px; width:190px; }
.loginInputId   { position:absolute; height:40px; width:190px; border:none; border-radius:10px 10px 0 0; font-family:'Manrope-Regular'; font-size:18px; padding:0px 10px 0 45px; outline:none; }
.loginInputPwd  { position:absolute; height:40px; width:190px; border:none; border-radius:0 0 10px 10px; font-family:'Manrope-Regular'; font-size:18px; padding:0px 10px 0 45px; outline:none; }
.loginInputIdIcon  { position:absolute; background-image:url("../Images/loginUser.png"); width:30px; height:30px; top:4px; left:7px; }                  
.loginInputPwdIcon { position:absolute; background-image:url("../Images/loginKey.png");  width:30px; height:30px; top:4px; left:7px; }                  
.loginInfoContainer { display:flex; height:55px; align-items:center; justify-content:center; margin-top:5px; }
.loginInfoTxt       { font-family:'Manrope-Regular'; font-size:14px; color:yellow; text-align:center; max-width:400px; max-height:48px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }                  
.loginButton            { background:var(--buttonBlue); border:solid 1px white; width:150px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-top:5px; }
.loginButton[down=true] { background-color:var(--buttonBlue_Down); }

@keyframes loginAnimLoading { 0% { background-position:initial; } 100% { background-position: 200px 0px; } }

.loginButton[loading=true] { background:linear-gradient(90deg, #FFFFFF00 40%, #FFFFFF33 50%, #FFFFFF00 60%); background-size:200px 100px; animation:loginAnimLoading 1s linear infinite; }

.loginMdPOublie         { font-family:'Manrope-Regular'; font-size:14px; color:var(--standardTextColor); text-align:center; cursor:pointer; }
.loginMdPOublie:hover   { text-decoration:underline; }
.loginCreationCompte       { font-family:'Manrope-Regular'; font-size:14px; color:var(--standardTextColor); text-align:center; cursor:pointer; }
.loginCreationCompte:hover { text-decoration:underline; }
.loginMentionsLegales   { font-family:'Manrope-Regular'; font-size:12px; color:var(--standardTextColorLight); text-align:center; white-space:pre; margin-bottom:10px; line-height:17px; }

/* *********************************************************************************************************** */
/* InputPassword                                                                                               */
/* *********************************************************************************************************** */
.inputPassword { position:relative; border:1px solid var(--buttonBlue); height:35px; border-radius:5px; padding:0 3px; }
.inputPasswordContainer { position:relative; width:100%; height:100%; }
.inputPasswordInput { position:absolute; font-family:'Manrope-Regular'; font-size:14px; width:calc(100% - 42px); height:calc(100% - 2px); left:5px; outline:none; border:none; }
.inputPasswordSwitchButton { position:absolute; background-image:url("../Images/pwdVisible.png"); background-repeat:no-repeat; 
                             background-position:center center; width:30px; height:30px; cursor:pointer; right:0px; top:3px; }
.inputPasswordSwitchButton[visible=true] { background-image:url("../Images/pwdInvisible.png"); }

/* *********************************************************************************************************** */
/* MotDePasseOublie                                                                                            */
/* *********************************************************************************************************** */
.mdpOublie { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; 
             display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
.mdpOublieContainer1  { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
.mdpOublieContainer   { border:2px solid var(--buttonBlue); border-radius:10px; width:550px; height:395px; display:flex; flex-direction:column; align-items:center; }
.mdpOublieTitre       { font-family:'Manrope-Bold'; font-size:25px; color:var(--buttonOrange); text-align:center; line-height:65px; }
.mdpOublieCommentaire { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColorLight); text-align:center; padding: 0 20px; white-space:pre-wrap; }
.mdpOublieContainer2  { display:flex; flex-direction:column; margin-top:30px; }
.mdpOublieContainer3  { display:flex; flex-direction:column; margin-top:15px; }
.mdpOublieLibInput    { font-family:'Manrope-Light'; font-size:12px; color:var(--buttonBlue); }
.mdpOublieInputIdWeb  { height:35px; width:350px; font-family:'Manrope-Regular'; font-size:14px; border:1px solid var(--buttonBlue); 
                        border-radius:5px; padding: 0 10px; outline:none; }
.mdpOublieInputEmail  { height:35px; width:350px; font-family:'Manrope-Regular'; font-size:14px; border:1px solid var(--buttonBlue); 
                        border-radius:5px; padding: 0 10px; outline:none; }
.mdpOublieErrContainer { display:flex; height:55px; align-items:center; justify-content:center; margin-top:5px; }
.mdpOublieErrTxt       { font-family:'Manrope-Regular'; font-size:14px; color:red; text-align:center; max-width:400px; max-height:48px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }             
.mdpOublieBoutonEnvoi { background:var(--buttonBlue); border:solid 1px white; width:370px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-top:5px; }
.mdpOublieBoutonEnvoi[down=true] { background-color:var(--buttonBlue_Down); }

.mdpOublieConfirmContainer { justify-content:center; height:250px; }
.mdpOublieConfirm { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); text-align:center; padding: 0 20px; }

/* *********************************************************************************************************** */
/* ReinitPwd                                                                                                   */
/* *********************************************************************************************************** */
.reinitPwd { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; 
             display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
.reinitPwdContainer1  { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
.reinitPwdContainer   { border:2px solid var(--buttonBlue); border-radius:10px; width:550px; height:395px; display:flex; flex-direction:column; align-items:center; }
.reinitPwdTitre       { font-family:'Manrope-Bold'; font-size:25px; color:var(--buttonOrange); text-align:center; line-height:65px; }
.reinitPwdCommentaire { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColorLight); text-align:center; padding: 0 20px; white-space:pre-wrap; }
.reinitPwdContainer2  { display:flex; flex-direction:column; margin-top:30px; }
.reinitPwdContainer3  { display:flex; flex-direction:column; margin-top:15px; }
.reinitPwdLibInput    { font-family:'Manrope-Light'; font-size:12px; color:var(--buttonBlue); }
.reinitPwdInputPwd    { width:350px; }
.reinitPwdInputPwd2    { width:350px; }
.reinitPwdErrContainer { display:flex; height:55px; align-items:center; justify-content:center; margin-top:5px; }
.reinitPwdErrTxt       { font-family:'Manrope-Regular'; font-size:14px; color:red; text-align:center; max-width:400px; max-height:48px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }             
.reinitPwdBoutonEnvoi { background:var(--buttonBlue); border:solid 1px white; width:370px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-top:5px; }
.reinitPwdBoutonEnvoi[down=true] { background-color:var(--buttonBlue_Down); }

.reinitPwdConfirmContainer { justify-content:center; height:250px; flex-direction:column; }
.reinitPwdConfirm { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); text-align:center; padding: 0 20px; }
.reinitPwdConfirmContainer1 { display:flex; flex-grow:1; align-items:center; }
.reinitPwdConfirmButton { background:var(--buttonBlue); width:80px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-bottom:15px; }
.reinitPwdConfirmButton[down=true] { background-color:var(--buttonBlue_Down); }

/* *********************************************************************************************************** */
/* CreationCompte                                                                                              */
/* *********************************************************************************************************** */
.creationCompte { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; 
             display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
.creationCompteContainer1  { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
.creationCompteContainer   { border:2px solid var(--buttonBlue); border-radius:10px; width:550px; height:530px; display:flex; flex-direction:column; align-items:center; }
.creationCompteTitre       { font-family:'Manrope-Bold'; font-size:25px; color:var(--buttonOrange); text-align:center; line-height:65px; }
.creationCompteCommentaire { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColorLight); text-align:center; padding: 0 20px; white-space:pre-wrap; }
.creationCompteContainer2  { display:flex; flex-direction:column; margin-top:30px; }
.creationCompteContainer2_1{ display:flex; gap:10px; }
.creationCompteContainer3  { display:flex; flex-direction:column; margin-top:15px; }
.creationCompteContainer4  { display:flex; flex-direction:column; margin-top:15px; }
.creationCompteContainer5  { display:flex; flex-direction:column; margin-top:15px; }
.creationCompteLibHelp     { font-family:'Manrope-Bold'; font-size:15px; color:var(--standardTextColor); border:1px solid var(--standardTextColor); border-radius:16px; cursor:pointer;
                             text-align:center; width:18px; line-height:18px; }
.creationCompteLibInput    { font-family:'Manrope-Light'; font-size:12px; color:var(--buttonBlue); }
.creationCompteInputIdWeb  { height:35px; width:350px; font-family:'Manrope-Regular'; font-size:14px; border:1px solid var(--buttonBlue); margin-top:5px;
                             border-radius:5px; padding: 0 10px; outline:none; }
.creationCompteInputEmail  { height:35px; width:350px; font-family:'Manrope-Regular'; font-size:14px; border:1px solid var(--buttonBlue); margin-top:5px; 
                             border-radius:5px; padding: 0 10px; outline:none; }
.creationCompteInputPwd    { width:365px; margin-top:5px; }
.creationCompteInputPwd2   { width:365px; margin-top:5px; }
.creationCompteErrContainer { display:flex; height:55px; align-items:center; justify-content:center; margin-top:5px; }
.creationCompteErrTxt       { font-family:'Manrope-Regular'; font-size:14px; color:red; text-align:center; max-width:400px; max-height:48px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }             
.creationCompteBoutonEnvoi { background:var(--buttonBlue); border:solid 1px white; width:370px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-top:5px; }
.creationCompteBoutonEnvoi[down=true] { background-color:var(--buttonBlue_Down); }

.creationCompteConfirmContainer { justify-content:center; height:250px; }
.creationCompteConfirm { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); text-align:center; padding: 0 20px; }

/* *********************************************************************************************************** */
/* HelpPopup                                                                                                   */
/* *********************************************************************************************************** */
.helpPopup      { width:477px; height:461px; align-items: center; }
.helpPopupTitre { font-family:'Manrope-Bold'; font-size:18px; line-height:40px; color:var(--standardTextColor); }
.helpPopupTexte { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); padding:20px 40px;}
.helpPopupImage { width:453px; height:320px; background-image:url("../Images/trouverIdWeb.png"); background-repeat:no-repeat; background-position:center; background-color:rgb(200,200,200); 
                  border:solid 1px rgb(200,200,200); }

/* *********************************************************************************************************** */
/* ConfirmCreationCompte                                                                                       */
/* *********************************************************************************************************** */
.confirmCreationCompte { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; 
                         display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
.confirmCreationCompteContainer1 { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); flex-direction:column; align-items:center; } 
.confirmCreationCompteContainer  { border:2px solid var(--buttonBlue); border-radius:10px; width:550px; height:250px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.confirmCreationCompteContainer2 { display:flex; flex-grow:1; align-items:center; }
.confirmCreationCompteCommentaire { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); text-align:center; padding: 0 20px; }
.confirmCreationCompteCommentaire[error=true] { color:var(--standardTextColor); white-space:pre-wrap; }
.confirmCreationCompteButton { background:var(--buttonBlue); width:80px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-bottom:15px; }
.confirmCreationCompteButton[down=true] { background-color:var(--buttonBlue_Down); }

/* *********************************************************************************************************** */
/* PageAccueil                                                                                                 */
/* *********************************************************************************************************** */
.pageAccueilContainer   { position:relative; display:flex; flex-direction:row; justify-content:space-evenly; margin-top:100px; }
.boutonAccueilItem      { position:relative; display:flex; flex-direction:column; width:350px; height:200px;border-radius:10px; padding:5px 15px; background-color:white;
                          border:1px solid var(--standardTextColorLight); align-items:center; user-select:none; -webkit-touch-callout:none; }
.boutonAccueilItem:hover { box-shadow: inset 0px 0px 0px 2px var(--standardTextColorLight); }
.boutonAccueilItem[down=true] { background-color:rgb(0,0,0,0.10); }                               
.boutonAccueilItemIcon    { width:50px; height:50px; background-repeat:no-repeat; background-position:center; }
.boutonAccueilItemIcon[icon=documents]      { background-image:url("../Images/accueilDocument.png"); }
.boutonAccueilItemIcon[icon=livraisonRetour] { background-image:url("../Images/accueilLivraisonRetour.png"); }
.boutonAccueilItemTitle   { font-family:'Manrope-Bold'; font-size:25px; color:var(--buttonOrange); }
.boutonAccueilItemComment { font-family:'Manrope-Light'; font-size:18px; color:var(--standardTextColor); margin-top:10px; }

/* *********************************************************************************************************** */
/* Menu                                                                                                        */
/* *********************************************************************************************************** */
.menuListContainer  { display:inline-block; margin-top:80px; text-align:left; }
.menuListItem       { position:relative; background:url("../Images/bulletItem2.png") 10px no-repeat; font-family:'Manrope-Regular'; font-size:20px; 
	                   color:var(--standardTextColor); margin-bottom:15px; width:max-content; padding:2px 10px 2px 45px; cursor:pointer; border-radius:7px; }
.menuListItem:hover { background-color:var(--itemHoverColor); }

.msgContainerTmp { display:inline-block; margin-top:80px; text-align:left; padding:20px; border-radius:7px; background:white; border:1px solid rgba(0,0,0,0.2); }
.msgTmp1 { position:relative; font-family:'Manrope-SemiBold'; font-size:22px; color:#E2811A; line-height:35px; white-space:pre; margin-bottom:30px;}
.msgTmp { position:relative; font-family:'Manrope-Light'; font-size:18px; color:var(--standardTextColor); line-height:30px; white-space:pre; margin-bottom: 10px;}

/* *********************************************************************************************************** */
/* ListeBase                                                                                                   */
/* *********************************************************************************************************** */
.listeBase                                 { position:absolute; display:flex; flex-direction:column; overflow:auto; align-items:stretch; }
.listeBaseHeader                           { display:flex; height:45px; text-align:left; padding-left:20px; }
.ListeBaseHeaderCol                        { position:relative; border-radius:5px; padding:0 7px 0 7px;}
.ListeBaseHeaderCol[sortable=true]         { cursor:pointer; }
.ListeBaseHeaderCol[sortable=true]:hover   { background-color:rgba(0,0,0,0.05); }
.ListeBaseHeaderCol[align=left]            { text-align:left; background-position:20px 32px; }
.ListeBaseHeaderCol[align=center]          { text-align:center; background-position:center 32px; }
.ListeBaseHeaderCol[align=right]           { text-align:right; background-position:calc(100% - 20px) 32px; }
.ListeBaseHeaderColText                    { line-height:28px; font-family:'Manrope-Regular'; font-size:18px; color:var(--standardTextColorLight); text-align:left; }
.ListeBaseHeaderColSort                    { height:10px; border-radius:10px; margin-bottom:3px; background-repeat:no-repeat; background-position:center; }
.ListeBaseHeaderCol[sort=ASC] .ListeBaseHeaderColSort  { background-image:url("../Images/listHeaderAsc.png"); background-color:rgba(0,0,0,0.05); }
.ListeBaseHeaderCol[sort=DESC] .ListeBaseHeaderColSort { background-image:url("../Images/listHeaderDesc.png"); background-color:rgba(0,0,0,0.05); }

.listeBaseListContainer                    { overflow:auto; border-top:solid 1px transparent; border-bottom:solid 1px transparent; padding-left:20px; padding-top:2px; padding-bottom:2px; }
.listeBaseListContainer[scrollTop=true]    { border-top:solid 1px rgba(0,0,0,0.15); }
.listeBaseListContainer[scrollBottom=true] { border-bottom:solid 1px rgba(0,0,0,0.15); }
.listeBaseRow                              { background:white; height:56px; text-align:left; margin:5px 0 5px 0; border-radius:7px; border:solid 1px rgba(0,0,0,0.15); white-space:nowrap;
                                              /*font-family:'Manrope-Regular'; font-size:18px; line-height:56px; color:var(--standardTextColor);*/ display:flex; }
.listeBaseRow:hover                        { background-color:var(--rowListHoverColor); }
.listeBaseRow[selected=true]               { background-color:var(--rowListHoverColor); border:solid 1px var(--buttonBlue); box-shadow: inset 0px 0px 0px 1px var(--buttonBlue); }
.listeBaseCell                             { position:relative; padding:0 7px 0 7px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-Regular'; font-size:18px; line-height:56px; color:var(--standardTextColor);}
.listeBaseCell[font=bold]                  { font-family:'Manrope-Bold'; }
.listeBaseCellTipText                      { position:absolute; background:yellow; border:solid 1px rgba(0,0,0,0.15); }
.listeBaseInfoTxt                          { height:70px; line-height:70px; font-family:'Manrope-Bold'; font-size:20px; color:var(--standardTextColorLight); opacity:0.6}

/* *********************************************************************************************************** */
/* ListeGrille                                                                                                 */
/* *********************************************************************************************************** */
.listeGrille                     { border:solid 1px rgba(0,0,0,0.1); border-radius:7px; }
.listeGrilleHeader               { height:44px; text-align:left; border-bottom:solid 1px rgba(0,0,0,0.1); }
.ListeGrilleHeaderCol            { display:inline-block; font-family:'Manrope-Regular'; font-size:18px; line-height:44px; color:var(--standardTextColor);
                                   padding:0 7px 0 7px; border-right:solid 1px rgba(0,0,0,0.1); }
.ListeGrilleHeaderCol[last=true] { border-right:solid 1px transparent; }
.listeGrilleContainer            { overflow:auto; background:white; flex-grow:1;}
.listeGrilleRow                  { background:white; height:44px; text-align:left; border-bottom:solid 1px rgba(0,0,0,0.05);}
.listeGrilleRow[even=true]       { background:rgba(0,0,0,0.03); }
.ListeGrilleCell                 { display:inline-block; position:relative; font-family:'Manrope-Regular'; font-size:18px; line-height:44px; color:var(--standardTextColor);
                                   padding:0 7px 0 7px; border-right:solid 1px transparent; }

/* *********************************************************************************************************** */
/* ListeDocPdf                                                                                                 */
/* *********************************************************************************************************** */
.listeDocPdf                { width:970px; top:50px; bottom:40px; left:calc(50% - 485px); }
.listeDocPdfFilterContainer { padding-bottom:20px; padding-left:10px; }
.listeDocPdfListContainer   { padding-left:10px; }
.listeDocPdfItem            { position:relative; height:50px; font-family:'Manrope-Regular'; font-size:18px; line-height:50px;
                              color:var(--standardTextColor); margin:10px 10px 10px 0px; border-radius:7px; background-color:var(--itemListBackgroundColor); }

/* *********************************************************************************************************** */
/* PageDocListeBLBI                                                                                            */
/* *********************************************************************************************************** */
.listeDocPdfBLBI             { width:836px; top:50px; bottom:40px; left:calc(50% - 418px); }
.listeDocPdfBLBIType         { line-height:36px; border-radius:7px; background-color:gray; font-family:'Manrope-Bold'; font-size:14px; color:white; margin-top:10px; height:36px; }
.listeDocPdfBLBIType[type=J] { background:var(--couleurTypeJ); }
.listeDocPdfBLBIType[type=H] { background:var(--couleurTypeH); }
.listeDocPdfBLBIType[type=R] { background:var(--couleurTypeR); }
.listeDocPdfBLBIType[type=F] { background:var(--couleurTypeF); }
.listeDocPdfBLBIEmetteur     { color:var(--standardTextColorLight); }
.listeDocPdfBLBIButton            { position:relative; top:11px; left:15px; background:var(--buttonBlue); width:47px; height:34px; }
.listeDocPdfBLBIButton[down=true] { background-color:var(--buttonBlue_Down); }
.listeDocPdfBLBIButtonImg         { background-image:url("../Images/download.png"); }

/* *********************************************************************************************************** */
/* PageDocListeBCI                                                                                             */
/* *********************************************************************************************************** */
.listeDocPdfBCI         { width:990px; top:50px; bottom:40px; left:calc(50% - 495px); }
.listeDocPdfBCIType         { line-height:36px; border-radius:7px; background-color:gray; font-family:'Manrope-Bold'; font-size:14px; color:white; margin-top:10px; height:36px; }
.listeDocPdfBCIType[type=J] { background:var(--couleurTypeJ); }
.listeDocPdfBCIType[type=H] { background:var(--couleurTypeH); }
.listeDocPdfBCIType[type=R] { background:var(--couleurTypeR); }
.listeDocPdfBCIType[type=F] { background:var(--couleurTypeF); }
.listeDocPdfBCIEmetteur { color:var(--standardTextColorLight); }
.listeDocPdfBCIButton            { position:relative; top:11px; left:15px; background:var(--buttonBlue); width:47px; height:34px; }
.listeDocPdfBCIButton[down=true] { background-color:var(--buttonBlue_Down); }
.listeDocPdfBCIButtonImg         { background-image:url("../Images/download.png"); }

/* *********************************************************************************************************** */
/* PageDocListeRH                                                                                              */
/* *********************************************************************************************************** */
.listeDocPdfRH         { width:800px; top:50px; bottom:40px; left:calc(50% - 400px); }
.listeDocPdfRHEmetteur { color:var(--standardTextColorLight); }

.listeDocPdfRHButton            { position:relative; top:11px; left:15px; background:var(--buttonBlue); width:47px; height:34px; }
.listeDocPdfRHButton[down=true] { background-color:var(--buttonBlue_Down); }
.listeDocPdfRHButtonImg         { background-image:url("../Images/download.png"); }

/* *********************************************************************************************************** */
/* PageDocListeFactAvoir                                                                                       */
/* *********************************************************************************************************** */
.listeDocPdfFactAvoir         { width:830px; top:50px; bottom:40px; left:calc(50% - 415px); }
.listeDocPdfFactAvoirEmetteur { color:var(--standardTextColorLight); }
.listeDocPdfFactAvoirButton            { position:relative; top:11px; left:15px; background:var(--buttonBlue); width:47px; height:34px; }
.listeDocPdfFactAvoirButton[down=true] { background-color:var(--buttonBlue_Down); }
.listeDocPdfFactAvoirButtonImg         { background-image:url("../Images/download.png"); }

/* *********************************************************************************************************** */
/* PageListeBLRecep                                                                                            */
/* *********************************************************************************************************** */
.listeBLReception                 { width:936px; top:50px; bottom:40px; left:calc(50% - 483px); }
.listeBLReceptionItemType         { line-height:36px; border-radius:7px; background-color:gray; font-family:'Manrope-Bold'; font-size:14px; color:white; margin-top:10px; height:36px; }
.listeBLReceptionItemType[type=J] { background:var(--couleurTypeJ); }
.listeBLReceptionItemType[type=H] { background:var(--couleurTypeH); }
.listeBLReceptionItemType[type=R] { background:var(--couleurTypeR); }
.listeBLReceptionItemType[type=F] { background:var(--couleurTypeF); }
.listeBLReceptionEmetteur         { color:var(--standardTextColorLight); }
.listeBLReceptionButton           { position:relative; top:11px; left:15px; width:120px; height:34px; color:white; }
.listeBLReceptionButton[down=true]               {  }
.listeBLReceptionButton[color=green]             { background:var(--buttonGreen); }
.listeBLReceptionButton[color=green][down=true]  { background-color:var(--buttonGreen_Down); }
.listeBLReceptionButton[color=blue]              { background:var(--buttonBlue); }
.listeBLReceptionButton[color=blue][down=true]   { background-color:var(--buttonBlue_Down); }
.listeBLReceptionButton[color=orange]            { background:var(--buttonOrange); }
.listeBLReceptionButton[color=orange][down=true] { background-color:var(--buttonOrange_Down); }

/* *********************************************************************************************************** */
/* PageDetailBL                                                                                                */
/* *********************************************************************************************************** */
.pageDetailBLAddButton            { position:absolute; top:10px; right:65px; background:var(--buttonBlue); color:white; height:36px; width:195px; }
.pageDetailBLAddButton[down=true] { background-color:var(--buttonBlue_Down); }

.PageDetailBLPrintButton            { position:absolute; top:10px; right:20px; background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); width:34px; height:34px; }
.PageDetailBLPrintButton[down=true] { background-color:var(--buttonTransparent_Down); }
.PageDetailBLPrintButtonImg         { background-image:url("../Images/print.png"); }

.listeDetailBL { position:absolute; width:1150px; top:50px; bottom:20px; left:calc(50% - 575px); overflow:auto; }
.listeDetailBL[consult=true] { width:1050px; left:calc(50% - 525px); }
.listeDetailBLCellInput { position:relative; top:1px; font-family:'Manrope-Bold'; width:60px; height:30px; background:var(--inputBackground); font-size:20px;
                          text-align:right; padding-right:5px; }

.listeDetailBLCellInput[status=check] { background-color:var(--inputBackgroundGreen); border:solid 1px var(--buttonGreen); }
.listeDetailBLCellInput[status=check]:focus { border:solid 2px var(--buttonGreen); border-radius:3px; }
.listeDetailBLCellInput[status=rcl] { background-color:var(--inputBackgroundOrange); border:solid 1px var(--buttonOrange); }
.listeDetailBLCellInput[status=rcl]:focus { border:solid 2px var(--buttonOrange); border-radius:3px; }

.listeDetailBLCellQteRecue { font-family:'Manrope-Bold'; font-size:20px; text-align:right; padding-right:5px; }
.listeDetailBLCellQteRecue[status=check] { color:var(--buttonGreen); }
.listeDetailBLCellQteRecue[status=rcl]   { color:var(--buttonOrange); }

.listeDetailBLCellQte  { font-family:'Manrope-Bold'; }
.listeDetailBLCellRecl { font-family:'Manrope-Bold';  } 
.listeDetailBLCellRecl[modif=true] { color:var(--buttonRed); } 

.listeDetailBLCellTitre {  }
.listeDetailBLCellTitre[inconnu=true] { color:var(--standardTextColorLight); font-style:italic; }
.listeDetailBLCellLibQte { display:flex; justify-content:center; align-items:center; align-items:center; }
.listeDetailBLCellContainerRecl { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; border-radius:3px; border:solid 1px rgba(0,0,0,0.1); 
                                  width:calc(100% - 7px); height:calc(100% - 16px); margin-right:5px; visibility:hidden;}
.listeDetailBLCellQteBL  { font-family:'Manrope-Regular'; font-size:14px; height:20px; color:var(--buttonRed); line-height:20px; padding-left:5px; }
.listeDetailBLCellQteRCL { font-family:'Manrope-Regular'; font-size:14px; height:20px; color:var(--buttonRed); line-height:20px; padding-left:5px; }
.listeDetailBLCellCheck  { position:absolute; background:url("../Images/checkRecep.png") center no-repeat; visibility:hidden; height:28px; width:60px; }

.listeDetailBLButtonPlus            { position:absolute; top:12px; left:0px; background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); width:30px; height:30px; }
.listeDetailBLButtonPlus[down=true] { background-color:var(--buttonTransparent_Down); }
.listeDetailBLButtonPlusImg         { background-image:url("../Images/boutonListePlus.png"); }

.listeDetailBLButtonMoins            { position:absolute; top:12px; left:35px; background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); width:30px; height:30px; }
.listeDetailBLButtonMoins[down=true] { background-color:var(--buttonTransparent_Down); }
.listeDetailBLButtonMoinsImg         { background-image:url("../Images/boutonListeMoins.png"); }

.listeDetailBLButtonCheck            { position:absolute; top:12px; left:70px; background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); width:30px; height:30px; }
.listeDetailBLButtonCheck[down=true] { background-color:var(--buttonTransparent_Down); }
.listeDetailBLButtonCheckImg         { background-image:url("../Images/boutonListeCheck.png"); }

.listeDetailBLInputToolTipError { background-color: var(--inputBackgroundRed); border:solid 1px rgba(255,0,0,0.5); }
.listeDetailBLInputToolTipContentError { font-family:'Manrope-Regular'; font-size:12px; }

.popupAjouteReclamation            { width:550px; height:300px; }
.popupAjouteReclamationMainPanel    { display:flex; margin:20px; flex-direction:column; gap:10px; }
.popupAjouteReclamationRowContainer { display:flex; justify-content:center; }
.popupAjouteReclamationRadioGroup   { display:flex; }
.popupAjouteReclamationRadioGroup:focus { outline:none; }
.popupAjouteReclamationLibCodif     { font-family:'Manrope-Light'; font-size:18px; color:var(--standardTextColor); width:60px;  text-align:right; margin-right:10px; line-height:34px; }
.popupAjouteReclamationLibNumero    { font-family:'Manrope-Light'; font-size:18px; color:var(--standardTextColor); width:120px; text-align:right; margin-right:10px; line-height:34px; }
.popupAjouteReclamationLibQte       { font-family:'Manrope-Light'; font-size:18px; color:var(--standardTextColor); width:80px;  text-align:right; margin-right:10px; line-height:34px; }
.popupAjouteReclamationInput        { margin-right:15px; width:90px; height:28px; font-family:'Manrope-Regular'; background:var(--inputBackground); color:var(--standardTextColor); font-size:24px; padding-left:5px; }
.popupAjouteReclamationRadio        { margin-right:20px; }
.popupAjouteReclamationTitre        { font-family:'Manrope-Regular'; font-size:18px; color:var(--standardTextColor); max-width:350px; height:30px ;line-height:30px; padding:0 15px; border-radius:7px; border:solid 1px rgba(0,0,0,0.2); visibility:hidden; }
.popupAjouteReclamationTitre[inconnu=true] { color:var(--standardTextColorLight); font-style:italic; }
.popupAjouteReclamationButton                          { color:white; height:38px; width:120px; }
.popupAjouteReclamationButton[color=orange]            { background:var(--buttonOrange); }
.popupAjouteReclamationButton[color=orange][down=true] { background-color:var(--buttonOrange_Down); }
.popupAjouteReclamationButton[color=gray]              { background:var(--buttonGray); }
.popupAjouteReclamationButton[color=gray][down=true]   { background-color:var(--buttonGray_Down); }


/* *********************************************************************************************************** */
/* PageListeBIDeclaration                                                                                      */
/* *********************************************************************************************************** */
.listeBIDeclaration                 { width:936px; top:50px; bottom:40px; left:calc(50% - 483px); }
.listeBIDeclarationItemType         { line-height:36px; border-radius:7px; background-color:gray; font-family:'Manrope-Bold'; font-size:14px; color:white; margin-top:10px; height:36px; }
.listeBIDeclarationItemType[type=J] { background:var(--couleurTypeJ); }
.listeBIDeclarationItemType[type=H] { background:var(--couleurTypeH); }
.listeBIDeclarationItemType[type=R] { background:var(--couleurTypeR); }
.listeBIDeclarationItemType[type=F] { background:var(--couleurTypeF); }
.listeBIDeclarationEmetteur         { color:var(--standardTextColorLight); }

.listeBIDeclarationButton        { position:relative; top:11px; left:15px; width:120px; height:34px; color:white; }
.listeBIDeclarationButton[down=true]               {  }
.listeBIDeclarationButton[color=green]             { background:var(--buttonGreen); }
.listeBIDeclarationButton[color=green][down=true]  { background-color:var(--buttonGreen_Down); }
.listeBIDeclarationButton[color=blue]              { background:var(--buttonBlue); }
.listeBIDeclarationButton[color=blue][down=true]   { background-color:var(--buttonBlue_Down); }
.listeBIDeclarationButton[color=orange]            { background:var(--buttonOrange); }
.listeBIDeclarationButton[color=orange][down=true] { background-color:var(--buttonOrange_Down); }


/* *********************************************************************************************************** */
/* PageDetailBI                                                                                                */
/* *********************************************************************************************************** */
.pageDetailBIPrintButton            { position:absolute; top:10px; right:20px; background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); width:34px; height:34px; }
.pageDetailBIPrintButton[down=true] { background-color:var(--buttonTransparent_Down); }
.pageDetailBIPrintButtonImg         { background-image:url("../Images/print.png"); }

.listeDetailBI { position:absolute; width:960px; top:50px; bottom:10px; left:calc(50% - 480px); overflow:auto; }
.listeDetailBIButtonPlus            { position:absolute; top:12px; left:10px; background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); width:30px; height:30px; }
.listeDetailBIButtonPlus[down=true] { background-color:var(--buttonTransparent_Down); }
.listeDetailBIButtonPlusImg         { background-image:url("../Images/boutonListePlus.png"); }

.listeDetailBIButtonMoins            { position:absolute; top:12px; left:45px; background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); width:30px; height:30px; }
.listeDetailBIButtonMoins[down=true] { background-color:var(--buttonTransparent_Down); }
.listeDetailBIButtonMoinsImg         { background-image:url("../Images/boutonListeMoins.png"); }

.listeDetailBICellInput { position:relative; top:1px; font-family:'Manrope-Bold'; width:60px; height:30px; background:var(--inputBackground); font-size:20px;
                          text-align:right; padding-right:5px; }
.listeDetailBICellPrio { font-family:'Manrope-Bold'; }
.listeDetailBICellQteInv { font-family:'Manrope-Bold'; }
.listeDetailBIFooter { position:relative; height:55px; overflow:hidden; flex:none; }
.listeDetailBIFooterLibelle { position:absolute; text-align:left; right:220px; bottom:0px; line-height:43px ; font-family:'Manrope-Regular'; font-size:18px; color:var(--standardTextColorLight); }
.listeDetailBIFooterTotal   { position:absolute; text-align:right; right:134px; bottom:3px; line-height:40px ; font-family:'Manrope-Bold'; font-size:24px; color:var(--standardTextColor); 
                              width:75px; text-overflow:ellipsis; overflow: hidden; }

/* *********************************************************************************************************** */
/* PageOublie                                                                                                  */
/* *********************************************************************************************************** */
.pageOublieAddButton            { position:absolute; top:10px; right:20px; background:var(--buttonBlue); color:white; height:36px; width:195px; }
.pageOublieAddButton[down=true] { background-color:var(--buttonBlue_Down); }

.listeOublie         { position:absolute; width:1100px; top:50px; bottom:20px; left:calc(50% - 550px); overflow:auto; }
.listeOublieCellEtat { display:flex; align-items:center; justify-content:center; }

.listeOublieVisualEtat { position:absolute; height:30px; width:110px; line-height:31px; font-family:'Manrope-Bold'; font-size:14px; border:1px solid; border-radius:40px; }
.listeOublieVisualEtat[etat=R] { border-color:var(--buttonRed); color:var(--buttonRed); background:#EB1D1D33; }
.listeOublieVisualEtat[etat=E] { border-color:var(--buttonOrange); color:var(--buttonOrange); background:#F4871333; }
.listeOublieVisualEtat[etat=A] { border-color:var(--buttonGreen); color:var(--buttonGreen); background:#18930033; }
.listeOublieVisualEtat[etat=T] { border-color:var(--buttonBlue); color:var(--buttonBlue); background:#3B7FAF33; }
.listeOublieCellCommentaire { font-size:16px; }
.listeOublieCellCommentaire[etat=R] { color:var(--buttonRed); }
.listeOublieCellCommentaire[etat=E] { color:var(--buttonOrange); }
.listeOublieCellCommentaire[etat=A] { color:var(--buttonGreen); }
.listeOublieCellCommentaire[etat=T] { color:var(--buttonBlue); }

.popupAjouteOublie             { width:550px; height:300px; }
.popupAjouteOublieMainPanel    { display:flex; margin:20px; flex-direction:column; gap:10px; }
.popupAjouteOublieRowContainer { display:flex; justify-content:center; }
.popupAjouteOublieRadioGroup   { display:flex; }
.popupAjouteOublieRadioGroup:focus { outline:none; }
.popupAjouteOublieLibCodif     { font-family:'Manrope-Light'; font-size:18px; color:var(--standardTextColor); width:60px;  text-align:right; margin-right:10px; line-height:34px; }
.popupAjouteOublieLibNumero    { font-family:'Manrope-Light'; font-size:18px; color:var(--standardTextColor); width:120px; text-align:right; margin-right:10px; line-height:34px; }
.popupAjouteOublieInput        { margin-right:15px; width:90px; height:28px; font-family:'Manrope-Regular'; background:var(--inputBackground); color:var(--standardTextColor); font-size:24px; padding-left:5px; }
.popupAjouteOublieRadio        { margin-right:20px; }
.popupAjouteOublieTitre        { font-family:'Manrope-Regular'; font-size:18px; color:var(--standardTextColor); max-width:350px; height:30px ;line-height:30px; padding:0 15px; border-radius:7px; border:solid 1px rgba(0,0,0,0.2); visibility:hidden; }
.popupAjouteOublieTitre[inconnu=true] { color:var(--standardTextColorLight); font-style:italic; }
.popupAjouteOublieButton       { color:white; height:38px; width:120px; }
.popupAjouteOublieButton[color=orange]            { background:var(--buttonOrange); }
.popupAjouteOublieButton[color=orange][down=true] { background-color:var(--buttonOrange_Down); }
.popupAjouteOublieButton[color=gray]              { background:var(--buttonGray); }
.popupAjouteOublieButton[color=gray][down=true]   { background-color:var(--buttonGray_Down); }


/* *********************************************************************************************************** */
/* validationRibbon                                                                                            */
/* *********************************************************************************************************** */
.validationRibbon { position:relative; transition:height 0.7s; background:white; margin:10px; border:solid 2px var(--buttonRed); border-radius:7px; height:0px; visibility:hidden; 
                    display:flex; justify-content:flex-end; padding:0 30px; }
.validationRibbon[expend=true] { height:74px; visibility:visible; }
.validationRibbonWarning { animation:ribbonWarningBkg 0.7s; }

.validationRibbonTextZone { transition:opacity 0.3s; transition-delay:0.3s; opacity:0; width: 100%; display:flex; justify-content: center; align-items: center; }
.validationRibbonText     { position:relative; font-family:'Manrope-Regular'; font-size:16px; color:var(--standardTextColor); text-align:center; white-space:pre; }
.validationRibbonButtonZone { transition:opacity 0.3s; transition-delay:0.3s; opacity:0; display:flex; justify-content:center; align-items:center; column-gap:30px; }

.validationRibbonButton { background:var(--buttonRed); color:white; width:140px; height:34px; }
.validationRibbonButton[down=true] { background-color:var(--buttonRed_Down); }

.validationRibbon[expend=true] .validationRibbonTextZone { opacity:1; }
.validationRibbon[expend=true] .validationRibbonButtonZone { opacity:1; }

@keyframes ribbonWarningBkg {
  0%   { background-color:white; }
  20%  { background-color:var(--buttonOrange); }
  100% { background-color:white; }
}

/* *********************************************************************************************************** */
/* spinnerWait                                                                                                 */
/* *********************************************************************************************************** */
.spinnerWaitBackground { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; background:rgba(255,255,255,0);
                         /*display:flex; align-items:center; justify-content:center;*/ }

.spinnerWaitContainer { position:absolute; display:flex; align-items:center; justify-content:center; }                         

.spinnerWait {width:65px; height:65px; animation:rotator var(--duration) linear infinite; }

@media (orientation: landscape) {
  .m_spinnerWait {width:100px; height:100px; animation:rotator var(--duration) linear infinite; }
}

@media (orientation: portrait) {
  .m_spinnerWait {width:200px; height:200px; animation:rotator var(--duration) linear infinite; }
}

@keyframes rotator {
  0%   { transform:rotate(0deg); }
  100% { transform:rotate(270deg); }
}

.spinnerWaitCircle { stroke-dasharray:var(--offset); stroke-dashoffset:0; transform-origin:center; animation:dash var(--duration) ease-in-out infinite, colors var(--duration4) ease-in-out infinite; }

@keyframes colors {
  0%   { stroke: #ff7373; }
  25%  { stroke: #ffc06f; }
  50%  { stroke: #82c2ff; }
  75%  { stroke: #119900; }
  100% { stroke: #4285F4; }
}

@keyframes dash {
 0%   { stroke-dashoffset:var(--offset); }
 50%  { stroke-dashoffset:var(--offset4); transform:rotate(135deg); }
 100% { stroke-dashoffset:var(--offset); transform:rotate(450deg); }
}

/* ****************************************************************************************************************************************************************** */
/* ****************************************************************************************************************************************************************** */
/* ********   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ********* */
/* ****************************************************************************************************************************************************************** */
/* ********   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ********* */
/* ****************************************************************************************************************************************************************** */
/* ********   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ********* */
/* ****************************************************************************************************************************************************************** */
/* ********   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ***************   M O B I L E   ********* */
/* ****************************************************************************************************************************************************************** */
/* ****************************************************************************************************************************************************************** */

/* *********************************************************************************************************** */
/* Général  (M O B I L E)                                                                                      */
/* *********************************************************************************************************** */
.m_pageContainer { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; display:flex; flex-direction:column; outline:none; }

.m_translucentLayer { background:rgba(0,0,0,0.15); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); outline:none; width:100%; height:100%; 
                    user-select:none; display:flex; justify-content:center; align-items:center; flex-direction:column; }

/* *********************************************************************************************************** */
/* VisualBaseButton  (M O B I L E)                                                                             */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_visualBaseButton                { display:flex; align-items:center; justify-content:center; user-select:none; -webkit-touch-callout:none; border-radius:5px; font-family:'Manrope-SemiBold'; font-size:20px; cursor:pointer;}
  .m_visualBaseButton[disabled=true] { opacity:0.3; }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_visualBaseButton                { display:flex; align-items:center; justify-content:center; user-select:none; -webkit-touch-callout:none; border-radius:10px; font-family:'Manrope-SemiBold'; font-size:30px; cursor:pointer;}
  .m_visualBaseButton[disabled=true] { opacity:0.3; }
}

/* *********************************************************************************************************** */
/* VisualButton  (M O B I L E)                                                                                 */
/* *********************************************************************************************************** */
.m_visualButtonContentText { user-select:none; -webkit-touch-callout:none; text-align:center; }
.m_visualButtonContentImg  { width:100%; height:100%; background-repeat:no-repeat; background-position:center center; }

/* *********************************************************************************************************** */
/* VisualComboBox  (M O B I L E)                                                                               */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_visualComboBox { display: block; text-align:left; font-family:'Manrope-Regular'; font-size:25px; color:var(--standardTextColor); 
                      border-radius:7px; padding-left:10px; border:1px solid rgba(0,0,0,0.1); outline:none; }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_visualComboBox { display: block; text-align:left; font-family:'Manrope-Regular'; font-size:42px; color:var(--standardTextColor); 
                      border-radius:7px; padding-left:10px; border:2px solid rgba(0,0,0,0.1); outline:none; }
}

/* *********************************************************************************************************** */
/* VisualRadio  (M O B I L E)                                                                                  */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_visualRadio       { border-radius:50px; display:flex; cursor:pointer; transition:background 0.2s ease; /*gap:7px;*/ padding:5px 10px; align-items:center;}
  .m_visualRadio:focus { outline:none; }
  .m_visualRadioInputContainer { padding:1px; border:1px solid transparent; border-radius:20px; }
  .m_visualRadioInputSafari { vertical-align:middle; width:20px; height:20px; border-radius:10px; padding:0; margin:0; pointer-events:none; }
  .m_visualRadioInput       { vertical-align:middle; width:20px; height:20px; border-radius:10px; background:none; border:0; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.2);
                            appearance:none; padding:0; margin:0; transition:box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25); pointer-events:none; }
  .m_visualRadioInput:focus { outline:none; }
  .m_visualRadioInput:checked { box-shadow:inset 0 0 0 6px var(--buttonBlue); }
  .m_visualRadio:focus .visualRadioInputContainer { outline:none; border:2px solid var(--buttonBlue); }
  .m_visualRadioLabel  { font-family:'Manrope-Light'; font-size:22px; line-height:22px; color:var(--standardTextColor); margin-left:3px; }
  .m_visualRadioInput:checked + .visualRadioLabel { font-family:'Manrope-Regular'; }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_visualRadio       { border-radius:100px; display:flex; cursor:pointer; transition:background 0.2s ease; /*gap:16px;*/ padding:10px 20px; align-items:center;}
  .m_visualRadio:focus { outline:none; }
  .m_visualRadioInputContainer { padding:2px; border:2px solid transparent; border-radius:40px; }
  .m_visualRadioInputSafari { vertical-align:middle; width:40px; height:40px; border-radius:20px; padding:0; margin:0; pointer-events:none; }
  .m_visualRadioInput       { vertical-align:middle; width:40px; height:40px; border-radius:20px; background:none; border:0; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.2);
                            appearance:none; padding:0; margin:0; transition:box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25); pointer-events:none; }
  .m_visualRadioInput:focus { outline:none; }
  .m_visualRadioInput:checked { box-shadow:inset 0 0 0 12px var(--buttonBlue); }
  .m_visualRadio:focus .visualRadioInputContainer { outline:none; border:2px solid var(--buttonBlue); }
  .m_visualRadioLabel  { font-family:'Manrope-Light'; font-size:40px; line-height:40px; color:var(--standardTextColor); margin-left:6px; }
  .m_visualRadioInput:checked + .visualRadioLabel { font-family:'Manrope-Regular'; }
}

/* *********************************************************************************************************** */
/* PopupBase  (M O B I L E)                                                                                    */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape) {
  .m_popupBase      { position:relative; display:flex; width:100%; height:100%; flex-direction:row; }
  .m_popupBaseContainer { position:relative; display:flex; width:100%; height:100%; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; outline:none; justify-content:center; }
  .m_popupBaseContainer2 { position:relative; display:flex; width:100%; height:100%; justify-content:center; align-items:center; }
  .m_popupBasePopup { border:1px solid var(--buttonGray); border-radius:10px; text-align:center; vertical-Align:top; overflow:hidden; background:rgb(255,255,255); display:flex; flex-direction:column; }
  .m_popupBaseVirtualKbd { display:flex; /*flex-shrink:1;*/ padding:5px; }
}
@media only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_popupBase      { position: absolute; display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; }
  .m_popupBaseContainer { position:relative; display:flex; width:100%; height:100%; flex-direction:column; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; outline:none; justify-content:center; }
  .m_popupBaseContainer2 { position:relative; display:flex; width:100%; height:100%; justify-content:center; align-items:center; flex-direction:column; }
  .m_popupBasePopup { border:2px solid var(--buttonGray); border-radius:10px; text-align:center; vertical-Align:top; overflow:hidden; background:rgb(255,255,255); display:flex; flex-direction:column; }
  .m_popupBaseVirtualKbd { /*display:flex;*/ /*width:100%;*/ padding:5px; flex-direction:column; }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_popupBase      { position: absolute; display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; }
  .m_popupBaseContainer { position:relative; display:flex; width:100%; height:100%; flex-direction:column; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; outline:none; justify-content:center; }
  .m_popupBaseContainer2 { position:relative; display:flex; width:100%; height:100%; justify-content:center; align-items:center; flex-direction:column; }
  .m_popupBasePopup { border:2px solid var(--buttonGray); border-radius:20px; text-align:center; vertical-Align:top; overflow:hidden; background:rgb(255,255,255); display:flex; flex-direction:column; }
  .m_popupBaseVirtualKbd { /*display:flex;*/ /*width:100%;*/ padding:5px; flex-direction:column; }
}

/* *********************************************************************************************************** */
/* PopupWindow  (M O B I L E)                                                                                  */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_popupWindowPopup       { display:flex; flex-direction:column; flex-wrap:nowrap; padding:5px; }
  .m_popupWindowTitlePanel  { position:relative; top:7px; left:10px; right:10px; height:60px; text-align:left; flex-shrink:0; }
  .m_popupWindowMainPanel   { position:relative; display:block; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; }
  .m_popupWindowButtonPanel { position:relative; display:flex; padding-bottom:10px; justify-content:space-evenly; }
  .m_popupWindowTitle       { position:absolute; height:100%; font-family:'Manrope-Bold'; font-size:25px; top:0px; left:50px; right:50px; text-align:center; color:var(--standardTextColorLight);}
  .m_popupWindowIcon        { position:absolute; width:40px; height:40px; background:url("../Images/popupModify.png") center no-repeat; }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_popupWindowPopup       { display:flex; flex-direction:column; flex-wrap:nowrap; padding:10px; }
  .m_popupWindowTitlePanel  { position:relative; top:15px; left:20px; right:20px; height:120px; text-align:left; flex-shrink:0; }
  .m_popupWindowMainPanel   { position:relative; display:block; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; }
  .m_popupWindowButtonPanel { position:relative; display:flex; padding-bottom:20px; justify-content:space-evenly; }
  .m_popupWindowTitle       { position:absolute; height:100%; font-family:'Manrope-Bold'; font-size:50px; top:0px; left:90px; right:90px; text-align:center; color:var(--standardTextColorLight);}
  .m_popupWindowIcon        { position:absolute; width:80px; height:80px; background:url("../Images/popupModify_x2_P.png") center no-repeat; }
}

/* *********************************************************************************************************** */
/* PopupMsg  (M O B I L E)                                                                                     */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_popupMsg            { min-width:600px; display:flex; flex-direction:column; padding:5px; }
  .m_popupMsgTitlePanel  { position:relative; margin:5px 10px 0 10px; height:50px; text-align:left; flex-shrink:0; }
  .m_popupMsgTitle       { position:absolute; height:100%; font-family:'Manrope-Bold'; font-size:27px; top:0px; left:50px; right:50px; text-align:center; color:var(--standardTextColorLight);}
  .m_popupMsgTextPanel   { max-width:700px; color:var(--standardTextColor); white-space:pre-wrap; padding:12px; font-family:'Manrope-Regular'; font-size:22px;
                           text-shadow:none; cursor:default; overflow:hidden; text-align:center; }
  .m_popupMsgTextPanel[withBorder=true] { border:solid 1px var(--standardTextColorLight); overflow-y:scroll; }                       
  .m_popupMsgButtonPanel { height:60px; display:flex; justify-content:space-evenly; align-items:center; margin-top:10px; flex-shrink:0; }
  .m_popupMsgIcon                   { position:absolute; width:40px; height:40px; }
  .m_popupMsgIcon[icon=Error]       { background-image:url("../Images/popupMsgError.png"); }
  .m_popupMsgIcon[icon=Information] { background-image:url("../Images/popupMsgInformation.png"); }
  .m_popupMsgIcon[icon=Question]    { background-image:url("../Images/popupMsgQuestion.png"); }
  .m_popupMsgIcon[icon=Validation]  { background-image:url("../Images/popupMsgValidation.png"); }
  .m_popupMsgIcon[icon=Warning]     { background-image:url("../Images/popupMsgWarning.png"); }
  .m_popupMsgButton                               { color:white; height:50px; font-size:22px; width:160px; }
  .m_popupMsgButton[color=turquoise]              { background:var(--buttonTurquoise); }
  .m_popupMsgButton[color=turquoise][down=true]   { background-color:var(--buttonTurquoise_Down); }
  .m_popupMsgButton[color=green]                  { background:var(--buttonGreen); }
  .m_popupMsgButton[color=green][down=true]       { background-color:var(--buttonGreen_Down); }
  .m_popupMsgButton[color=orange]                 { background:var(--buttonOrange); }
  .m_popupMsgButton[color=orange][down=true]      { background-color:var(--buttonOrange_Down); }
  .m_popupMsgButton[color=blue]                   { background:var(--buttonBlue); }
  .m_popupMsgButton[color=blue][down=true]        { background-color:var(----buttonBlue_Down); }
  .m_popupMsgButton[color=red]                    { background:var(--buttonTurquoise); }
  .m_popupMsgButton[color=red][down=true]         { background-color:var(--buttonRed_Down); }
  .m_popupMsgButton[color=gray]                   { background:var(--buttonGray); }
  .m_popupMsgButton[color=gray][down=true]        { background-color:var(--buttonGray_Down); }
  .m_popupMsgButton[color=white]                  { background:var(--buttonWhite); border:solid 1px var(--standardTextColorLight); }
  .m_popupMsgButton[color=white][down=true]       { background-color:var(--buttonWhite_Down); }
  .m_popupMsgButton[color=transparent]            { background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); }
  .m_popupMsgButton[color=transparent][down=true] { background-color:var(--buttonTransparent_Down); }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_popupMsg            { min-width:700px; display:flex; flex-direction:column; padding:10px; }
  .m_popupMsgTitlePanel  { position:relative; margin:10px 10px 0 10px; height:110px; text-align:left; flex-shrink:0; }
  .m_popupMsgTitle       { position:absolute; height:100%; font-family:'Manrope-Bold'; font-size:50px; top:0px; left:90px; right:90px; text-align:center; color:var(--standardTextColorLight); }
  .m_popupMsgTextPanel   { max-width:800px; color:var(--standardTextColor); white-space:pre-wrap; padding:12px; font-family:'Manrope-Regular'; font-size:40px;
                           text-shadow:none; cursor:default; overflow:hidden; text-align:center; }
  .m_popupMsgTextPanel[withBorder=true] { border:solid 1px var(--standardTextColorLight); overflow-y:scroll; }                       
  .m_popupMsgButtonPanel { height:140px; display:flex; justify-content:space-evenly; align-items:center; margin-top:20px; flex-shrink:0; }
  .m_popupMsgIcon                   { position:absolute; width:80px; height:80px; }
  .m_popupMsgIcon[icon=Error]       { background-image:url("../Images/popupMsgError_x2.png"); }
  .m_popupMsgIcon[icon=Information] { background-image:url("../Images/popupMsgInformation_x2.png"); }
  .m_popupMsgIcon[icon=Question]    { background-image:url("../Images/popupMsgQuestion_x2.png"); }
  .m_popupMsgIcon[icon=Validation]  { background-image:url("../Images/popupMsgValidation_x2.png"); }
  .m_popupMsgIcon[icon=Warning]     { background-image:url("../Images/popupMsgWarning_x2.png"); }
  .m_popupMsgButton                               { color:white; height:90px; font-size:40px; width:280px;}
  .m_popupMsgButton[color=turquoise]              { background:var(--buttonTurquoise); }
  .m_popupMsgButton[color=turquoise][down=true]   { background-color:var(--buttonTurquoise_Down); }
  .m_popupMsgButton[color=green]                  { background:var(--buttonGreen); }
  .m_popupMsgButton[color=green][down=true]       { background-color:var(--buttonGreen_Down); }
  .m_popupMsgButton[color=orange]                 { background:var(--buttonOrange); }
  .m_popupMsgButton[color=orange][down=true]      { background-color:var(--buttonOrange_Down); }
  .m_popupMsgButton[color=blue]                   { background:var(--buttonBlue); }
  .m_popupMsgButton[color=blue][down=true]        { background-color:var(----buttonBlue_Down); }
  .m_popupMsgButton[color=red]                    { background:var(--buttonTurquoise); }
  .m_popupMsgButton[color=red][down=true]         { background-color:var(--buttonRed_Down); }
  .m_popupMsgButton[color=gray]                   { background:var(--buttonGray); }
  .m_popupMsgButton[color=gray][down=true]        { background-color:var(--buttonGray_Down); }
  .m_popupMsgButton[color=white]                  { background:var(--buttonWhite); border:solid 2px var(--standardTextColorLight); }
  .m_popupMsgButton[color=white][down=true]       { background-color:var(--buttonWhite_Down); }
  .m_popupMsgButton[color=transparent]            { background:var(--buttonTransparent); border:solid 2px var(--standardTextColorLight); }
  .m_popupMsgButton[color=transparent][down=true] { background-color:var(--buttonTransparent_Down); }
}

/* *********************************************************************************************************** */
/* Login Page  (M O B I L E)                                                                                   */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_loginPage      { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; 
                    display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_loginContainer1 { display:flex; flex-grow:1; padding-top:50px; justify-content:flex-start; flex-direction:column; align-items:center; } 
  .m_loginContainer2 { display:flex; /*gap:85px;*/ margin-top:15px; }      
  .m_loginContainer { background:var(--buttonBlue); border-radius:10px; width:450px; height:300px; display:flex; flex-direction:column; align-items:center; }
  .m_loginLogo      { background:url("../Images/logoLogin.png") center no-repeat; width:400px; height:75px; margin:0px 0 20px 20px; }
  .m_loginForm      { display:flex; flex-direction:column; /*gap:2px;*/ width:245px; }
  .m_loginInputIdCont  { position:relative; height:40px; width:190px; margin-bottom:1px; }
  .m_loginInputPwdCont { position:relative; height:40px; width:190px; margin-top:1px; }
  .m_loginInputId   { position:absolute; height:40px; width:190px; border:none; border-radius:10px 10px 0 0; font-family:'Manrope-Regular'; font-size:18px; padding:0px 10px 0 45px; outline:none; }
  .m_loginInputPwd  { position:absolute; height:40px; width:190px; border:none; border-radius:0 0 10px 10px; font-family:'Manrope-Regular'; font-size:18px; padding:0px 10px 0 45px; outline:none; }
  .m_loginInputIdIcon  { position:absolute; background-image:url("../Images/loginUser.png"); width:30px; height:30px; top:4px; left:7px; }                  
  .m_loginInputPwdIcon { position:absolute; background-image:url("../Images/loginKey.png");  width:30px; height:30px; top:4px; left:7px; }                  
  .m_loginInfoContainer { display:flex; height:55px; align-items:center; justify-content:center; margin-top:5px; }
  .m_loginInfoTxt       { font-family:'Manrope-Regular'; font-size:14px; color:yellow; text-align:center; max-width:400px; max-height:48px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }                  
  .m_loginButton            { background:var(--buttonBlue); border:solid 1px white; width:150px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-top:5px; }
  .m_loginButton[down=true] { background-color:var(--buttonBlue_Down); }

  @keyframes m_loginAnimLoading { 0% { background-position:initial; } 100% { background-position:200px 0px; } }

  .m_loginButton[loading=true] { background:linear-gradient(90deg, #FFFFFF00 40%, #FFFFFF33 50%, #FFFFFF00 60%); background-size:200px 100px; animation:m_loginAnimLoading 1s linear infinite; }

  .m_loginMdPOublie         { font-family:'Manrope-Regular'; font-size:14px; color:var(--standardTextColor); text-align:center; cursor:pointer; margin-right:42px; }
  .m_loginMdPOublie:hover   { text-decoration:underline; }
  .m_loginCreationCompte       { font-family:'Manrope-Regular'; font-size:14px; color:var(--standardTextColor); text-align:center; cursor:pointer; margin-left:42px; }
  .m_loginCreationCompte:hover { text-decoration:underline; }
  .m_loginMentionsLegales   { font-family:'Manrope-Regular'; font-size:12px; color:var(--standardTextColorLight); text-align:center; white-space:pre; margin-bottom:10px; line-height:17px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_loginPage      { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; 
                    display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_loginContainer1 { display:flex; flex-grow:1; padding-top:150px; justify-content:flex-start; flex-direction:column; align-items:center; } 
  .m_loginContainer2 { display:flex; /*gap:160px;*/ margin-top:50px; }      
  .m_loginContainer { background:var(--buttonBlue); border-radius:20px; width:800px; height:630px; display:flex; flex-direction:column; align-items:center; }
  .m_loginLogo      { background:url("../Images/logoLogin_x2.png") center no-repeat; width:650px; height:165px; margin:0px 0 20px 20px; }
  .m_loginForm      { display:flex; flex-direction:column; /*gap:4px;*/ width:550px; }
  .m_loginInputIdCont  { position:relative; height:100px; width:550px; margin-bottom:2px; }
  .m_loginInputPwdCont { position:relative; height:100px; width:550px; margin-top:2px; }
  .m_loginInputId   { position:absolute; height:100px; width:450px; border:none; border-radius:15px 15px 0 0; font-family:'Manrope-Regular'; font-size:40px; padding:0px 10px 0 90px; outline:none; }
  .m_loginInputPwd  { position:absolute; height:100px; width:450px; border:none; border-radius:0 0 15px 15px; font-family:'Manrope-Regular'; font-size:40px; padding:0px 10px 0 90px; outline:none; }
  .m_loginInputIdIcon  { position:absolute; background-image:url("../Images/loginUser_x2.png"); background-repeat:no-repeat; background-position:center; width:60px; height:60px; top:17px; left:14px; }                  
  .m_loginInputPwdIcon { position:absolute; background-image:url("../Images/loginKey_x2.png"); background-repeat:no-repeat; background-position:center; width:60px; height:60px; top:17px; left:14px; }                  
  .m_loginInfoContainer { display:flex; height:110px; align-items:center; justify-content:center; margin-top:10px; }
  .m_loginInfoTxt       { font-family:'Manrope-Regular'; font-size:28px; color:yellow; text-align:center; max-width:690px; max-height:48px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }                  
  .m_loginButton            { background:var(--buttonBlue); border:solid 2px white; width:300px; height:72px; font-family:'Manrope-Regular'; font-size:36px; color:white; margin-top:10px; }
  .m_loginButton[down=true] { background-color:var(--buttonBlue_Down); }

  @keyframes m_loginAnimLoading { 0% { background-position:initial; } 100% { background-position: 400px 0px; } }

  .m_loginButton[loading=true] { background:linear-gradient(90deg, #FFFFFF00 40%, #FFFFFF33 50%, #FFFFFF00 60%); background-size:400px 200px; animation:m_loginAnimLoading 1s linear infinite; }

  .m_loginMdPOublie         { font-family:'Manrope-Regular'; font-size:28px; color:var(--standardTextColor); text-align:center; cursor:pointer; margin-right:80px; }
  .m_loginMdPOublie:hover   { text-decoration:underline; }
  .m_loginCreationCompte       { font-family:'Manrope-Regular'; font-size:28px; color:var(--standardTextColor); text-align:center; cursor:pointer; margin-left:80px; }
  .m_loginCreationCompte:hover { text-decoration:underline; }
  .m_loginMentionsLegales   { font-family:'Manrope-Regular'; font-size:24px; color:var(--standardTextColorLight); text-align:center; white-space:pre-wrap; margin:0 30px 30px 20px; line-height:34px; }

}

/* *********************************************************************************************************** */
/* InputPassword  (M O B I L E)                                                                                */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_inputPassword { position:relative; border:1px solid var(--buttonBlue); height:35px; border-radius:5px; padding:0 3px; }
  .m_inputPasswordContainer { position:relative; width:100%; height:100%; }
  .m_inputPasswordInput { position:absolute; font-family:'Manrope-Regular'; font-size:14px; width:calc(100% - 42px); height:calc(100% - 2px); left:5px; outline:none; border:none; box-sizing:border-box; }
  .m_inputPasswordSwitchButton { position:absolute; background-image:url("../Images/pwdVisible.png"); background-repeat:no-repeat; background-position:center center; width:30px; height:30px; cursor:pointer; right:0px; top:3px; }
  .m_inputPasswordSwitchButton[visible=true] { background-image:url("../Images/pwdInvisible.png"); }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_inputPassword { position:relative; border:2px solid var(--buttonBlue); height:75px; border-radius:10px; padding:0 3px; }
  .m_inputPasswordContainer { position:absolute; width:100%; height:100%; }
  .m_inputPasswordInput { position:absolute; font-family:'Manrope-Regular'; font-size:35px; width:calc(100% - 84px); height:calc(100% - 2px); left:10px; outline:none; border:none; box-sizing:border-box; }
  .m_inputPasswordSwitchButton { position:absolute; background-image:url("../Images/pwdVisible_x2.png"); background-repeat:no-repeat; background-position:center center; width:60px; height:60px; cursor:pointer; right:6px; top:6px; }
  .m_inputPasswordSwitchButton[visible=true] { background-image:url("../Images/pwdInvisible_x2.png"); }
}

/* *********************************************************************************************************** */
/* MotDePasseOublie  (M O B I L E)                                                                             */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_mdpOublie { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_mdpOublieContainer1  { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
  .m_mdpOublieContainer   { border:2px solid var(--buttonBlue); border-radius:10px; width:550px; height:395px; display:flex; flex-direction:column; align-items:center; }
  .m_mdpOublieTitre       { font-family:'Manrope-Bold'; font-size:25px; color:var(--buttonOrange); text-align:center; line-height:65px; }
  .m_mdpOublieCommentaire { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColorLight); text-align:center; padding: 0 20px; white-space:pre-wrap; }
  .m_mdpOublieContainer2  { display:flex; flex-direction:column; margin-top:30px; }
  .m_mdpOublieContainer3  { display:flex; flex-direction:column; margin-top:15px; }
  .m_mdpOublieLibInput    { font-family:'Manrope-Light'; font-size:12px; color:var(--buttonBlue); }
  .m_mdpOublieInputIdWeb  { height:35px; width:350px; font-family:'Manrope-Regular'; font-size:14px; border:1px solid var(--buttonBlue); border-radius:5px; padding: 0 10px; outline:none; }
  .m_mdpOublieInputEmail  { height:35px; width:350px; font-family:'Manrope-Regular'; font-size:14px; border:1px solid var(--buttonBlue); border-radius:5px; padding: 0 10px; outline:none; }
  .m_mdpOublieErrContainer { display:flex; height:55px; align-items:center; justify-content:center; margin-top:5px; }
  .m_mdpOublieErrTxt       { font-family:'Manrope-Regular'; font-size:14px; color:red; text-align:center; max-width:400px; max-height:48px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }             
  .m_mdpOublieBoutonEnvoi { background:var(--buttonBlue); border:solid 1px white; width:370px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-top:5px; }
  .m_mdpOublieBoutonEnvoi[down=true] { background-color:var(--buttonBlue_Down); }

  .m_mdpOublieConfirmContainer { justify-content:center; height:250px; }
  .m_mdpOublieConfirm { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); text-align:center; padding:0 20px; }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_mdpOublie { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_mdpOublieContainer1  { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
  .m_mdpOublieContainer   { border:4px solid var(--buttonBlue); border-radius:20px; width:800px; height:840px; display:flex; flex-direction:column; align-items:center; }
  .m_mdpOublieTitre       { font-family:'Manrope-Bold'; font-size:50px; color:var(--buttonOrange); text-align:center; line-height:130px; }
  .m_mdpOublieCommentaire { font-family:'Manrope-Regular'; font-size:30px; color:var(--standardTextColorLight); text-align:center; padding:0 40px; white-space:pre-wrap; }
  .m_mdpOublieContainer2  { display:flex; flex-direction:column; margin-top:60px; }
  .m_mdpOublieContainer3  { display:flex; flex-direction:column; margin-top:30px; }
  .m_mdpOublieLibInput    { font-family:'Manrope-Light'; font-size:26px; color:var(--buttonBlue); }
  .m_mdpOublieInputIdWeb  { height:75px; width:700px; font-family:'Manrope-Regular'; font-size:35px; border:2px solid var(--buttonBlue); border-radius:10px; padding: 0 20px; outline:none; }
  .m_mdpOublieInputEmail  { height:75px; width:700px; font-family:'Manrope-Regular'; font-size:35px; border:2px solid var(--buttonBlue); border-radius:10px; padding: 0 20px; outline:none; }
  .m_mdpOublieErrContainer { display:flex; height:110px; align-items:center; justify-content:center; margin-top:10px; }
  .m_mdpOublieErrTxt       { font-family:'Manrope-Regular'; font-size:28px; color:red; text-align:center; max-width:780px; max-height:96px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }             
  .m_mdpOublieBoutonEnvoi { background:var(--buttonBlue); border:solid 2px white; width:740px; height:72px; font-family:'Manrope-Regular'; font-size:36px; color:white; margin-top:10px; }
  .m_mdpOublieBoutonEnvoi[down=true] { background-color:var(--buttonBlue_Down); }

  .m_mdpOublieConfirmContainer { justify-content:center; height:500px; }
  .m_mdpOublieConfirm { font-family:'Manrope-Regular'; font-size:35px; color:var(--standardTextColor); text-align:center; padding:0 40px; }
}

/* *********************************************************************************************************** */
/* ReinitPwd  (M O B I L E)                                                                                    */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_reinitPwd { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_reinitPwdContainer1  { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
  .m_reinitPwdContainer   { border:2px solid var(--buttonBlue); border-radius:10px; width:550px; height:395px; display:flex; flex-direction:column; align-items:center; }
  .m_reinitPwdTitre       { font-family:'Manrope-Bold'; font-size:25px; color:var(--buttonOrange); text-align:center; line-height:65px; }
  .m_reinitPwdCommentaire { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColorLight); text-align:center; padding:0 20px; white-space:pre-wrap; }
  .m_reinitPwdContainer2  { display:flex; flex-direction:column; margin-top:30px; }
  .m_reinitPwdContainer3  { display:flex; flex-direction:column; margin-top:15px; }
  .m_reinitPwdLibInput    { font-family:'Manrope-Light'; font-size:12px; color:var(--buttonBlue); }
  .m_reinitPwdInputPwd    { width:350px; }
  .m_reinitPwdInputPwd2    { width:350px; }
  .m_reinitPwdErrContainer { display:flex; height:55px; align-items:center; justify-content:center; margin-top:5px; }
  .m_reinitPwdErrTxt       { font-family:'Manrope-Regular'; font-size:14px; color:red; text-align:center; max-width:400px; max-height:48px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }             
  .m_reinitPwdBoutonEnvoi { background:var(--buttonBlue); border:solid 1px white; width:370px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-top:5px; }
  .m_reinitPwdBoutonEnvoi[down=true] { background-color:var(--buttonBlue_Down); }

  .m_reinitPwdConfirmContainer { justify-content:center; height:250px; flex-direction:column; }
  .m_reinitPwdConfirm { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); text-align:center; padding:0 20px; }
  .m_reinitPwdConfirmContainer1 { display:flex; flex-grow:1; align-items:center; }
  .m_reinitPwdConfirmButton { background:var(--buttonBlue); width:80px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-bottom:15px; }
  .m_reinitPwdConfirmButton[down=true] { background-color:var(--buttonBlue_Down); }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_reinitPwd { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_reinitPwdContainer1  { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
  .m_reinitPwdContainer   { border:4px solid var(--buttonBlue); border-radius:20px; width:800px; height:740px; display:flex; flex-direction:column; align-items:center; }
  .m_reinitPwdTitre       { font-family:'Manrope-Bold'; font-size:50px; color:var(--buttonOrange); text-align:center; line-height:130px; }
  .m_reinitPwdCommentaire { font-family:'Manrope-Regular'; font-size:30px; color:var(--standardTextColorLight); text-align:center; padding:0 40px; white-space:pre-wrap; }
  .m_reinitPwdContainer2  { display:flex; flex-direction:column; margin-top:60px; }
  .m_reinitPwdContainer3  { display:flex; flex-direction:column; margin-top:30px; }
  .m_reinitPwdLibInput    { font-family:'Manrope-Light'; font-size:26px; color:var(--buttonBlue); }
  .m_reinitPwdInputPwd    { width:700px; }
  .m_reinitPwdInputPwd2    { width:700px; }
  .m_reinitPwdErrContainer { display:flex; height:110px; align-items:center; justify-content:center; margin-top:10px; }
  .m_reinitPwdErrTxt       { font-family:'Manrope-Regular'; font-size:28px; color:red; text-align:center; max-width:780px; max-height:96px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }             
  .m_reinitPwdBoutonEnvoi { background:var(--buttonBlue); border:solid 1px white; width:740px; height:72px; font-family:'Manrope-Regular'; font-size:36px; color:white; margin-top:10px; }
  .m_reinitPwdBoutonEnvoi[down=true] { background-color:var(--buttonBlue_Down); }

  .m_reinitPwdConfirmContainer { justify-content:center; height:500px; flex-direction:column; }
  .m_reinitPwdConfirm { font-family:'Manrope-Regular'; font-size:35px; color:var(--standardTextColor); text-align:center; padding:0 40px; }
  .m_reinitPwdConfirmContainer1 { display:flex; flex-grow:1; align-items:center; }
  .m_reinitPwdConfirmButton { background:var(--buttonBlue); width:160px; height:72px; font-family:'Manrope-Regular'; font-size:36px; color:white; margin-bottom:20px; }
  .m_reinitPwdConfirmButton[down=true] { background-color:var(--buttonBlue_Down); }
}

/* *********************************************************************************************************** */
/* CreationCompte  (M O B I L E)                                                                               */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_creationCompte { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_creationCompteContainer1  { display:flex; flex-grow:1; padding-top:calc(.02 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
  .m_creationCompteContainer   { border:2px solid var(--buttonBlue); border-radius:10px; width:550px; height:495px; display:flex; flex-direction:column; align-items:center; }
  .m_creationCompteTitre       { font-family:'Manrope-Bold'; font-size:25px; color:var(--buttonOrange); text-align:center; line-height:50px; }
  .m_creationCompteCommentaire { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColorLight); text-align:center; padding:0 20px; white-space:pre-wrap; }
  .m_creationCompteContainer2  { display:flex; flex-direction:column; margin-top:10px; }
  .m_creationCompteContainer2_1{ display:flex; /*gap:10px;*/ }
  .m_creationCompteContainer3  { display:flex; flex-direction:column; margin-top:15px; }
  .m_creationCompteContainer4  { display:flex; flex-direction:column; margin-top:15px; }
  .m_creationCompteContainer5  { display:flex; flex-direction:column; margin-top:15px; }
  .m_creationCompteLibHelp     { font-family:'Manrope-Bold'; font-size:15px; color:var(--standardTextColor); border:1px solid var(--standardTextColor); border-radius:16px; cursor:pointer;
                                 text-align:center; width:18px; line-height:18px; margin-left:10px; }
  .m_creationCompteLibInput    { font-family:'Manrope-Light'; font-size:12px; color:var(--buttonBlue); }
  .m_creationCompteInputIdWeb  { height:35px; width:350px; font-family:'Manrope-Regular'; font-size:14px; border:1px solid var(--buttonBlue); border-radius:5px; padding: 0 10px; outline:none; margin-top:5px; }
  .m_creationCompteInputEmail  { height:35px; width:350px; font-family:'Manrope-Regular'; font-size:14px; border:1px solid var(--buttonBlue); border-radius:5px; padding: 0 10px; outline:none; margin-top:5px; }
  .m_creationCompteInputPwd    { width:365px; margin-top:10px; }
  .m_creationCompteInputPwd2   { width:365px; margin-top:10px; }
  .m_creationCompteErrContainer { display:flex; height:55px; align-items:center; justify-content:center; margin-top:5px; }
  .m_creationCompteErrTxt       { font-family:'Manrope-Regular'; font-size:14px; color:red; text-align:center; max-width:400px; max-height:48px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }             
  .m_creationCompteBoutonEnvoi { background:var(--buttonBlue); border:solid 1px white; width:370px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-top:5px; }
  .m_creationCompteBoutonEnvoi[down=true] { background-color:var(--buttonBlue_Down); }

  .m_creationCompteConfirmContainer { justify-content:center; height:250px; }
  .m_creationCompteConfirm { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); text-align:center; padding: 0 20px; }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_creationCompte { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_creationCompteContainer1  { display:flex; flex-grow:1; padding-top:calc(.06 * 100vh); justify-content:flex-start; flex-direction:column; align-items:center; } 
  .m_creationCompteContainer   { border:4px solid var(--buttonBlue); border-radius:20px; width:800px; height:1135px; display:flex; flex-direction:column; align-items:center; }
  .m_creationCompteTitre       { font-family:'Manrope-Bold'; font-size:50px; color:var(--buttonOrange); text-align:center; line-height:130px; }
  .m_creationCompteCommentaire { font-family:'Manrope-Regular'; font-size:30px; color:var(--standardTextColorLight); text-align:center; padding:0 40px; white-space:pre-wrap; }
  .m_creationCompteContainer2  { display:flex; flex-direction:column; margin-top:60px; }
  .m_creationCompteContainer2_1{ display:flex; /*gap:20px;*/ }
  .m_creationCompteContainer3  { display:flex; flex-direction:column; margin-top:30px; }
  .m_creationCompteContainer4  { display:flex; flex-direction:column; margin-top:30px; }
  .m_creationCompteContainer5  { display:flex; flex-direction:column; margin-top:30px; }
  .m_creationCompteLibHelp     { font-family:'Manrope-Bold'; font-size:30px; color:var(--standardTextColor); border:2px solid var(--standardTextColor); border-radius:30px; cursor:pointer;
                                 text-align:center; width:38px; line-height:38px; margin-left:20px; }
  .m_creationCompteLibInput    { font-family:'Manrope-Light'; font-size:26px; color:var(--buttonBlue); }
  .m_creationCompteInputIdWeb  { height:75px; width:665px; font-family:'Manrope-Regular'; font-size:35px; border:2px solid var(--buttonBlue); border-radius:10px; padding:0 20px; outline:none; margin-top:10px; }
  .m_creationCompteInputEmail  { height:75px; width:665px; font-family:'Manrope-Regular'; font-size:35px; border:2px solid var(--buttonBlue); border-radius:10px; padding:0 20px; outline:none; margin-top:10px; }
  .m_creationCompteInputPwd    { width:700px; margin-top:10px; }
  .m_creationCompteInputPwd2   { width:700px; margin-top:10px; }
  .m_creationCompteErrContainer { display:flex; height:110px; align-items:center; justify-content:center; margin-top:10px; }
  .m_creationCompteErrTxt       { font-family:'Manrope-Regular'; font-size:30px; color:red; text-align:center; max-width:780px; max-height:96px; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }             
  .m_creationCompteBoutonEnvoi { background:var(--buttonBlue); border:solid 2px white; width:665px; height:72px; font-family:'Manrope-Regular'; font-size:36px; color:white; margin-top:10px; }
  .m_creationCompteBoutonEnvoi[down=true] { background-color:var(--buttonBlue_Down); }

  .m_creationCompteConfirmContainer { justify-content:center; height:500px; }
  .m_creationCompteConfirm { font-family:'Manrope-Regular'; font-size:32px; color:var(--standardTextColor); text-align:center; padding:0 40px; }
}

/* *********************************************************************************************************** */
/* HelpPopup  (M O B I L E)                                                                                    */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_helpPopup      { width:477px; height:461px; align-items: center; }
  .m_helpPopupTitre { font-family:'Manrope-Bold'; font-size:18px; line-height:40px; color:var(--standardTextColor); }
  .m_helpPopupTexte { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); padding:20px 40px;}
  .m_helpPopupImage { width:453px; height:320px; background-image:url("../Images/trouverIdWeb.png"); background-repeat:no-repeat; background-position:center; background-color:rgb(200,200,200); 
                      border:solid 1px rgb(200,200,200); }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_helpPopup      { width:800px; height:800px; align-items: center; }
  .m_helpPopupTitre { font-family:'Manrope-Bold'; font-size:36px; line-height:80px; color:var(--standardTextColor); }
  .m_helpPopupTexte { font-family:'Manrope-Regular'; font-size:30px; color:var(--standardTextColor); padding:40px 80px; }
  .m_helpPopupImage { width:700px; height:478px; background-image:url("../Images/trouverIdWeb_x2.png"); background-repeat:no-repeat; background-position:center; background-color:rgb(200,200,200); 
                      border:solid 2px rgb(200,200,200); }
}

/* *********************************************************************************************************** */
/* ConfirmCreationCompte  (M O B I L E)                                                                        */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_confirmCreationCompte { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_confirmCreationCompteContainer1 { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); flex-direction:column; align-items:center; } 
  .m_confirmCreationCompteContainer  { border:2px solid var(--buttonBlue); border-radius:10px; width:550px; height:250px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
  .m_confirmCreationCompteContainer2 { display:flex; flex-grow:1; align-items:center; }
  .m_confirmCreationCompteCommentaire { font-family:'Manrope-Regular'; font-size:15px; color:var(--standardTextColor); text-align:center; padding:0 20px; }
  .m_confirmCreationCompteCommentaire[error=true] { color:var(--standardTextColor); white-space:pre-wrap; }
  .m_confirmCreationCompteButton { background:var(--buttonBlue); width:80px; height:36px; font-family:'Manrope-Regular'; font-size:18px; color:white; margin-bottom:15px; }
  .m_confirmCreationCompteButton[down=true] { background-color:var(--buttonBlue_Down); }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_confirmCreationCompte { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; outline:none; background:white; }
  .m_confirmCreationCompteContainer1 { display:flex; flex-grow:1; padding-top:calc(.18 * 100vh); flex-direction:column; align-items:center; } 
  .m_confirmCreationCompteContainer  { border:4px solid var(--buttonBlue); border-radius:20px; width:800px; height:500px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
  .m_confirmCreationCompteContainer2 { display:flex; flex-grow:1; align-items:center; }
  .m_confirmCreationCompteCommentaire { font-family:'Manrope-Regular'; font-size:32px; color:var(--standardTextColor); text-align:center; padding:0 40px; }
  .m_confirmCreationCompteCommentaire[error=true] { color:var(--standardTextColor); white-space:pre-wrap; }
  .m_confirmCreationCompteButton { background:var(--buttonBlue); width:160px; height:72px; font-family:'Manrope-Regular'; font-size:36px; color:white; margin-bottom:30px; }
  .m_confirmCreationCompteButton[down=true] { background-color:var(--buttonBlue_Down); }
}

/* *********************************************************************************************************** */
/* VisualToolTip  (M O B I L E)                                                                                */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation: portrait) {
  .m_visualToolTip { position:absolute; padding:3px 10px; background:yellow; border:solid 1px rgba(0,0,0,0.15); border-radius:10px; visibility:hidden; box-shadow:0 0px 14px rgba(0,0,0,0.3); }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_visualToolTip { position:absolute; padding:3px 10px; background:yellow; border:solid 2px rgba(0,0,0,0.15); border-radius:10px; visibility:hidden; box-shadow:0 0px 14px rgba(0,0,0,0.3); }
}

/* *********************************************************************************************************** */
/* VisualIntegerInput  (M O B I L E)                                                                           */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_visualIntegerInput { -webkit-touch-callout:none !important; border:solid 1px var(--buttonGray); border-radius:3px; font-family:'Manrope-SemiBold'; height:40px; background:var(--inputBackground); font-size:30px; text-align:right; padding-right:5px; }
  .m_visualIntegerInput:focus { outline:none; border:solid 1px var(--buttonBlue); border-radius:3px; outline:var(--buttonBlue) solid 3px; }
  .m_visualIntegerInput::placeholder { font-family:'Manrope-SemiBold'; font-style:italic; color:rgba(0,0,0,0.2); font-size:26px; text-align:left; padding-left:5px; }
  .m_visualIntegerInput[error=true] { background-color:var(--inputBackgroundRed); border:solid 1px rgba(255,0,0,0.7); }
  .m_visualIntegerInput[error=true]:focus { border:solid 1px rgba(255,0,0,1); outline:rgba(255,0,0,1) solid 3px; border-radius:3px; }

  .m_visualIntegerInputToolTipError        { background-color:var(--inputBackgroundRed); border:solid px rgba(255,0,0,0.5); }
  .m_visualIntegerInputToolTipContentError { position:relative; font-family:'Manrope-Regular'; font-size:20px; padding:5px 10px; white-space:pre; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_visualIntegerInput { -webkit-touch-callout:none !important; border:solid 2px var(--buttonGray); border-radius:3px; font-family:'Manrope-SemiBold'; height:80px; background:var(--inputBackground); font-size:55px; text-align:right; padding-right:10px; }
  .m_visualIntegerInput:focus { outline:none; border:solid 2px var(--buttonBlue); border-radius:3px; outline:var(--buttonBlue) solid 5px; }
  .m_visualIntegerInput::placeholder { font-family:'Manrope-SemiBold'; font-style:italic; color:rgba(0,0,0,0.2); font-size:50px; text-align:left; padding-left:10px; }
  .m_visualIntegerInput[error=true] { background-color:var(--inputBackgroundRed); border:solid 2px rgba(255,0,0,0.7); }
  .m_visualIntegerInput[error=true]:focus { border:solid 2px rgba(255,0,0,1); border-radius:3px; outline:rgba(255,0,0,1) solid 5px; }

  .m_visualIntegerInputToolTipError        { background-color:var(--inputBackgroundRed); border:solid 2px rgba(255,0,0,0.5); }
  .m_visualIntegerInputToolTipContentError { position:relative; font-family:'Manrope-Regular'; font-size:32px; padding:10px 20px; white-space:pre; }
}

/* *********************************************************************************************************** */
/* VisualVirtualKbd  (M O B I L E)                                                                             */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape) {
  .m_visualVirtualKbd { position:relative; transition:max-width 0.7s; background:linear-gradient(135deg, rgb(210,216,219) 0%,rgb(182,185,193) 100%); border:solid 1px rgba(0,0,0,0.35); 
                        max-width:0px; visibility:hidden; display:flex; flex-direction:column; justify-content:center; align-items:stretch; border-radius:7px; }
  .m_visualVirtualKbd[expend=true] { max-width:330px; visibility:visible; }
  .m_visualVirtualKbdGrid { width:330px; height:200px; display:grid; grid-template-columns:20% 20% 20% 20% 20%; grid-template-rows:33% 33% 33%;  
                            align-content:center; justify-items:stretch; align-items:stretch; margin:10px auto; }
  .m_visualVirtualKbdKey { background-color:#f5f5f5; color:#757374; border:1px solid rgba(0,0,0,.4); box-shadow:1px 1px 0px 0px rgba(255,255,255,.2); 
                           font-family:'Manrope-Regular'; font-size:25px; border-radius:5px; margin:2px; }
  .m_visualVirtualKbdKey[down=true] { background-color:#c5c3c4; }
  .m_visualVirtualKbdKeyEnterImg    { background-image:url("../Images/keyEnter.png"); }
  .m_visualVirtualKbdKeyUpImg       { background-image:url("../Images/keyUp.png"); }
  .m_visualVirtualKbdKeyDownImg     { background-image:url("../Images/keyDown.png"); }
  .m_visualVirtualKbdKeyBckSpaceImg { background-image:url("../Images/keyBkSpace.png"); }
  .m_visualVirtualKbdKeyCheckImg    { background-image:url("../Images/keyCheck.png"); }
}
@media only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_visualVirtualKbd { position:relative; transition:max-height 0.7s; background:linear-gradient(135deg, rgb(210,216,219) 0%,rgb(182,185,193) 100%); border:solid 2px rgba(0,0,0,0.35); 
                        max-height:0px; visibility:hidden; display:flex; flex-direction:column; justify-content:center; align-items:stretch; border-radius:15px; }
  .m_visualVirtualKbd[expend=true] { max-height:350px; visibility:visible; }
  .m_visualVirtualKbdGrid { width:400px; height:250px; display:grid; grid-template-columns:20% 20% 20% 20% 20%; grid-template-rows:33% 33% 33%;  
                            align-content:center; justify-items:stretch; align-items:stretch; margin:10px auto; }
  .m_visualVirtualKbdKey { background-color:#f5f5f5; color:#757374; border:1px solid rgba(0,0,0,.4); box-shadow:1px 1px 0px 0px rgba(255,255,255,.2); 
                           font-family:'Manrope-Regular'; font-size:25px; border-radius:5px; margin:2px; }
  .m_visualVirtualKbdKey[down=true] { background-color:#c5c3c4; }
  .m_visualVirtualKbdKeyEnterImg    { background-image:url("../Images/keyEnter.png"); }
  .m_visualVirtualKbdKeyUpImg       { background-image:url("../Images/keyUp.png"); }
  .m_visualVirtualKbdKeyDownImg     { background-image:url("../Images/keyDown.png"); }
  .m_visualVirtualKbdKeyBckSpaceImg { background-image:url("../Images/keyBkSpace.png"); }
  .m_visualVirtualKbdKeyCheckImg    { background-image:url("../Images/keyCheck.png"); }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_visualVirtualKbd { position:relative; transition:max-height 0.7s; background:linear-gradient(135deg, rgb(210,216,219) 0%,rgb(182,185,193) 100%); border:solid 2px rgba(0,0,0,0.35); 
                        max-height:0px; visibility:hidden; display:flex; flex-direction:column; justify-content:center; align-items:stretch; border-radius:15px; }
  .m_visualVirtualKbd[expend=true] { max-height:700px; visibility:visible; }
  .m_visualVirtualKbdGrid { width:700px; height:420px; display:grid; grid-template-columns:20% 20% 20% 20% 20%; grid-template-rows:33% 33% 33%;  
                            align-content:center; justify-items:stretch; align-items:stretch; margin:10px auto; }
  .m_visualVirtualKbdKey { background-color:#f5f5f5; color:#757374; border:1px solid rgba(0,0,0,.4); box-shadow:1px 1px 0px 0px rgba(255,255,255,.2); 
                           font-family:'Manrope-Regular'; font-size:55px; border-radius:10px; margin:5px; }
  .m_visualVirtualKbdKey[down=true] { background-color:#c5c3c4; }
  .m_visualVirtualKbdKeyEnterImg    { background-image:url("../Images/keyEnter_x2_P.png"); }
  .m_visualVirtualKbdKeyUpImg       { background-image:url("../Images/keyUp_x2_P.png"); }
  .m_visualVirtualKbdKeyDownImg     { background-image:url("../Images/keyDown_x2_P.png"); }
  .m_visualVirtualKbdKeyBckSpaceImg { background-image:url("../Images/keyBkSpace_x2_P.png"); }
  .m_visualVirtualKbdKeyCheckImg    { background-image:url("../Images/keyCheck_x2_P.png"); }
}

.m_visualVirtualKbdKey0        { grid-column:4; grid-row:3; }
.m_visualVirtualKbdKey1        { grid-column:1; grid-row:1; }
.m_visualVirtualKbdKey2        { grid-column:2; grid-row:1; }
.m_visualVirtualKbdKey3        { grid-column:3; grid-row:1; }
.m_visualVirtualKbdKey4        { grid-column:1; grid-row:2; }
.m_visualVirtualKbdKey5        { grid-column:2; grid-row:2; }
.m_visualVirtualKbdKey6        { grid-column:3; grid-row:2; }
.m_visualVirtualKbdKey7        { grid-column:1; grid-row:3; }
.m_visualVirtualKbdKey8        { grid-column:2; grid-row:3; }
.m_visualVirtualKbdKey9        { grid-column:3; grid-row:3; }
.m_visualVirtualKbdKeyEnter    { grid-column:5; grid-row:2 / span 2; }
.m_visualVirtualKbdKeyUp       { grid-column:4; grid-row:1; }
.m_visualVirtualKbdKeyDown     { grid-column:4; grid-row:2; }
.m_visualVirtualKbdKeyBckSpace { grid-column:5; grid-row:1; }
.m_visualVirtualKbdKeyCheck    {  }

.m_visualVirtualKbd[check=true] .m_visualVirtualKbdKeyEnter { grid-column:5; grid-row:3; }
.m_visualVirtualKbd[check=true] .m_visualVirtualKbdKeyCheck { grid-column:5; grid-row:2; }

/* *********************************************************************************************************** */
/* ValidationRibbon  (M O B I L E)                                                                             */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_validationRibbon { position:relative; background:white; margin:3px; border:solid 1px var(--buttonRed); border-radius:7px; height:70px; 
                      display:flex; justify-content:center; padding:0 30px; }
  .m_validationRibbonButtonZone { display:flex; justify-content:space-around; align-items:center; width:100%; }
  .m_validationRibbonButton { background:var(--buttonRed); color:white; width:210px; height:40px; }
  .m_validationRibbonButton[down=true] { background-color:var(--buttonRed_Down); }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_validationRibbon { position:relative; background:white; margin:0 10px 10px 10px; border:solid 2px var(--buttonRed); border-radius:15px; height:150px; /*visibility:hidden;*/ 
                      display:flex; justify-content:center; padding:0 30px; }
  .m_validationRibbonButtonZone { display:flex; justify-content:space-around; align-items:center; width:100%; }
  .m_validationRibbonButton { background:var(--buttonRed); color:white; width:280px; height:90px; font-size:40px; }
  .m_validationRibbonButton[down=true] { background-color:var(--buttonRed_Down); }
}

.m_validationRibbonWarning { animation:m_ribbonWarningBkg 0.7s; }

@keyframes m_ribbonWarningBkg {
  0%   { background-color:white; }
  20%  { background-color:var(--buttonOrange); }
  100% { background-color:white; }
}

/* *********************************************************************************************************** */
/* Main Menu  (M O B I L E)                                                                                    */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_mainMenu { position:relative; height:60px; overflow:hidden; background:var(--leftMenu_background); flex-shrink:0; transition:height 0.5s; }
  .m_mainMenu[state=expand] { height:200px; }
  .m_mainMenuDisconnect[state=expand] { height:280px; }
  .m_mainMenuLogo { position:absolute; top:7px; left:10px; width:210px; height:40px; background:url("../Images/logoReseauPresse_x2_L.png") center no-repeat; }
  .m_mainMenuExpandCollapseButton { position:absolute; top:10px; right:10px; width:40px; height:40px;  }
  .m_mainMenuExpandCollapseSvg { }
  .m_mainMenuItemsZone { position:absolute; top:65px; bottom:0px; left:0px; right:0px; }
  
  .m_mainMenuItem     { position:relative; height:50px; width:300px; overflow:hidden; margin:8px 5px 0 15px; border-radius:7px; opacity:0.5; }
  .m_mainMenuItemIcon { position:absolute; top:2px; left:7px; height:45px; width:37px; }
  .m_mainMenuItemIcon[icon=document]        { background:url("../Images/mainMenuDocument.png"); }
  .m_mainMenuItemIcon[icon=livraisonRetour] { background:url("../Images/mainMenuLivraisonRetour.png"); }
  .m_mainMenuItemIcon[icon=disconnect]      { background:url("../Images/mainMenuDisconnect.png"); }
  .m_mainMenuItemText { position:absolute; top:2px; left:60px; right:0px; height:45px; font-family:'Manrope-Light'; font-size:25px; color:var(--leftMenuItem_color); line-height:48px; }
  .m_mainMenuItem[selected=true] { opacity:1; }
  .m_mainMenuItemSpacer { position:relative; height:25px; width:300px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_mainMenu { position:relative; height:120px; overflow:hidden; background:var(--leftMenu_background); flex-shrink:0; transition:height 0.5s; }
  .m_mainMenu[state=expand] { height:400px; }
  .m_mainMenuDisconnect[state=expand] { height:550px; }
  .m_mainMenuLogo { position:absolute; top:15px; left:20px; width:420px; height:80px; background:url("../Images/logoReseauPresse_x2_P.png") center no-repeat; }
  .m_mainMenuItemIcon[icon=document]        { background:url("../Images/mainMenuDocument_x2.png"); }
  .m_mainMenuItemIcon[icon=livraisonRetour] { background:url("../Images/mainMenuLivraisonRetour_x2.png"); }
  .m_mainMenuItemIcon[icon=disconnect]      { background:url("../Images/mainMenuDisconnect_x2.png"); }
  .m_mainMenuExpandCollapseButton { position:absolute; top:20px; right:20px; width:80px; height:80px;  }
  .m_mainMenuExpandCollapseSvg { }
  .m_mainMenuItemsZone { position:absolute; top:130px; bottom:100px; left:0px; right:0px; }
  
  .m_mainMenuItem     { position:relative; height:100px; width:600px; overflow:hidden; margin:15px 10px 0 30px; border-radius:7px; opacity:0.5; }
  .m_mainMenuItemIcon { position:absolute; top:5px; left:15px; height:90px; width:75px; }
  .m_mainMenuItemText { position:absolute; top:5px; left:110px; right:0px; height:90px; font-family:'Manrope-Light'; font-size:50px; color:var(--leftMenuItem_color); line-height:90px; }
  .m_mainMenuItem[selected=true] { opacity:1; }
  .m_mainMenuItemSpacer { position:relative; height:50px; width:600px; }
}

.m_hamburgerTop    { fill:white; transform-origin:50% 50%; transform:translateY(25%); }
.m_hamburgerMiddle { fill:white; transform-origin:50% 50%; }
.m_hamburgerBottom { fill:white; transform-origin:50% 50%; transform:translateY(-25%); }
.m_hamburgerTop[state=collapse]    { animation:m_animeTop    0.5s; animation-fill-mode:forwards; }
.m_hamburgerMiddle[state=collapse] { animation:m_animeMiddle 0.5s; animation-fill-mode:forwards; }
.m_hamburgerBottom[state=collapse] { animation:m_animeBottom 0.5s; animation-fill-mode:forwards; }
.m_hamburgerTop[state=expand]    { animation:m_reverseAnimeTop    0.5s; animation-fill-mode:forwards; }
.m_hamburgerMiddle[state=expand] { animation:m_reverseAnimeMiddle 0.5s; animation-fill-mode:forwards; }
.m_hamburgerBottom[state=expand] { animation:m_reverseAnimeBottom 0.5s; animation-fill-mode:forwards; }
@keyframes m_animeTop    { 0%{ transform:rotate(-45deg); } 50%{ transform:rotate(0deg); } 100%{ transform:translateY(-25%); } }
@keyframes m_animeMiddle { 0%{ transform:rotate(-45deg); } 50%{ transform:rotate(0deg); } 100%{ transform:rotate(0deg); } }
@keyframes m_animeBottom { 0%{ transform:rotate(45deg);  } 50%{ transform:rotate(0deg); } 100%{ transform:translateY(25%); } }
@keyframes m_reverseAnimeTop    { 0%{ transform:translateY(25%); }  50%{ transform:rotate(0deg); } 100%{ transform:rotate(45deg); } }
@keyframes m_reverseAnimeMiddle { 0%{ transform:rotate(0deg); }     50%{ transform:rotate(0deg); } 100%{ transform:rotate(45deg); } }
@keyframes m_reverseAnimeBottom { 0%{ transform:translateY(-25%); } 50%{ transform:rotate(0deg); } 100%{ transform:rotate(-45deg); } }

.m_hamburgerTopSafari    { fill:white; transform-origin:50% 50%; -webkit-transform:translateY(25%); }
.m_hamburgerMiddleSafari { fill:white; transform-origin:50% 50%; }
.m_hamburgerBottomSafari { fill:white; transform-origin:50% 50%; -webkit-transform:translateY(-25%); }
.m_hamburgerTopSafari[state=collapse]    { animation:m_animeTopSafari    0.5s; animation-fill-mode:forwards; }
.m_hamburgerMiddleSafari[state=collapse] { animation:m_animeMiddleSafari 0.5s; animation-fill-mode:forwards; }
.m_hamburgerBottomSafari[state=collapse] { animation:m_animeBottomSafari 0.5s; animation-fill-mode:forwards; }
.m_hamburgerTopSafari[state=expand]    { animation:m_reverseAnimeTopSafari    0.5s; animation-fill-mode:forwards; }
.m_hamburgerMiddleSafari[state=expand] { animation:m_reverseAnimeMiddleSafari 0.5s; animation-fill-mode:forwards; }
.m_hamburgerBottomSafari[state=expand] { animation:m_reverseAnimeBottomSafari 0.5s; animation-fill-mode:forwards; }
@keyframes m_animeTopSafari    { 0%{ transform:rotate(-45deg); } 50%{ transform:rotate(0deg); } 100%{ translate:0 -25%; } }
@keyframes m_animeMiddleSafari { 0%{ transform:rotate(-45deg); } 50%{ transform:rotate(0deg); } 100%{ transform:rotate(0deg); } }
@keyframes m_animeBottomSafari { 0%{ transform:rotate(45deg);  } 50%{ transform:rotate(0deg); } 100%{ translate:0 25%; } }
@keyframes m_reverseAnimeTopSafari    { 0%{ translate:0 25%; }  50%{ transform:rotate(0deg); } 100%{ transform:rotate(45deg); } }
@keyframes m_reverseAnimeMiddleSafari { 0%{ transform:rotate(0deg); }     50%{ transform:rotate(0deg); } 100%{ transform:rotate(45deg); } }
@keyframes m_reverseAnimeBottomSafari { 0%{ translate:0 25%; } 50%{ transform:rotate(0deg); } 100%{ transform:rotate(-45deg); } }

/* *********************************************************************************************************** */
/* Main Panel  (M O B I L E)                                                                                   */
/* *********************************************************************************************************** */
.m_mainPanel { flex-grow:1; flex-shrink:2; overflow:hidden; outline:none; background:var(--mainPanel_background); display:flex; flex-direction:column;
              flex-wrap:nowrap; justify-content:normal; align-items:normal; align-content:stretch; }

@media only screen and (orientation:landscape) {
  .m_mainPanelHeader               { position:relative; flex-shrink:1; flex-basis:auto; align-self:auto; display:flex; }
  .m_mainPanelTitle                { font-family:'Manrope-Bold'; font-size:30px; color:var(--standardTextColor); text-align:center; white-space:pre-wrap; line-height:55px; flex-grow:1; }
  .m_mainPanelContainer            { position:relative; display:flex; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; outline:none; justify-content:center; }
  .m_mainPanelContainer2           { position:relative; display:flex; width:100%; height:100%; flex-direction:row; flex-grow:1; }
  .m_mainPanelVirtualKbd           { display:flex; flex-shrink:1; padding:5px; }
  .m_mainPanelBackContainer        { height:55px; visibility:hidden; }
  .m_mainPanelBackIcon             { width:50px; display:inline-block; height:100%; background:url(../Images/back.png) center no-repeat; border-radius:3px; }
  .m_mainPanelButtonFctContainer   { height:55px; width:50px; display:flex; align-items:center; justify-content: flex-start; }
  .m_mainPanelButtonFct            { background:var(--buttonTransparent); border:solid 1px var(--standardTextColorLight); width:40px; height:40px; }
  .m_mainPanelButtonFct[down=true] { background-color:var(--buttonTransparent_Down); }
  .m_mainPanelButtonFctPrintImg    { background-image:url("../Images/print.png"); }
}

@media only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_mainPanelHeader               { position:relative; flex-shrink:1; flex-basis:auto; align-self:auto; display:flex; }
  .m_mainPanelTitle                { font-family:'Manrope-Bold'; font-size:30px; color:var(--standardTextColor); margin:10px; text-align:center; white-space:pre-wrap; line-height:55px; flex-grow:1; }
  .m_mainPanelContainer            { position:relative; display:flex; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; outline:none; justify-content:center; }
  .m_mainPanelContainer2           { position:relative; display:flex; width:100%; height:100%; flex-direction:column; flex-grow:1; }
  .m_mainPanelVirtualKbd           { display:block; flex-shrink:1; padding:5px; }
  .m_mainPanelBackContainer        { height:55px; visibility:hidden; flex-direction:column; }
  .m_mainPanelBackIcon             { width:50px; display:inline-block; height:100%; background:url(../Images/back.png) center no-repeat; border-radius:3px; }
  .m_mainPanelButtonFctContainer   { height:55px; width:50px; display:flex; align-items:center; justify-content: flex-start; }
  .m_mainPanelButtonFct            { background:var(--buttonTransparent); border:solid 2px var(--standardTextColorLight); width:40px; height:40px; }
  .m_mainPanelButtonFct[down=true] { background-color:var(--buttonTransparent_Down); }
  .m_mainPanelButtonFctPrintImg    { background-image:url("../Images/print.png"); }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_mainPanelHeader               { position:relative; flex-shrink:1; flex-basis:auto; align-self:auto; display:flex; }
  .m_mainPanelTitle                { font-family:'Manrope-Bold'; font-size:50px; color:var(--standardTextColor); margin:10px; text-align:center; white-space:pre-wrap; line-height:90px; flex-grow:1; }
  .m_mainPanelContainer            { position:relative; display:flex; flex-grow:1; flex-shrink:2; flex-basis:auto; align-self:auto; outline:none; justify-content:center; }
  .m_mainPanelContainer2           { position:relative; display:flex; width:100%; height:100%; flex-direction:column; flex-grow:1; }
  .m_mainPanelVirtualKbd           { display:block; flex-shrink:1; padding:10px; }
  .m_mainPanelBackContainer        { height:110px; visibility:hidden; flex-direction:column; }
  .m_mainPanelBackIcon             { width:100px; display:inline-block; height:100%; background:url(../Images/back_x2.png) center no-repeat; border-radius:5px; }
  .m_mainPanelButtonFctContainer   { height:110px; width:100px; display:flex; align-items:center; justify-content: flex-start; }
  .m_mainPanelButtonFct            { background:var(--buttonTransparent); border:solid 2px var(--standardTextColorLight); width:80px; height:80px; }
  .m_mainPanelButtonFct[down=true] { background-color:var(--buttonTransparent_Down); }
  .m_mainPanelButtonFctPrintImg    { background-image:url("../Images/print_x2_P.png"); }
}

/* *********************************************************************************************************** */
/* PageAccueil  (M O B I L E)                                                                                  */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape) {
  .m_pageAccueilContainer   { position:relative; display:flex; flex-direction:row; /*gap:100px;*/ align-items: flex-start }
  .m_boutonAccueilItem      { position:relative; display:flex; flex-direction:column; width:350px; height:200px; border-radius:10px; padding:5px 15px; background-color:white;
                             border:1px solid var(--standardTextColorLight); align-items:center; user-select:none; -webkit-touch-callout:none; margin:0 25px; }
  .m_boutonAccueilItem[down=true] { background-color:rgb(0,0,0,0.10); }                               
  .m_boutonAccueilItemIcon    { width:50px; height:50px; background-repeat:no-repeat; background-position:center; }
  .m_boutonAccueilItemIcon[icon=documents]      { background-image:url("../Images/accueilDocument.png"); }
  .m_boutonAccueilItemIcon[icon=livraisonRetour] { background-image:url("../Images/accueilLivraisonRetour.png"); }
  .m_boutonAccueilItemTitle   { font-family:'Manrope-Bold'; font-size:25px; color:var(--buttonOrange); }
  .m_boutonAccueilItemComment { font-family:'Manrope-Light'; font-size:18px; color:var(--standardTextColor); margin-top:10px; }
}
@media only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_pageAccueilContainer   { position:relative; display:flex; flex-direction:column; margin-top:50px; /*gap:100px;*/ }
  .m_boutonAccueilItem      { position:relative; display:flex; flex-direction:column; width:350px; border-radius:10px; padding:5px 15px; background-color:white;
                              border:2px solid var(--standardTextColorLight); align-items:center; user-select:none; -webkit-touch-callout:none; margin-bottom:50px; }
  .m_boutonAccueilItem[down=true] { background-color:rgb(0,0,0,0.10); }                               
  .m_boutonAccueilItemIcon    { width:50px; height:50px; background-repeat:no-repeat; background-position:center; }
  .m_boutonAccueilItemIcon[icon=documents]      { background-image:url("../Images/accueilDocument.png"); }
  .m_boutonAccueilItemIcon[icon=livraisonRetour] { background-image:url("../Images/accueilLivraisonRetour.png"); }
  .m_boutonAccueilItemTitle   { font-family:'Manrope-Bold'; font-size:25px; color:var(--buttonOrange); }
  .m_boutonAccueilItemComment { font-family:'Manrope-Light'; font-size:18px; color:var(--standardTextColor); margin-top:10px; }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_pageAccueilContainer   { position:relative; display:flex; flex-direction:column; margin-top:50px; /*gap:100px;*/ }
  .m_boutonAccueilItem      { position:relative; display:flex; flex-direction:column; width:610px; border-radius:20px; padding:10px 20px; background-color:white;
                              border:2px solid var(--standardTextColorLight); align-items:center; user-select:none; -webkit-touch-callout:none; margin-bottom:100px; }
  .m_boutonAccueilItem[down=true] { background-color:rgb(0,0,0,0.10); }                               
  .m_boutonAccueilItemIcon    { width:100px; height:100px; background-repeat:no-repeat; background-position:center; }
  .m_boutonAccueilItemIcon[icon=documents]      { background-image:url("../Images/accueilDocument_x2.png"); }
  .m_boutonAccueilItemIcon[icon=livraisonRetour] { background-image:url("../Images/accueilLivraisonRetour_x2.png"); }
  .m_boutonAccueilItemTitle   { font-family:'Manrope-Bold'; font-size:45px; color:var(--buttonOrange); }
  .m_boutonAccueilItemComment { font-family:'Manrope-Light'; font-size:35px; color:var(--standardTextColor); margin-top:20px; }
}

/* *********************************************************************************************************** */
/* Page Menu  (M O B I L E)                                                                                    */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_menuListContainer  { position:relative; margin-top:40px; text-align:left; }
  .m_menuListItem       { position:relative; font-family:'Manrope-Regular'; font-size:20px; border:solid 1px rgba(0,0,0,0.5); width:100%; text-align:center;
                          color:var(--standardTextColor); margin-bottom:35px; padding:5px; cursor:pointer; border-radius:7px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_menuListContainer  { position:relative; margin-top:80px; text-align:left; }
  .m_menuListItem       { position:relative; font-family:'Manrope-Regular'; font-size:40px; border:solid 2px rgba(0,0,0,0.5); width:100%; text-align:center;
                          color:var(--standardTextColor); margin-bottom:70px; padding:10px; cursor:pointer; border-radius:14px; }
}

/* *********************************************************************************************************** */
/* ListeBase  (M O B I L E)                                                                                    */
/* *********************************************************************************************************** */
.m_listeBase                                 { position:relative; display:flex; flex-direction:column; overflow:auto; align-items:stretch; }
.m_listeBaseHeader                           { display:flex; height:45px; text-align:left; padding-left:20px; }
.m_ListeBaseHeaderCol                        { position:relative; border-radius:5px; padding:0 7px 0 7px;}
.m_ListeBaseHeaderCol[sortable=true]         { cursor:pointer; }
.m_ListeBaseHeaderCol[sortable=true]:hover   { background-color:rgba(0,0,0,0.05); }
.m_ListeBaseHeaderCol[align=left]            { text-align:left; background-position:20px 32px; }
.m_ListeBaseHeaderCol[align=center]          { text-align:center; background-position:center 32px; }
.m_ListeBaseHeaderCol[align=right]           { text-align:right; background-position:calc(100% - 20px) 32px; }
.m_ListeBaseHeaderColText                    { line-height:28px; font-family:'Manrope-Regular'; font-size:18px; color:var(--standardTextColorLight); text-align:left; }
.m_ListeBaseHeaderColSort                    { height:10px; border-radius:10px; margin-bottom:3px; background-repeat:no-repeat; background-position:center; }
.m_ListeBaseHeaderCol[sort=ASC] .ListeBaseHeaderColSort  { background-image:url("../Images/listHeaderAsc.png"); background-color:rgba(0,0,0,0.05); }
.m_ListeBaseHeaderCol[sort=DESC] .ListeBaseHeaderColSort { background-image:url("../Images/listHeaderDesc.png"); background-color:rgba(0,0,0,0.05); }

.m_listeBaseListContainer                    { overflow:auto; border-top:solid 1px transparent; border-bottom:solid 1px transparent; padding-left:20px; padding-top:2px; padding-bottom:2px; }
.m_listeBaseListContainer[scrollTop=true]    { border-top:solid 2px rgba(0,0,0,0.15); }
.m_listeBaseListContainer[scrollBottom=true] { border-bottom:solid 2px rgba(0,0,0,0.15); }

.m_listeBaseListFooterContainer { visibility:hidden; }

@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeBaseRow                 { background:white; text-align:left; margin:5px 5px 5px 0; border-radius:14px; border:solid 1px rgba(0,0,0,0.15); white-space:nowrap; padding:6px;}
  .m_listeBaseRow[selected=true]  { background-color:var(--rowListHoverColor); border:solid 1px var(--buttonBlue); box-shadow: inset 0px 0px 0px 2px var(--buttonBlue); }
  .m_listeBaseCell                { position:relative; padding:0 7px 0 7px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-Regular'; font-size:18px; line-height:56px; color:var(--standardTextColor);}
  .m_listeBaseCell[font=bold]     { font-family:'Manrope-Bold'; }
  .m_listeBaseCellTipText         { position:absolute; background:yellow; border:solid 1px rgba(0,0,0,0.15); }
  .m_listeBaseInfoTxt             { height:200px; line-height:110px; font-family:'Manrope-Bold'; font-size:50px; padding:50px; color:var(--standardTextColorLight); opacity:0.6}
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeBaseRow                 { background:white; text-align:left; margin:5px 5px 5px 0; border-radius:14px; border:solid 2px rgba(0,0,0,0.15); white-space:nowrap; padding:10px;}
  .m_listeBaseRow[selected=true]  { background-color:var(--rowListHoverColor); border:solid 2px var(--buttonBlue); box-shadow: inset 0px 0px 0px 2px var(--buttonBlue); }
  .m_listeBaseCell                { position:relative; padding:0 7px 0 7px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-Regular'; font-size:18px; line-height:56px; color:var(--standardTextColor);}
  .m_listeBaseCell[font=bold]     { font-family:'Manrope-Bold'; }
  .m_listeBaseCellTipText         { position:absolute; background:yellow; border:solid 1px rgba(0,0,0,0.15); }
  .m_listeBaseInfoTxt             { height:200px; line-height:110px; font-family:'Manrope-Bold'; font-size:50px; padding:50px; color:var(--standardTextColorLight); opacity:0.6}
}

/* *********************************************************************************************************** */
/* ListeDocPdf  (M O B I L E)                                                                                  */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeDocPdf                { position:absolute; }
  .m_listeDocPdfListComboBox    { width:250px; }
  .m_listeDocPdfRowCont1        { display:flex; }
  .m_listeDocPdfRowCont2        { display:flex; flex-direction:column; flex-grow:1; }
  .m_listeDocPdfRowCont3        { display:flex; padding:10px; align-items:center; }
  .m_listeDocPdfRowPart         { display:flex; }
  .m_listeDocPdfRowCell         { position:relative; padding:0 15px 0 15px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-SemiBold'; font-size:24px; line-height:33px; color:var(--standardTextColor);}
  .m_listeDocPdfEmetteur        { font-size:20px; color:var(--standardTextColorLight); width:300px; line-height:26px; height:25px; margin-top:4px; }
  .m_listeDocPdfFilterContainer { padding-bottom:5px; padding-left:10px; }
  .m_listeDocPdfListContainer   { padding-left:10px; }
  .m_listeDocPdfButtonDownload            { background:var(--buttonBlue); width:55px; height:45px; }
  .m_listeDocPdfButtonDownload[down=true] { background-color:var(--buttonBlue_Down); }
  .m_listeDocPdfButtonDownloadImg         { background-image:url("../Images/download.png"); }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeDocPdf                { position:absolute; }
  .m_listeDocPdfListComboBox    { width:410px; }
  .m_listeDocPdfRowCont1        { display:flex; }
  .m_listeDocPdfRowCont2        { display:flex; flex-direction:column; flex-grow:1; }
  .m_listeDocPdfRowCont3        { display:flex; padding:20px;}
  .m_listeDocPdfRowPart         { display:flex; }
  .m_listeDocPdfRowCell         { position:relative; padding:0 15px 0 15px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-SemiBold'; font-size:40px; line-height:56px; color:var(--standardTextColor);}
  .m_listeDocPdfEmetteur        { font-size:30px; color:var(--standardTextColorLight); width:550px; line-height:50px; height:50px; margin-top:9px; }
  .m_listeDocPdfFilterContainer { padding-bottom:20px; padding-left:10px; }
  .m_listeDocPdfListContainer   { padding-left:10px; }
  .m_listeDocPdfButtonDownload            { background:var(--buttonBlue); width:90px; height:75px; }
  .m_listeDocPdfButtonDownload[down=true] { background-color:var(--buttonBlue_Down); }
  .m_listeDocPdfButtonDownloadImg         { background-image:url("../Images/download_x2_P.png"); }
}

/* *********************************************************************************************************** */
/* PageDocListeBLBI   (M O B I L E)                                                                            */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeDocPdfBLBI             { width:530px; top:30px; bottom:30px; }
  .m_listeDocPdfBLBILibBL        { width:75px; }
  .m_listeDocPdfBLBIType         { line-height:30px; border-radius:7px; background-color:gray; font-family:'Manrope-SemiBold'; font-size:20px; color:white; height:32px; padding:0 12px 0 12px; }
  .m_listeDocPdfBLBIType[type=J] { background:var(--couleurTypeJ); }
  .m_listeDocPdfBLBIType[type=H] { background:var(--couleurTypeH); }
  .m_listeDocPdfBLBIType[type=R] { background:var(--couleurTypeR); }
  .m_listeDocPdfBLBIType[type=F] { background:var(--couleurTypeF); }
  .m_listeDocPdfBLBIDate         { padding-left:30px; width:175px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeDocPdfBLBI             { width:770px; top:50px; bottom:40px; }
  .m_listeDocPdfBLBILibBL        { width:110px; }
  .m_listeDocPdfBLBIType         { line-height:48px; border-radius:7px; background-color:gray; font-family:'Manrope-SemiBold'; font-size:30px; color:white; margin-top:4px; margin-left:10px; height:49px; padding:0 18px 0 18px;}
  .m_listeDocPdfBLBIType[type=J] { background:var(--couleurTypeJ); }
  .m_listeDocPdfBLBIType[type=H] { background:var(--couleurTypeH); }
  .m_listeDocPdfBLBIType[type=R] { background:var(--couleurTypeR); }
  .m_listeDocPdfBLBIType[type=F] { background:var(--couleurTypeF); }
  .m_listeDocPdfBLBIDate         { padding-left:30px; width:340px; }
}

/* *********************************************************************************************************** */
/* PageDocListeBCI   (M O B I L E)                                                                             */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeDocPdfBCI             { width:660px; top:30px; bottom:30px; }
  .m_listeDocPdfBCILibBCI       { width:50px; }
  .m_listeDocPdfBCIType         { line-height:30px; border-radius:7px; background-color:gray; font-family:'Manrope-SemiBold'; font-size:20px; color:white; height:32px; padding:0 12px 0 12px;}
  .m_listeDocPdfBCIType[type=J] { background:var(--couleurTypeJ); }
  .m_listeDocPdfBCIType[type=H] { background:var(--couleurTypeH); }
  .m_listeDocPdfBCIType[type=R] { background:var(--couleurTypeR); }
  .m_listeDocPdfBCIType[type=F] { background:var(--couleurTypeF); }
  .m_listeDocPdfBCIDateCloture  { padding: 0px 0px 0px 22px; width:130px; }
  .m_listeDocPdfBCIDateRappel   { padding:0px; font-family:'Manrope-Regular'; font-size:20px; width:220px; }
}
@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeDocPdfBCI             { width:880px; top:50px; bottom:40px; }
  .m_listeDocPdfBCILibBCI       { width:80px; }
  .m_listeDocPdfBCIType         { line-height:48px; border-radius:7px; background-color:gray; font-family:'Manrope-SemiBold'; font-size:30px; color:white; margin-top:4px; height:49px; padding:0 18px 0 18px;}
  .m_listeDocPdfBCIType[type=J] { background:var(--couleurTypeJ); }
  .m_listeDocPdfBCIType[type=H] { background:var(--couleurTypeH); }
  .m_listeDocPdfBCIType[type=R] { background:var(--couleurTypeR); }
  .m_listeDocPdfBCIType[type=F] { background:var(--couleurTypeF); }
  .m_listeDocPdfBCIDateCloture  { padding: 0px 0px 0px 22px; width:190px; }
  .m_listeDocPdfBCIDateRappel   { padding:0px; font-family:'Manrope-Regular'; font-size:30px; width:310px; }
}

/* *********************************************************************************************************** */
/* PageDocListeRH   (M O B I L E)                                                                              */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeDocPdfRH      { width:550px; top:30px; bottom:30px; }
  .m_listeDocPdfRHLibRH { width:40px; }
  .m_listeDocPdfRHDate  { padding-left:30px; width:175px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeDocPdfRH      { width:770px; top:50px; bottom:40px; }
  .m_listeDocPdfRHLibRH { width:110px; }
  .m_listeDocPdfRHDate  { padding-left:30px; width:340px; }
}

/* *********************************************************************************************************** */
/* PageDocListeFactAvoir   (M O B I L E)                                                                       */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeDocPdfFactAvoir     { width:550px; top:30px; bottom:30px; }
  .m_listeDocPdfFactAvoirLib { width:200px; }
  .m_listeDocPdfFactAvoirDate { padding-left:30px; width:120px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeDocPdfFactAvoir     { width:770px; top:50px; bottom:40px; }
  .m_listeDocPdfFactAvoirLib { width:330px; }
  .m_listeDocPdfFactAvoirDate { padding-left:30px; width:190px; }
}

/* *********************************************************************************************************** */
/* PageListeBLRecep  (M O B I L E)                                                                             */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeBLRecep              { position:absolute; width:620px; top:30px; bottom:30px; }
  .m_listeBLRecepRowCont1      { display:flex; }
  .m_listeBLRecepRowCont2      { display:flex; flex-direction:column; flex-grow:1; }
  .m_listeBLRecepRowCont3      { display:flex; padding:10px; align-items:center; }
  .m_listeBLRecepRowPart       { display:flex; }
  .m_listeBLRecepRowCell       { position:relative; padding:0 15px 0 15px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-SemiBold'; font-size:24px; line-height:33px; color:var(--standardTextColor); }
  .m_listeBLRecepLibBL         { width:40px; }
  .m_listeBLRecepType          { line-height:30px; border-radius:7px; background-color:gray; font-family:'Manrope-SemiBold'; font-size:20px; color:white; height:32px; padding:0 12px 0 12px; }
  .m_listeBLRecepType[type=J]  { background:var(--couleurTypeJ); }
  .m_listeBLRecepType[type=H]  { background:var(--couleurTypeH); }
  .m_listeBLRecepType[type=R]  { background:var(--couleurTypeR); }
  .m_listeBLRecepType[type=F]  { background:var(--couleurTypeF); }
  .m_listeBLRecepDate          { padding-left:30px; width:155px; }
  .m_listeBLRecepEmetteur      { font-size:20px; color:var(--standardTextColorLight); width:300px; line-height:26px; height:25px; margin-top:4px; }
  .m_listeBLRecepListContainer { padding-left:10px; }
  .m_listeBLRecepButton        { width:170px; height:40px; color:white; font-size:20px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeBLRecep              { position:absolute; width:850px; top:50px; bottom:40px; }
  .m_listeBLRecepRowCont1      { display:flex; }
  .m_listeBLRecepRowCont2      { display:flex; flex-direction:column; flex-grow:1; }
  .m_listeBLRecepRowCont3      { display:flex; padding:20px; }
  .m_listeBLRecepRowPart       { display:flex; }
  .m_listeBLRecepRowCell       { position:relative; padding:0 10px 0 10px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-SemiBold'; font-size:40px; line-height:56px; color:var(--standardTextColor); }
  .m_listeBLRecepLibBL         { width:70px; }
  .m_listeBLRecepType          { line-height:46px; border-radius:7px; background-color:gray; font-family:'Manrope-SemiBold'; font-size:30px; color:white; margin-top:2px; height:48px; padding:0 18px 0 18px; }
  .m_listeBLRecepType[type=J]  { background:var(--couleurTypeJ); }
  .m_listeBLRecepType[type=H]  { background:var(--couleurTypeH); }
  .m_listeBLRecepType[type=R]  { background:var(--couleurTypeR); }
  .m_listeBLRecepType[type=F]  { background:var(--couleurTypeF); }
  .m_listeBLRecepDate          { padding-left:30px; width:200px; }
  .m_listeBLRecepEmetteur      { font-size:34px; color:var(--standardTextColorLight); width:480px; line-height:50px; height:50px; margin-top:9px; }
  .m_listeBLRecepListContainer { padding-left:10px; }
  .m_listeBLRecepButton        { width:250px; height:80px; color:white; font-size:34px; }
}

.m_listeBLRecepButton[down=true]               {  }
.m_listeBLRecepButton[color=green]             { background:var(--buttonGreen); }
.m_listeBLRecepButton[color=green][down=true]  { background-color:var(--buttonGreen_Down); }
.m_listeBLRecepButton[color=blue]              { background:var(--buttonBlue); }
.m_listeBLRecepButton[color=blue][down=true]   { background-color:var(--buttonBlue_Down); }
.m_listeBLRecepButton[color=orange]            { background:var(--buttonOrange); }
.m_listeBLRecepButton[color=orange][down=true] { background-color:var(--buttonOrange_Down); }

/* *********************************************************************************************************** */
/* PageListeBIDeclaration  (M O B I L E)                                                                       */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeBIDeclaration              { position:absolute; width:620px; top:30px; bottom:30px; }
  .m_listeBIDeclarationRowCont1      { display:flex; }
  .m_listeBIDeclarationRowCont2      { display:flex; flex-direction:column; flex-grow:1; }
  .m_listeBIDeclarationRowCont3      { display:flex; padding:10px; align-items:center; }
  .m_listeBIDeclarationRowPart       { display:flex; }
  .m_listeBIDeclarationRowCell       { position:relative; padding:0 15px 0 15px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-SemiBold'; font-size:24px; line-height:33px; color:var(--standardTextColor); }
  .m_listeBIDeclarationRowLibBI      { width:40px; }
  .m_listeBIDeclarationType          { line-height:30px; border-radius:7px; background-color:gray; font-family:'Manrope-SemiBold'; font-size:20px; color:white; height:32px; padding:0 12px 0 12px; }
  .m_listeBIDeclarationType[type=J]  { background:var(--couleurTypeJ); }
  .m_listeBIDeclarationType[type=H]  { background:var(--couleurTypeH); }
  .m_listeBIDeclarationType[type=R]  { background:var(--couleurTypeR); }
  .m_listeBIDeclarationType[type=F]  { background:var(--couleurTypeF); }
  .m_listeBIDeclarationDate          { padding-left:30px; width:155px; }
  .m_listeBIDeclarationEmetteur      { font-size:20px; color:var(--standardTextColorLight); width:300px; line-height:26px; height:25px; margin-top:4px; }
  .m_listeBIDeclarationListContainer { padding-left:10px; }
  .m_listeBIDeclarationButton        { width:150px; height:40px; color:white; font-size:20px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeBIDeclaration              { position:absolute; width:850px; top:50px; bottom:40px; }
  .m_listeBIDeclarationRowCont1      { display:flex; }
  .m_listeBIDeclarationRowCont2      { display:flex; flex-direction:column; flex-grow:1; }
  .m_listeBIDeclarationRowCont3      { display:flex; padding:20px; }
  .m_listeBIDeclarationRowPart       { display:flex; }
  .m_listeBIDeclarationRowCell       { position:relative; padding:0 10px 0 10px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-SemiBold'; font-size:40px; line-height:56px; color:var(--standardTextColor); }
  .m_listeBIDeclarationRowLibBI      { width:70px; }
  .m_listeBIDeclarationType          { line-height:48px; border-radius:7px; background-color:gray; font-family:'Manrope-SemiBold'; font-size:30px; color:white; margin-top:4px; height:49px; padding:0 18px 0 18px; }
  .m_listeBIDeclarationType[type=J]  { background:var(--couleurTypeJ); }
  .m_listeBIDeclarationType[type=H]  { background:var(--couleurTypeH); }
  .m_listeBIDeclarationType[type=R]  { background:var(--couleurTypeR); }
  .m_listeBIDeclarationType[type=F]  { background:var(--couleurTypeF); }
  .m_listeBIDeclarationDate          { padding-left:50px; width:200px; }
  .m_listeBIDeclarationEmetteur      { font-size:34px; color:var(--standardTextColorLight); width:480px; line-height:50px; height:50px; margin-top:9px; }
  .m_listeBIDeclarationListContainer { padding-left:10px; }
  .m_listeBIDeclarationButton        { width:200px; height:80px; color:white; font-size:34px; }
}

.m_listeBIDeclarationButton[down=true]               {  }
.m_listeBIDeclarationButton[color=green]             { background:var(--buttonGreen); }
.m_listeBIDeclarationButton[color=green][down=true]  { background-color:var(--buttonGreen_Down); }
.m_listeBIDeclarationButton[color=blue]              { background:var(--buttonBlue); }
.m_listeBIDeclarationButton[color=blue][down=true]   { background-color:var(--buttonBlue_Down); }
.m_listeBIDeclarationButton[color=orange]            { background:var(--buttonOrange); }
.m_listeBIDeclarationButton[color=orange][down=true] { background-color:var(--buttonOrange_Down); }

/* *********************************************************************************************************** */
/* PageListeDetailBL  (M O B I L E)                                                                            */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeDetailBL                { position:absolute; width:620px; top:0px; bottom:5px; }
  .m_listeDetailBLFilterContainer { display:flex; padding-bottom:15px; justify-content:center; flex-shrink:0; }
  .m_pageDetailBLAddButton            { background:var(--buttonBlue); color:white; height:40px; font-size:20px; width:250px; }
  .m_pageDetailBLAddButton[down=true] { background-color:var(--buttonBlue_Down); }

  .m_listeDetailBLRowCont1        { display:flex; }
  .m_listeDetailBLRowCont2        { display:flex; flex-direction:column; flex-grow:1; justify-content:space-around; }
  .m_listeDetailBLRowContCheck    { display:flex; flex-grow:1; align-items:center; justify-content:center; }
  .m_listeDetailBLRowCont3        { display:flex; padding:0 10px 0 0; align-items:center; }
  .m_listeDetailBLRowPart         { display:flex; }
  .m_listeDetailBLRowCell         { position:relative; padding:0 5px 0 5px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-Regular'; font-size:24px; line-height:33px; color:var(--standardTextColor); }
  .m_listeDetailBLRowLibEuro      { color:var(--standardTextColorLight); padding:0px; font-size:20px; height:25px; margin-top:2px; width:35px; }
  .m_listeDetailBLRowLibNum       { color:var(--standardTextColorLight); padding:0px; text-align:right; font-size:20px; height:25px; margin-top:2px; width:30px; }
  .m_listeDetailBLRowCodif        { font-family:'Manrope-SemiBold'; font-size:24px; width:90px; }
  .m_listeDetailBLRowTitre        { font-family:'Manrope-SemiBold'; font-size:24px; width:320px; }
  .m_listeDetailBLRowTitre[inconnu=true] { color:var(--standardTextColorLight); font-style:italic; }
  .m_listeDetailBLRowPrix         { text-align:right; width:70px; }
  .m_listeDetailBLRowNumero       { width:100px; }
  .m_listeDetailBLCellContInfoQte            { display:none; border-radius:5px; border:solid 1px rgba(0,0,0,0.3); justify-content:space-around; padding:0 5px; width:190px;}
  .m_listeDetailBLCellContInfoQte[show=true] { display:flex;  }
  .m_listeDetailBLCellQteBL       { font-family:'Manrope-Regular'; font-size:22px; color:var(--buttonRed); line-height:31px; }
  .m_listeDetailBLCellQteRCL      { font-family:'Manrope-Regular'; font-size:22px; color:var(--buttonRed); line-height:31px; }

  .m_listeDetailBLRowCheck            { background:url("../Images/checkRecep.png") center no-repeat; height:60px; width:0px; visibility:hidden; }
  .m_listeDetailBLRowCheck[show=true] { width:45px; visibility:visible; }

  .m_listeDetailBLRowQteRecue    { position:relative; font-family:'Manrope-SemiBold'; width:60px; font-size:30px; text-align:right; padding-right:5px; }                                
  .m_listeDetailBLCellInput      { position:relative; width:60px; }
  .m_listeDetailBLCellInput[status=check]       { background-color:var(--inputBackgroundGreen); border:solid 1px var(--buttonGreen); }
  .m_listeDetailBLCellInput[status=check]:focus { border:solid 1px var(--buttonGreen); border-radius:3px; }
  .m_listeDetailBLCellInput[status=rcl]         { background-color:var(--inputBackgroundOrange); border:solid 1px var(--buttonOrange); }
  .m_listeDetailBLCellInput[status=rcl]:focus   { border:solid 1px var(--buttonOrange); border-radius:3px; }

  .m_popupAjouteReclamation             { width:530px; height:350px; }
  .m_popupAjouteReclamationMainPanel    { display:flex; margin:35px 0 25px; flex-direction:column; /*gap:7px;*/ align-items:center; }
  .m_popupAjouteReclamationRowContainer { display:flex; padding-bottom:10px; margin-bottom:7px; }
  .m_popupAjouteReclamationRow1         { /*gap:50px;*/ }
  .m_popupAjouteReclamationRadioGroup   { display:flex; /*gap:3px;*/ }
  .m_popupAjouteReclamationRadioGroup:focus { outline:none; }
  .m_popupAjouteReclamationLib          { font-family:'Manrope-Light'; font-size:20px; color:var(--standardTextColor); width:150px; text-align:right; margin-right:5px; line-height:50px; }
  .m_popupAjouteReclamationInput        { width:150px; text-align:left; padding-left:5px; font-size:28px; height:32px; margin:0 25px; }
  .m_popupAjouteReclamationRadio        { margin:8px; }
  .m_popupAjouteReclamationLibTitre     { font-family:'Manrope-Regular'; font-size:24px; color:var(--standardTextColor); max-width:350px; height:32px; line-height:32px; padding:0 10px; 
                                     border-radius:5px; border:solid 1px rgba(0,0,0,0.2); visibility:hidden; }
  .m_popupAjouteReclamationLibCodif[inconnu=true] { color:var(--standardTextColorLight); font-style:italic; }
  .m_popupAjouteReclamationButton       { color:white; height:40px; width:180px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeDetailBL                { position:absolute; width:900px; top:50px; bottom:40px; }
  .m_listeDetailBLFilterContainer { display:flex; padding-bottom:30px; justify-content:center; flex-shrink:0; }
  .m_pageDetailBLAddButton            { background:var(--buttonBlue); color:white; height:80px; font-size:36px; width:450px; }
  .m_pageDetailBLAddButton[down=true] { background-color:var(--buttonBlue_Down); }

  .m_listeDetailBLRowCont1        { display:flex; }
  .m_listeDetailBLRowCont2        { display:flex; flex-direction:column; flex-grow:1; justify-content:space-around; }
  .m_listeDetailBLRowContCheck    { display:flex; flex-grow:1; align-items:center; justify-content:center; }
  .m_listeDetailBLRowCont3        { display:flex; padding:14px; align-items:center; }
  .m_listeDetailBLRowPart         { display:flex; }
  .m_listeDetailBLRowCell         { position:relative; padding:0 5px 0 5px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-Regular'; font-size:40px; color:var(--standardTextColor); }
  .m_listeDetailBLRowLibEuro      { color:var(--standardTextColorLight); padding:0px; font-size:34px; height:50px; margin-top:7px; width:45px; }
  .m_listeDetailBLRowLibNum       { color:var(--standardTextColorLight); padding:0px; text-align:right; font-size:34px; height:50px; margin-top:7px; width:45px; }
  .m_listeDetailBLRowCodif        { font-family:'Manrope-SemiBold'; font-size:40px; width:135px; }
  .m_listeDetailBLRowTitre        { font-family:'Manrope-SemiBold'; font-size:40px; width:440px; }
  .m_listeDetailBLRowTitre[inconnu=true] { color:var(--standardTextColorLight); font-style:italic; }
  .m_listeDetailBLRowPrix         { text-align:right; width:110px; }
  .m_listeDetailBLRowNumero       { width:175px; }
  .m_listeDetailBLCellContInfoQte            { display:none; border-radius:10px; border:solid 1px rgba(0,0,0,0.3); justify-content:space-around; padding:0 5px; width:280px;}
  .m_listeDetailBLCellContInfoQte[show=true] { display:flex; border-radius:10px; border:solid 1px rgba(0,0,0,0.3); justify-content:space-around; padding:0 5px; }
  .m_listeDetailBLCellQteBL       { font-family:'Manrope-Regular'; font-size:32px; color:var(--buttonRed); line-height:61px; }
  .m_listeDetailBLCellQteRCL      { font-family:'Manrope-Regular'; font-size:32px; color:var(--buttonRed); line-height:61px; }

  .m_listeDetailBLRowCheck            { background:url("../Images/checkRecep_x2.png") center no-repeat; height:60px; width:0px; visibility:hidden; }
  .m_listeDetailBLRowCheck[show=true] { width:60px; visibility:visible; }

  .m_listeDetailBLRowQteRecue    { position:relative; font-family:'Manrope-SemiBold'; width:110px; font-size:55px; text-align:right; padding-right:10px; }                                
  .m_listeDetailBLCellInput      { position:relative; width:110px; }
  .m_listeDetailBLCellInput[status=check]       { background-color:var(--inputBackgroundGreen); border:solid 1px var(--buttonGreen); }
  .m_listeDetailBLCellInput[status=check]:focus { border:solid 2px var(--buttonGreen); border-radius:3px; }
  .m_listeDetailBLCellInput[status=rcl]         { background-color:var(--inputBackgroundOrange); border:solid 1px var(--buttonOrange); }
  .m_listeDetailBLCellInput[status=rcl]:focus   { border:solid 2px var(--buttonOrange); border-radius:3px; }

  .m_popupAjouteReclamation             { width:900px; height:700px; }
  .m_popupAjouteReclamationMainPanel    { display:flex; margin:75px 0 55px; flex-direction:column; /*gap:15px;*/ align-items:center; }
  .m_popupAjouteReclamationRowContainer { display:flex; padding-bottom:20px; margin-bottom:15px; }
  .m_popupAjouteReclamationRow1         { /*gap:100px;*/ }
  .m_popupAjouteReclamationRadioGroup   { display:flex; /*gap:5px;*/ }
  .m_popupAjouteReclamationRadioGroup:focus { outline:none; }
  .m_popupAjouteReclamationLib          { font-family:'Manrope-Light'; font-size:40px; color:var(--standardTextColor); width:250px; text-align:right; margin-right:10px; line-height:100px; }
  .m_popupAjouteReclamationInput        { width:240px; text-align:left; padding-left:10px; margin:0 50px; }
  .m_popupAjouteReclamationRadio        { margin:10px; }
  .m_popupAjouteReclamationLibTitre     { font-family:'Manrope-Regular'; font-size:40px; color:var(--standardTextColor); max-width:700px; height:50px; line-height:50px; padding:0 30px; 
                                     border-radius:10px; border:solid 2px rgba(0,0,0,0.2); visibility:hidden; }
  .m_popupAjouteReclamationLibTitre[inconnu=true] { color:var(--standardTextColorLight); font-style:italic; }
  .m_popupAjouteReclamationButton   { color:white; height:90px; font-size:40px; width:280px; }
}

.m_popupAjouteReclamationButton[color=orange]            { background:var(--buttonOrange); }
.m_popupAjouteReclamationButton[color=orange][down=true] { background-color:var(--buttonOrange_Down); }
.m_popupAjouteReclamationButton[color=gray]              { background:var(--buttonGray); }
.m_popupAjouteReclamationButton[color=gray][down=true]   { background-color:var(--buttonGray_Down); }



/* *********************************************************************************************************** */
/* PageListeDetailBI  (M O B I L E)                                                                            */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeDetailBI               { position:absolute; width:620px; top:0px; bottom:5px; }
  .m_listeDetailBIRowCont1       { display:flex; }
  .m_listeDetailBIRowCont2       { display:flex; flex-direction:column; flex-grow:1; justify-content:space-around;  }
  .m_listeDetailBIRowCont3       { display:flex; padding:0 10px 0 0; align-items:center; }
  .m_listeDetailBIRowPart        { display:flex; }
  .m_listeDetailBIRowCell        { position:relative; padding:0 5px 0 5px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-Regular'; font-size:24px; line-height:33px; color:var(--standardTextColor); }
  .m_listeDetailBIRowLibEuro     { color:var(--standardTextColorLight); padding:0px; font-size:20px; height:25px; margin-top:2px; width:45px; }
  .m_listeDetailBIRowLibNum      { color:var(--standardTextColorLight); padding:0px; text-align:right; font-size:20px; height:25px; margin-top:2px; width:30px; }
  .m_listeDetailBIRowLibFourni   { color:var(--standardTextColorLight); padding:0px; font-size:20px; height:25px; margin-top:2px; width:70px; }
  .m_listeDetailBIRowCodif       { font-family:'Manrope-SemiBold'; font-size:24px; width:90px; }
  .m_listeDetailBIRowTitre       { font-family:'Manrope-SemiBold'; font-size:24px; width:320px; }
  .m_listeDetailBIRowPrix        { text-align:right; width:70px; }
  .m_listeDetailBIRowNumero      { width:100px; }
  .m_listeDetailBIRowFourni      { width:70px; }
  .m_listeDetailBIRowPrioritaire { text-align:center; border-radius:7px; background-color:var(--standardTextColor); color:white; font-family:'Manrope-SemiBold'; 
                                   font-size:18px; height:27px; line-height:28px; top:4px; opacity:0.6; width:13px; }
  .m_listeDetailBIRowQteDeclaree { position:relative; font-family:'Manrope-SemiBold'; width:60px; font-size:30px; text-align:right; padding-right:5px; }                                
  .m_listeDetailBICellInput      { position:relative; width:60px;  }
  .m_listeDetailBIFooter        { position:relative; height:50px; overflow:hidden; flex:none; }
  .m_listeDetailBIFooterLibelle { position:absolute; text-align:left; right:160px; bottom:0px; line-height:35px ; font-family:'Manrope-Regular'; font-size:20px; color:var(--standardTextColorLight); }
  .m_listeDetailBIFooterTotal   { position:absolute; text-align:right; right:45px; bottom:3px; line-height:42px ; font-family:'Manrope-Bold'; font-size:30px; color:var(--standardTextColor); width:90px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeDetailBI               { position:absolute; width:900px; top:50px; bottom:10px; }
  .m_listeDetailBIRowCont1       { display:flex; }
  .m_listeDetailBIRowCont2       { display:flex; flex-direction:column; flex-grow:1; justify-content:space-around;  }
  .m_listeDetailBIRowCont3       { display:flex; padding:14px; align-items:center; }
  .m_listeDetailBIRowPart        { display:flex; }
  .m_listeDetailBIRowCell        { position:relative; padding:0 5px 0 5px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-Regular'; font-size:40px; color:var(--standardTextColor); }
  .m_listeDetailBIRowLibEuro     { color:var(--standardTextColorLight); padding:0px; font-size:34px; height:50px; margin-top:7px; width:75px; }
  .m_listeDetailBIRowLibNum      { color:var(--standardTextColorLight); padding:0px; text-align:right; font-size:34px; height:50px; margin-top:7px; width:45px; }
  .m_listeDetailBIRowLibFourni   { color:var(--standardTextColorLight); padding:0px; font-size:34px;  height:50px; margin-top:7px; width:120px; }
  .m_listeDetailBIRowCodif       { font-family:'Manrope-SemiBold'; font-size:40px; width:150px; }
  .m_listeDetailBIRowTitre       { font-family:'Manrope-SemiBold'; font-size:40px; width:480px; }
  .m_listeDetailBIRowPrix        { text-align:right; width:110px; }
  .m_listeDetailBIRowNumero      { width:150px; }
  .m_listeDetailBIRowFourni      { width:120px; }
  .m_listeDetailBIRowPrioritaire { text-align:center; border-radius:7px; background-color:var(--standardTextColor); color:white; font-family:'Manrope-Bold'; 
                                   font-size:32px; height:48px; line-height:50px; top:3px; opacity:0.6; width:30px; }
  .m_listeDetailBIRowQteDeclaree { position:relative; font-family:'Manrope-SemiBold'; width:110px; font-size:55px; text-align:right; padding-right:10px; }                                
  .m_listeDetailBICellInput      { position:relative; width:110px; }
  .m_listeDetailBIFooter        { position:relative; height:100px; overflow:hidden; flex:none; }
  .m_listeDetailBIFooterLibelle { position:absolute; text-align:left; right:220px; bottom:0px; line-height:70px ; font-family:'Manrope-Regular'; font-size:40px; color:var(--standardTextColorLight); }
  .m_listeDetailBIFooterTotal   { position:absolute; text-align:right; right:55px; bottom:3px; line-height:83px ; font-family:'Manrope-Bold'; font-size:60px; color:var(--standardTextColor); width:150px; }
}

/* *********************************************************************************************************** */
/* PageOublie  (M O B I L E)                                                                                   */
/* *********************************************************************************************************** */
@media only screen and (orientation:landscape), only screen and (min-device-width:740px) and (orientation:portrait) {
  .m_listeOublie { position:absolute; width:640px; top:30px; bottom:30px; }
  .m_listeOublieFilterContainer { display:flex; padding-bottom:15px; justify-content:center; flex-shrink:0; }
  .m_pageOublieAddButton            { background:var(--buttonBlue); color:white; height:40px; font-size:20px; width:250px; }
  .m_pageOublieAddButton[down=true] { background-color:var(--buttonBlue_Down); }

  .m_listeOublieRowCont1 { display:flex; }
  .m_listeOublieRowCont2 { display:flex; flex-direction:column; flex-grow:1; justify-content:space-around; }
  .m_listeOublieRowCont3 { display:flex; padding:10px; align-items:center; }
  .m_listeOublieRowPart  { display:flex; }
  .m_listeOublieRowCell  { position:relative; padding:0 5px 0 5px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-Regular'; font-size:24px; line-height:33px; color:var(--standardTextColor); }
  .m_listeOublieRowCodif       { font-family:'Manrope-SemiBold'; font-size:24px; width:80px; }
  .m_listeOublieRowTitre       { font-family:'Manrope-SemiBold'; font-size:24px; width:320px; }
  .m_listeOublieRowLibNum      { color:var(--standardTextColorLight); padding-left:6px; font-size:20px; height:25px; margin-top:2px; width:22px; }
  .m_listeOublieRowLibDateDmd  { color:var(--standardTextColorLight); padding:0px; font-size:20px; height:25px; margin-top:2px; text-align:right; width:100px; }
  .m_listeOublieRowNumero      { width:80px; }
  .m_listeOublieRowDateDmd     { width:140px; }

  .m_listeOublieCellEtat { display:flex; align-items:center; justify-content:center; }

  .m_listeOublieRowEtat { width:130px; font-family:'Manrope-SemiBold'; font-size:18px; border:1px solid; border-radius:120px; text-align:center; white-space:pre; padding:5px 0; }

  .m_listeOublieRowToolTipCom {  }
  .m_listeOublieRowToolTipComContent { font-family:'Manrope-Regular'; font-size:20px; padding:10px 20px; white-space:pre-wrap; max-width:500px; overflow:hidden; }

  .m_popupAjouteOublie             { width:530px; height:350px; }
  .m_popupAjouteOublieMainPanel    { display:flex; margin:35px 0 25px; flex-direction:column; /*gap:7px;*/ align-items:center; }
  .m_popupAjouteOublieRowContainer { display:flex; padding-bottom:10px; margin-bottom:7px; }
  .m_popupAjouteOublieRow1         { /*gap:50px;*/ }
  .m_popupAjouteOublieRadioGroup   { display:flex; /*gap:3px;*/ }
  .m_popupAjouteOublieRadioGroup:focus { outline:none; }
  .m_popupAjouteOublieLib          { font-family:'Manrope-Light'; font-size:20px; color:var(--standardTextColor); width:150px; text-align:right; margin-right:5px; line-height:50px; }
  .m_popupAjouteOublieInput        { width:150px; text-align:left; padding-left:5px; font-size:28px; height:32px; margin:0 25px; }
  .m_popupAjouteOublieRadio        { margin:8px; }
  .m_popupAjouteOublieLibCodif     { font-family:'Manrope-Regular'; font-size:24px; color:var(--standardTextColor); max-width:350px; height:32px; line-height:32px; padding:0 10px; 
                                     border-radius:5px; border:solid 1px rgba(0,0,0,0.2); visibility:hidden; }
  .m_popupAjouteOublieLibCodif[inconnu=true] { color:var(--standardTextColorLight); font-style:italic; }
  .m_popupAjouteOublieButton       { color:white; height:40px; width:180px; }
}

@media only screen and (orientation:portrait) and (max-device-width:740px) {
  .m_listeOublie { position:absolute; width:900px; top:50px; bottom:40px; }
  .m_listeOublieFilterContainer { display:flex; padding-bottom:30px; justify-content:center; flex-shrink:0; }
  .m_pageOublieAddButton            { background:var(--buttonBlue); color:white; height:80px; font-size:36px; width:450px; }
  .m_pageOublieAddButton[down=true] { background-color:var(--buttonBlue_Down); }

  .m_listeOublieRowCont1 { display:flex; }
  .m_listeOublieRowCont2 { display:flex; flex-direction:column; flex-grow:1; justify-content:space-around; }
  .m_listeOublieRowCont3 { display:flex; padding:14px; align-items:center; }
  .m_listeOublieRowPart  { display:flex; }
  .m_listeOublieRowCell  { position:relative; padding:0 5px 0 5px; overflow:hidden; text-overflow:ellipsis; font-family:'Manrope-Regular'; font-size:40px; color:var(--standardTextColor); }
  .m_listeOublieRowCodif       { font-family:'Manrope-SemiBold'; font-size:40px; width:135px; }
  .m_listeOublieRowTitre       { font-family:'Manrope-SemiBold'; font-size:40px; width:440px; }
  .m_listeOublieRowLibNum      { color:var(--standardTextColorLight); padding:0px; font-size:34px; height:50px; margin-top:7px; width:40px; }
  .m_listeOublieRowLibDateDmd  { color:var(--standardTextColorLight); padding:0px; font-size:34px; height:50px; margin-top:7px; text-align:right; width:135px; }
  .m_listeOublieRowNumero      { width:150px; }
  .m_listeOublieRowDateDmd     { width:195px; }

  .m_listeOublieCellEtat { display:flex; align-items:center; justify-content:center; }

  .m_listeOublieRowEtat { width:210px; font-family:'Manrope-SemiBold'; font-size:30px; border:2px solid; border-radius:30px; text-align:center; white-space:pre; padding:15px 0; }

  .m_listeOublieRowToolTipCom {  }
  .m_listeOublieRowToolTipComContent { font-family:'Manrope-Regular'; font-size:36px; padding:10px 20px; white-space:pre-wrap; max-width:500px; overflow:hidden; }

  .m_popupAjouteOublie             { width:900px; height:700px; }
  .m_popupAjouteOublieMainPanel    { display:flex; margin:75px 0 55px; flex-direction:column; /*gap:15px;*/ align-items:center; }
  .m_popupAjouteOublieRowContainer { display:flex; padding-bottom:20px; margin-bottom:15px; }
  .m_popupAjouteOublieRow1         { /*gap:100px;*/ }
  .m_popupAjouteOublieRadioGroup   { display:flex; /*gap:5px;*/ }
  .m_popupAjouteOublieRadioGroup:focus { outline:none; }
  .m_popupAjouteOublieLib          { font-family:'Manrope-Light'; font-size:40px; color:var(--standardTextColor); width:250px; text-align:right; margin-right:10px; line-height:100px; }
  .m_popupAjouteOublieInput        { width:240px; text-align:left; padding-left:10px; margin:0 50px;}
  .m_popupAjouteOublieRadio        { margin:10px; }
  .m_popupAjouteOublieLibCodif     { font-family:'Manrope-Regular'; font-size:40px; color:var(--standardTextColor); max-width:700px; height:50px; line-height:50px; padding:0 30px; 
                                     border-radius:10px; border:solid 2px rgba(0,0,0,0.2); visibility:hidden; }
  .m_popupAjouteOublieLibCodif[inconnu=true] { color:var(--standardTextColorLight); font-style:italic; }
  .m_popupAjouteOublieButton   { color:white; height:90px; font-size:40px; width:280px; }
}

.m_listeOublieRowEtat[etat=R] { border-color:var(--buttonRed); color:var(--buttonRed); background:var(--inputBackgroundRed); }
.m_listeOublieRowEtat[etat=E] { border-color:var(--buttonOrange); color:var(--buttonRed); background:var(--inputBackgroundOrange); }
.m_listeOublieRowEtat[etat=A] { border-color:var(--buttonGreen); color:var(--buttonGreen); background:var(--inputBackgroundGreen); }
.m_listeOublieRowEtat[etat=T] { border-color:var(--buttonBlue); color:var(--buttonBlue); background:var(--inputBackgroundBlue); }

.m_listeOublieRowToolTipCom[etat=R] { border-color:var(--buttonRed); color:var(--buttonRed); background:var(--inputBackgroundRed); }
.m_listeOublieRowToolTipCom[etat=E] { border-color:var(--buttonOrange); color:var(--buttonRed); background:var(--inputBackgroundOrange); }
.m_listeOublieRowToolTipCom[etat=A] { border-color:var(--buttonGreen); color:var(--buttonGreen); background:var(--inputBackgroundGreen); }
.m_listeOublieRowToolTipCom[etat=T] { border-color:var(--buttonBlue); color:var(--buttonBlue); background:var(--inputBackgroundBlue); }

.m_popupAjouteOublieButton[color=orange]            { background:var(--buttonOrange); }
.m_popupAjouteOublieButton[color=orange][down=true] { background-color:var(--buttonOrange_Down); }
.m_popupAjouteOublieButton[color=gray]              { background:var(--buttonGray); }
.m_popupAjouteOublieButton[color=gray][down=true]   { background-color:var(--buttonGray_Down); }