.style{text-decoration:none}
.style:over{text-decoration:none}
html,body{color:#000;height:100%;width:100%;text-align:center;margin:0;font:normal 12px arial,helvetica,sans-serif;padding:0}
.poly-background{position:fixed;background:linear-gradient(144deg,rgba(0,70,108,1) 5%,rgba(0,190,232,1) 26%,rgba(9,164,238,1) 46%,rgba(52,85,130,1) 100%);width:auto;height:auto;margin:0;padding:0;z-index:0}
.small-logo img{max-height:100px}
#login-container{width:450px;height:600px;background:inherit;position:fixed;overflow:hidden;top:50%;left:25%;margin-left:-225px;margin-top:-300px;border-radius:8px}
#login-container:before{width:500px;height:115%;content:"";position:absolute;top:-25px;left:-25px;bottom:0;right:0;background:inherit;box-shadow:inset 0 0 0 400px rgba(0,0,0,0.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media only screen and (max-width:1000px){#login-container{top:50%;left:50%}
}
@media only screen and (max-width:500px){#login-container{width:275px;top:50%;left:50%;margin-left:-137px}
#login-container:before{width:325px}
}
#login-container p{text-align:left;color:white}
#login-container p.login-title{font-size:2em}
#login-container form{text-align:center;position:absolute;left:50%;top:50%;width:70%;transform:translate(-50%,-50%)}
#login-container form input[type="text"],#login-container form input[type="password"]{display:block;width:100%;padding:.375rem .75rem;box-sizing:border-box;line-height:2.5;color:#495057;background-color:#fff;background-clip:padding-box;border-radius:.50rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-bottom:10px}
#login-container form input[type="button"],.actionBtn{margin-top:25px;margin-bottom:25px;border:0;border-radius:8px;padding-bottom:0;width:100%;height:40px;background:linear-gradient(to right,#0095ca,#50beff);color:white;cursor:pointer;transition:all 600ms ease-in-out}
#login-container form input[type="button"]:hover,.actionBtn:hover{background:linear-gradient(to right,#015a8c,#1eaaff)}
#login-container form .remember-me{color:white;display:block;text-align:left}
#login-container form span a{color:rgba(255,255,255,0.8)}
.wait{font-size:12px;font-weight:bold;text-decoration:none;position:absolute;top:20px;left:200px;height:31px;visibility:hidden;z-index:4}
.wait_login{font-size:12px;font-weight:bold;text-decoration:none;text-align:right;position:absolute;top:85px;width:100%;height:31px;visibility:hidden;z-index:4}
div#qrcode{position:absolute;left:0;bottom:10px;width:100%;z-index:1}
div#qrcode a{color:#000;text-decoration:none;font-size:9pt}
div#qrcode table{padding-left:10px}
#loginMain{position:relative;padding-bottom:40px}
#loginWrap{min-height:100%;position:relative}
#loginHeader{position:relative}
#loginFooter{padding-top:5px;padding-left:10px;background:linear-gradient(to right,#333,#1f1f1f);height:40px;line-height:40px;color:#818181;position:absolute;bottom:0;text-align:left;width:100%;position:fixed}
#loginFooter a{text-decoration:none;font-size:10pt;color:white;font:normal 12px arial,helvetica,sans-serif}
.boutonAction{font-style:italic;font-weight:bold;font-size:9pt;text-decoration:none;text-align:center;background:#406080;color:#fff;padding:4px 6px 4px 6px}
.boutonAction:hover{background-color:#f0c880}
.msgLogin{display:flex;justify-content:center;align-items:center;left:0;width:100%;height:600px;margin:10px 0 10px 0;color:white!important;font-size:1.5em;position:relative}
.messageInfo{position:absolute;width:70%;left:15%;text-align:center;font-family:arial,helvetica,sans-serif;font-weight:bold;font-size:12px;text-decoration:none;z-index:1000;background-color:rgba(255,255,255,0.8);border-radius:5px;line-height:25px}
.messagesErreur{position:absolute;width:70%;left:15%;text-align:center;font-family:arial,helvetica,sans-serif;font-weight:bold;font-size:12px;text-decoration:none;color:#f00;z-index:1000;background-color:rgba(255,255,255,0.8);border-radius:5px;line-height:25px}
.messagesErreur .erreur{color:#f00;margin:5px 5px 5px 5px;z-index:1000}
.messagesErreur .warning{color:#ff7400;margin:5px 5px 5px 5px;z-index:1000}
.messagesErreur .info{color:#6692bc;margin:5px 5px 5px 5px;z-index:1000}
div#typeVersion{position:absolute;width:100%;bottom:80px;text-align:center;font-size:22px}
div#typeVersion a{text-decoration:none}
@keyframes gradient{0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.fondDefault{background:linear-gradient(145deg,#192839 50%,#1ab4e2 115%);background-repeat:no-repeat;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;-pie-background-size:auto 100%;background-size:auto 100%}
.fondRedefined{background-color:white;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-pie-background-size:cover}
form#formLogin{position:absolute;box-sizing:padding-box;-moz-box-sizing:padding-box;left:50%;top:50%;text-align:left;z-index:0}
@keyframes translation{0%{transform:translateX(-1200px)}
100%{transform:translateX(0px)}
}
fieldset#login{position:absolute;box-sizing:padding-box;-moz-box-sizing:padding-box;left:50%;top:50%;width:279px;height:237px;margin-top:-118px;margin-left:-139px;color:#666;background:#fff;font-weight:bold;text-align:center}
fieldset#login table{text-align:center;font-weight:bold;font-size:12px;color:#666;width:279px}
fieldset#login input.right{margin-left:65px;width:175px;padding:5px 2px;border:solid 1px #aaa;margin-top:2px;font-family:arial,helvetica,sans-serif;font-size:16px;color:#666}
fieldset#login a.actionBtn{display:block;background-color:#b2b2b2;color:white;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;margin:auto 5px 5px 5px;padding:2px 0 2px 0;font-family:arial;font-size:22px;float:none;cursor:pointer;text-decoration:none;text-align:center}
fieldset#login a.actionBtn:hover{background-color:#828282}
table#demoLogin{position:absolute;top:71px;left:10px;width:258px;height:152px;color:black;background-color:#d3d3d3}
table#demoLogin select#demandeurs{position:absolute;left:10px;width:238px;margin-bottom:10px}
div#container{position:absolute;box-sizing:padding-box;-moz-box-sizing:padding-box;left:0;top:0;margin:0;padding:55px 0 28px 0;width:100%;height:100%}
div#nomUtilisateur{position:absolute;top:60px;left:15px;height:30px;margin-left:5px;padding-left:0;text-align:left}
div#nomUtilisateur span.nom{padding:0 10px 0 10px;line-height:30px;color:#fff;font-size:18px}
div#bandeauMessages{position:absolute;top:75px;left:0;width:100%;text-align:center}
#msgErreur{padding-left:25px;color:#f00;font-size:14px;font-weight:bold;z-index:10}
div.message{box-sizing:padding-box;-moz-box-sizing:padding-box;width:300px;margin:auto;padding:10px;text-align:center;font:12px arial,helvetica,sans-serif}
div.message a{text-decoration:none;font-weight:bold;font-size:14px;color:#828282}
div.message a:hover{text-decoration:underline}
a.portail{text-align:center;font-size:12pt;font-weight:bold;background-color:#fff;text-decoration:none;background-repeat:no-repeat;margin:0 auto -1px auto;position:absolute}
#zoneAffichage{position:absolute;top:0;left:0;width:100%;height:100%}
#zoneAffichage tr .bandeau{width:100%}
#zoneAffichage #ligneEntete{height:90px}
#zoneAffichage #lignePiedPage{height:28px}
#zoneBSupport{position:absolute;bottom:2px;left:0}
#zoneBSupport TABLE{position:relative;height:100%}
#zoneBSupport TABLE TR TD A{font-weight:bold;font-size:14px;color:#fff;text-decoration:none}
#zoneBSupport TABLE TR TD IMG{vertical-align:bottom}
#divContenu{position:relative;margin:0 auto;width:1006px;height:510px;overflow-y:auto}
#menuContenu{position:relative;animation:apparition 300ms ease-in 0s}
@keyframes apparition{0%{transform:scale(0.02);opacity:.2}
100%{transform:scale(1.0);opacity:1.0}
}
#menuContenu tr{height:165px}
#menuContenu tr td{width:33%}
#menuContenu tr td .zoneMenu{position:relative;margin:0;background-position:top}
#menuContenu tr td .zoneMenu table{position:relative;margin:auto;width:315px}
#menuContenu tr td .zoneMenu table .titreModule{font-size:18px;height:92px;text-align:right;vertical-align:bottom}
#menuContenu tr td .zoneMenu table .optionModule{text-align:left;height:18px}
#menuContenu tr td .zoneMenu table .optionModule a{color:#fff;text-decoration:none;font:14px arial,helvetica,sans-serif;display:block;width:150px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-ms-text-overflow:ellipsis;word-wrap:normal!important;white-space:nowrap}
#menuContenu tr td .zoneMenu table .optionModule a:hover{text-decoration:underline}
#menuContenu tr td .zoneMenu table tr td .optionModule .twoColumns{width:157px}
#modifPasswordContent{width:450px;height:600px;background:inherit;position:fixed;overflow:hidden;top:50%;left:25%;margin-left:-225px;margin-top:-300px;border-radius:8px}
#modifPasswordContent:before{width:500px;height:115%;content:"";position:absolute;top:-25px;left:-25px;bottom:0;right:0;background:inherit;box-shadow:inset 0 0 0 400px rgba(0,0,0,0.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media only screen and (max-width:1000px){#modifPasswordContent{top:50%;left:50%}
}
@media only screen and (max-width:500px){#modifPasswordContent{width:275px;top:50%;left:50%;margin-left:-137px}
#modifPasswordContent:before{width:325px}
}
#modifPasswordContent p{text-align:left;color:white}
#modifPasswordContent label{display:block;text-align:left;color:white;margin-bottom:10px}
#modifPasswordContent p.password-title{font-size:2em;margin-top:0}
#modifPasswordContent form{text-align:center;position:absolute;left:50%;top:50%;width:80%;transform:translate(-50%,-50%)}
#modifPasswordContent form input[type="text"],#modifPasswordContent form input[type="password"]{display:block;width:100%;padding:.375rem .75rem;box-sizing:border-box;line-height:2.5;color:#495057;background-color:#fff;background-clip:padding-box;border-radius:.50rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-bottom:10px}
#modifPasswordContent form input[type="button"]{margin-top:25px;padding:0;border-radius:8px;padding-bottom:0;width:40%;height:40px;background:linear-gradient(to right,#017dbe,#50beff);color:white;cursor:pointer;transition:all 600ms ease-in-out}
#modifPasswordContent form input[type="button"].forgot-close-btn{width:100%}
#modifPasswordContent form input[type="button"]:hover{background:linear-gradient(to right,#015a8c,#1eaaff)}
h1{color:#69c;font-size:medium}
dl#erreur{width:60%;margin:50px auto auto auto;padding:5px;font-size:12px;border:solid 2px #1ba6db}
dl#erreur dt{margin:0 0 5px 0;padding:5px;font-size:16px;font-weight:bold;color:#fff;background:#1ba6db}
dl#erreur dd{margin:0 0 0 10px;padding:0 0 0 10px;line-height:25px;color:#666;text-align:left;vertical-align:middle}
.modal div.erreur,.modal div.warning,.modal div.info{position:relative;left:auto;width:auto;height:auto;text-align:center;margin:0;color:#f00;font-weight:bold;font-size:9pt;z-index:100}
#popupMonCompte{position:relative;top:0;left:0;width:600px}
.portailPopup .categoryPopupPortail{width:100%;height:100%;margin:20px 0}
.portailPopup .categoryPopupPortail div{position:relative;height:22px}
.portailPopup .categoryPopupPortail .titrePortail{margin:0 0 0 20px;padding-left:20px;text-align:left}
.portailPopup .categoryPopupPortail .titrePortail label{padding-right:2px}
.portailPopup .categoryPopupPortail .labelPopupPortail{text-align:right;padding-right:20px;margin-bottom:5px}
.portailPopup .categoryPopupPortail select,.portailPopup .categoryPopupPortail input{margin-left:10px;width:200px}
::-webkit-input-placeholder{font-style:italic}
:-moz-placeholder{font-style:italic}
::-moz-placeholder{font-style:italic}
:-ms-input-placeholder{font-style:italic}