:root {
  --brand-primary:    #6b6c71;
  --brand-secondary:  #056D9F;
}

.fr-td { float: right; padding-right: 20px !important; }
.fr-th { float: right; padding-right: 20px !important; }
.th-pad th { padding: 7px 0; }

.nav .tab-on .badge {
    color: var(--brand-secondary) !important;
    background-color: white !important;
}
.nav .badge {
    color: white;
    padding: 3px 6px;
    background-color: var(--brand-secondary);
    border-radius: 20px;
    text-align: center;
    margin-right: 8px;
    margin-left: -8px;
}

.blockPanel {
  border: 1px solid var(--brand-secondary);
  padding: 3px;
}

.linkDownloadAllPJDossier {
  float: right; margin-right: 3px; font-weight: bold; color: white;
}

.icon-1 {
  width: 16px;
  height: 16px;
}

.deleted, .deleted a {
  color: red !important;
}

.bloc-infos .linkFile {
  display: block;
  margin-bottom: 4px;
}

.icon {
  font-size: 17px;
}

.btnIcon {
  cursor: pointer;
}

.actionFile {
  margin: 0 8px;
}

.table-pj {
  border-collapse: collapse;
  width: 100%;
}
.table-pj thead {
  background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));
}
.table-pj th {
  padding: 10px;
  font-weight: bold;
  font-style: italic;
  color: #FFF;
}
.table-pj td {
  padding: 7px;
}
.table-pj tr {
  border-bottom: 1px solid #f6f4f4;
}
.table-pj tr.on {
  background-color:#f6f4f4;
}
.center {
  text-align: center;
}
.table-pj .fl-right {
  margin-right: 20px;
}
.fl-right {
  float: right;
}

.lines-info {
  list-style: none;
  color: #373535;
  cursor: pointer;
  margin-top: 7px;
}
.lines-info .show-more li {
  margin: 7px 0 0 12px;
  display: none;
}
.lines-info .show-less li {
  margin: 7px 0 0 12px;
  display: block;
}

#modalAjouterDemandeModification input,
#modalAjouterDemandeModification textarea,
#modalAjouterDemandeModification select {
  font-size: 13px !important;
}
.detailText {
  line-height: 24px;
  white-space: pre-wrap;
  text-align: left;
}

.icon-button {
  background-color: #838383;
  color: white;
  border: none;
  padding: 7px 16px;
  border-radius: 5px;
  cursor: pointer;
}
.dashed-border {
  border: 1px dashed #838383 !important;
  margin: 20px 0 !important;
}

.scrollbar-hidden {
  overflow: hidden;
}
.pv-container::after {
  content: "";
  display: table;
  clear: both;
}
.pv-container {
  width: 100%;
  display: flex;
}
.pv-column {
  padding: 5px;
}
.pv-row {
  display: flex;
}
.pv-col {
  flex: 1;
  padding: 5px 10px 5px 0;
}
.pv-col-double {
  flex: 2;
  padding: 5px 10px 5px 0;
}
.pv-col-triple {
  flex: 3;
  padding: 5px 10px 5px 0;
}
.pv-line-v {
  border-left: 1px dashed #808080FF;
  padding-left: 15px;
  margin-left: 15px;
}
.pv-line-h {
  border-bottom: 1px dashed gray;
  margin: 5px;
}
.pv-group {
  display: flex;
}
.pv-group label {
  flex-basis: 30%;
}
.pv-group .pv-form {
  width: 70%;
}
.pv-group input,
.pv-group textarea,
.pv-group select {
  flex-basis: 70%;
  padding: 3px;
}
.pv-group input[type="text"],
.pv-group input[type="number"]{
  border: 1px solid;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}

.fas { text-decoration: none;}
.titreModal { font-size: 16px;}
.modalTextarea { font-size: 14px; padding: 10px}
.lineH { line-height: 1.6 !important; }
.modal textarea {
  font-size: 14px !important;
  padding: 4px !important;
  line-height: 1.6 !important;
}
.IconValider { font-size: 18px; color: green; margin-left: 2px;}
.IconRefuser { font-size: 18px; color: red; margin-left: 2px;}
.checkBoxDemandeChangement { margin-left: 16px !important; width: 14px !important; height: 14px !important;}
.btnValider { color: white !important; background-color: green !important; margin: 4px 10px;}
.btnRefuser { color: white !important; background-color: red !important; margin: 4px 10px;}
.btnSupprimer { color: white !important; background-color: #ff5900 !important; margin: 4px 80px 4px 20px;}
.btnRed { color: white !important; background-color: red !important;}
#LabelTousSelectionner { cursor: pointer; }
#TousSelectionner { display: none; }
.underline { text-decoration: underline !important; }
.histoEtatPresDemChangement tr { height: 30px !important; }

#loading {width: 170px; height: 35px; top: 0px; left: 45%; position: fixed; z-index: 9999; background-color: white; padding: 2px 10px 0 10px; border-radius: 0 0 25px 25px;}
#loading .ajax-loader {width: 30px;}
#loading p { margin-left: 20px; display: inline; font-size: 14px; }

.hidden { display: none !important;}

body { font-family:Lato, Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color:#000; background:url(../images/body-bk.gif) repeat-x;margin:0px; padding:0px; }
div, p, ul, li, a, img { margin:0px; padding:0px }
img { border:0px; vertical-align:middle; margin-right:3px }
a {color:#666666; outline:none; }
a:hover { text-decoration:none;}
ul li { list-style-type:none }
input, textarea { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; height:auto; border-radius: 4px;}
input[type="radio"], input[type="checkbox"] { vertical-align:top; margin-left:0; margin-top:2px; }
input[type="radio"]+label, input[type="checkbox"]+label {margin-right: 10px;}
textarea { overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical }
select {font-size:10px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif }
table { font-family:Arial, Helvetica, sans-serif}
table th { text-align:left; }
table th a { color:#fff; text-decoration:none }
p { text-align:left; }
fieldset { border:1px solid #999; }
legend { color:#666; font-weight:bold; margin-bottom:5px; text-align:left; }
.bouton {
  background-color: var(--brand-secondary);
  color: white;
  border: 0;
  padding: 10px 20px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.botton-color {
  background-color: #d25691;
  color: white;
  border: 0;
  padding: 10px 20px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.rechercher,
.rechercher-right,
.recherche-stagiaire,
.recherche-agent,
.suivi-rechercher {
  background-image: none !important;
  background-color: var(--brand-secondary);
  border-radius: 20px;
  padding: 10px 20px !important;
  width: unset !important;
  height: unset !important;
  line-height: unset !important;
}
.rechercher:before,
.rechercher-right:before,
.recherche-stagiaire:before,
.recherche-agent:before,
.suivi-rechercher:before {
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  margin-right: 10px;
}

:focus { -moz-outline-style: none; }
.breaker { clear:both; overflow:hidden; height:0px }
.breaker-high { clear:both; overflow:hidden; height:300px }
.spacer { clear:both; overflow:hidden; height:20px }
.spacer-small { clear:both; overflow:hidden; height:10px }
.separator { clear:both; overflow:hidden; height:1px; border-bottom:1px dotted #7f7f7f; width:100%; margin-bottom:10px; margin-top:10px }
.separator-long { clear:both; overflow:hidden; height:1px; border-bottom:1px dotted #7f7f7f; width:100%; margin-bottom:10px; margin-top:10px }
.radio-separator { clear:both; overflow:hidden; height:1px; border-bottom:1px dotted #7f7f7f; width:99%; margin-bottom:10px; padding-top:10px }
.indent-20 { padding-left:20px; }
.icone-info { background:url(../images/picto-info.gif) no-repeat; padding-left:18px; min-height:18px; }
.icone-zoom-in { background:url(../images/icone-zoom-in.png) no-repeat; padding-left:18px; min-height:18px; display:inline-block; }
.img-link { vertical-align:top; }
.img-link img { margin-top:0 !important; }

/*Header*/
#header { margin:0 auto; width:100%; background-color:#fff }
#header .bandeau {
  height:198px;
  background-image: url(../images/bandeau-top.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.5s;
}
#header .bandeau img.logo-left { float:left; margin-top:0px; margin-left:0px; margin-top:0px; display: none;}
#header .bandeau img.logo-right { float:right; margin-top:0px; margin-right:0px; display:none; }

/*Barre date et identification connexion*/
#header .barre-id { margin:0 auto; }
#header .barre-id .top { }
#header .barre-id .content { margin:0 auto; width:95%; height:33px; color:#ffffff; overflow:hidden; font-weight:bold;padding-top: 9px; }
#header .barre-id .content .date { float:left; padding-top:5px }
#header .barre-id .content .date span.lien-accueil {  background-image:url(../images/picto-accueil.gif); background-repeat:no-repeat; padding-left:15px; background-position: 0 3px; margin-left:10px }
#header .barre-id .content .date span.lien-accueil a { color:#b02a30}
#header .barre-id .content .user { padding-top:5px; float:left; margin-right:15px }
#header .barre-id .content .infos-compte { padding-right:0; float:right }
#header .barre-id .content .infos-compte a { color:#ffffff; text-decoration:none; display:block; float:left; margin-top:5px; margin-left:10px }
#header .barre-id .content .infos-compte a img { vertical-align:top; margin-top:0; }
#header .barre-id .bottom { width:1082px; height:0px; display:none  }
#header .barre-id .content .notification { position: relative; margin-top:-2px !important; float:left; margin-right:40px; cursor: pointer }
#header .barre-id .content .notification img { width:26px }
.notification .badge {
  position: absolute;
  top: -4px;
  right: -10px;
  padding: 5px;
  border-radius: 50%;
  background: red;
  color: white;
  font-size: 12px;
}

#main-content { margin:0 auto; width:100%; height:auto }
#main-content .top { }
#main-content .middle { clear:left; text-align:left; height:auto; width:100%; background-image:url(../images/middle-dot-grey.gif); background-repeat:repeat-y; overflow:auto }
#main-content .middle { clear:left; text-align:left; height:auto; width:100%; background-image:url(../images/middle-dot-grey.gif); background-repeat:repeat-y; overflow:auto }

/*login*/
#main-content .middle-login { text-align:center; width:1084px; overflow:hidden; height:auto; background-color:#fff; margin: 0 auto; margin-top:0px}
#main-content .middle-login .intro { margin:0 auto; width:950px; color:#666; font-size: 13px; font-weight:bold; padding:10px 5px; padding-top:30px }
#main-content .middle-login .login-box { margin:0 auto; width:392px; margin-top: 30px; padding-bottom:200px }
#main-content .middle-login .login-box .top {display:block; background-image:url(../images/login-box-top.gif); background-repeat:no-repeat; height:20px; color:#fff; text-align:left; font-weight:bold; font-size:14px; line-height:20px; padding:10px; background: var(--brand-secondary); border-radius: 8px 8px 0 0; padding-left:11px;}
#main-content .middle-login .login-box .content { width:370px; border-left:1px solid #b2bec3; border-right:1px solid #b2bec3; height:auto; text-align:left; padding:5px 10px ; overflow:hidden; padding-top:10px; background-color:#FFF; border-bottom:1px solid #b2bec3; font-family:Arial, Verdana, Helvetica, sans-serif !important  }
#main-content .middle-login .login-box .content .intitule { display: block;width:100px; clear:left; float:none; font-weight:bold; margin-bottom:4px; margin-right:10px; color:#666 }
#main-content .middle-login .login-box .content .oubli-pass { display:block; float:none; width:100%; font-size:9px; line-height:26px; text-align:center }
#main-content .middle-login .login-box .content .oubli-pass a:hover { text-decoration:underline }
#main-content .middle-login .login-box .content input { display:block; float:none; width:98%; height:34px; margin: 0 auto; margin-bottom:10px; border: 1px solid #b2bec3; }
#main-content .middle-login .login-box .content input.annuler { margin-top:10px; width:65px; height:17px; clear:both; float:left }
#main-content .middle-login .login-box .content input.valider { margin-top:10px; width:65px; height:17px; float:right }
#main-content .middle-login .login-box .bottom { display:none }

/*menu gauche*/
#header .left-part { float:left; width:100%; overflow:hidden; background-color: #ecf0f1; }
#header .left-part #menu {
  margin: 0 auto;
  width: 95%;
  padding: 3px;
  background-color: #ecf0f1;
  overflow: hidden;
}
#header .left-part #menu .config-menu { display:inline; border:0px; padding:0px; float:none; overflow:hidden; }


#header .left-part ul { margin:0 auto; padding:0px; width:auto;  }
#header .left-part ul li  { display:block; height:20px; line-height:20px; width:auto; float:left; display:inline; }
#header .left-part ul li.menu-top-open { background-image:url(../images/menu-top-open-bk.gif); background-repeat:no-repeat; color:#fff; font-weight:bold; height:auto }
#header .left-part ul li.menu-top-open span { display:block; height:20px; border-bottom:2px solid #fff; width:152px; cursor:pointer; padding-left:7px }
#header .left-part ul li.menu-top-open ul li { color:#676566; font-weight:normal; background-color:#eeeced; border-bottom:1px solid #fff; margin-left:0px }
#header .left-part ul li.menu-top-open ul li.on { background-color:#cccccc }
#header .left-part ul li.menu-top-open ul li a { color:#676566; text-decoration:none; display:block; width:145px; height:20px; padding-left:20px; background-image:url(../images/ss-menu-puce-off.gif); background-repeat:no-repeat; background-position:7px 6px; font-family:Arial, Verdana, Helvetica, sans-serif}
#header .left-part ul li.menu-top-open ul li.on a { font-weight:normal; background-image:url(../images/ss-menu-puce-on.gif); background-repeat:no-repeat; background-position:7px 6px; font-family:Arial, Verdana, Helvetica, sans-serif }

#header .left-part ul li.menu-top-closed { background-image:url(../images/menu-top-closed-bk.gif); background-repeat:no-repeat; color:#fff; font-weight:bold; height:auto; }
#header .left-part ul li.menu-top-closed span { display:block; height:20px; border-bottom:2px solid #fff; width:152px; cursor:pointer; padding-left:7px }
#header .left-part ul li.menu-top-open ul.ss-menu-open { display:block }
#header .left-part ul li.menu-top-closed ul.ss-menu-closed { display:none }
#header .left-part ul li { background-image:none; background-repeat:no-repeat; color:var(--brand-secondary); font-weight:bold; height:auto }

#header .left-part ul li:hover ul {
  display: block !important;
  background: #ecf0f1;
  padding: 10px;
  max-width: 190px;
  border-radius: 0 0 12px 0px;
}
#header .left-part ul li:first-child:hover ul {
  margin-left: -10px;
}

#header .left-part ul li:hover ul li {
  width: 100% !important;
}

#header .left-part ul li:hover ul li a {
  text-decoration: none;
}

#header .left-part ul li span { display:block; height:20px; border-bottom:0; width:auto; cursor:pointer; padding-left:10px; padding-right:10px; border-right:1px solid var(--brand-secondary); }
#header .left-part ul li ul li { color:#676566; font-weight:normal; background-color:transparent; border-bottom:none; margin-left:0px }
#header .left-part ul li ul li.on { background-color:transparent; }
#header .left-part ul li ul li a { font-weight: bold;color:#676566; text-decoration:none; display:block; width:190px; height:20px; padding-left:0; background-image:none; background-repeat:no-repeat; background-position:7px 6px; font-family:Arial, Verdana, Helvetica, sans-serif }
#header .left-part ul li ul li.on a { font-weight:bold; background-image:none; background-repeat:no-repeat; background-position:7px 6px; font-family:Arial, Verdana, Helvetica, sans-serif }
#header .left-part ul li ul.ss-menu-open { display:none; position: absolute; background: #ecf0f1; padding: 8px; max-width: 190px; border-radius: 0 0 12px 0px; margin-left: -3px; }
#header .left-part ul li:first-child span {padding-left:0px;}
#header .left-part ul li:last-child span {border:0 !important;}

.ss-menu-closed,
.ss-menu-open {
  position: absolute !important;
  max-width: 300px;
  display: none;
}

#header .left-part ul li ul.ss-menu-open li.on { display:block; height:auto }
#header .left-part ul li ul.ss-menu-open li.on ul.ss-lien li { border-bottom:0px }
#header .left-part ul li ul.ss-menu-open li.on ul.ss-lien li a { width:140px; background-image:none; padding-left:25px }

#header .left-part ul li ul.ss-menu-open li.on ul.ss-lien li.on a { background-color:#EEECED; font-weight:bold }
#header .left-part ul li ul.ss-menu-open li.on ul.ss-lien li.off a { background-color:#EEECED; font-weight:normal }

#header .left-part ul li ul.ss-menu-open li.off { display:block; height:auto }
#header .left-part ul li ul.ss-menu-open li.off ul.ss-lien  { display:none }

#header .left-part ul li ul.ss-menu-closed li.on { display:block; height:auto; font-weight:normal }
#header .left-part ul li ul.ss-menu-closed li.on ul.ss-lien li { border-bottom:0px  }
#header .left-part ul li ul.ss-menu-closed li.on ul.ss-lien li a { width:140px; background-image:none; padding-left:25px }
#header .left-part ul li ul.ss-menu-closed li.on ul.ss-lien li.on a { background-color:#EEECED; font-weight:bold }

#header .left-part ul li ul.ss-menu-closed li.off { display:block; height:auto; margin-bottom: 3px;}
#header .left-part ul li ul.ss-menu-closed li.off ul.ss-lien  { display:none }
#header .left-part ul li ul.ss-menu-closed li.off ul.ss-lien li.on a { background-color:#EEECED; font-weight:bold }
#header .left-part ul li ul.ss-menu-closed li.off ul.ss-lien li.off a { background-color:#EEECED; font-weight:normal  }

#header .left-part .menu-bottom {clear:left; float:left; width:181px; height:13px; }
#header .left-part .menu-bottom img { margin:0px }

/*partie centrale*/
#main-content .middle .main-part { width:95%; text-align:center; float:none; padding-top:12px; padding-bottom:50px; margin: 0 auto; display: block; overflow: initial;}
#main-content .middle .main-part .intro { margin:0 auto; border:1px dashed #666; color:#000; font-size: 13px; padding:10px 5px; margin-top:12px; margin-bottom:30px; text-align:left }
#main-content .middle .main-part .intro img { display:none; color:#666; font-weight:normal; vertical-align:top; margin-top:3px }
#main-content .middle .main-part .intro p { color:#000}
#main-content .middle .main-part .intro ul { color:#666; margin-left:20px }
#main-content .middle .main-part .intro strong { color:#666 }

#main-content .middle .main-part .breadcrumb {  margin:0 auto; text-align:left; width:auto; margin-bottom:20px; font-size: 13px; margin-left:0; font-weight:bold; color:#666 }
#main-content .middle .main-part .breadcrumb a { color:#666; font-weight:normal; text-decoration:none; }
#main-content .middle .main-part .breadcrumb a:hover { text-decoration:underline; }
#main-content .middle .main-part .breadcrumb img { display:none; color:#666; font-weight:normal; vertical-align:top; margin-top:3px }

/*boite recap*/
#main-content .middle .main-part .recap-box {margin:0 auto; clear:left; overflow:hidden; height:auto; text-align:left; margin-bottom:10px; border: 1px solid var(--brand-secondary); border-radius:8px; padding:8px;background-color: #FFF;box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.26);}
#main-content .middle .main-part .recap-box .top { display:none; width:1120px; background-image:url(../images/main-recap-top.gif); background-repeat:no-repeat; height:4px; overflow:hidden }
#main-content .middle .main-part .recap-box .content { background-color:#FFF; padding:5px; width:100%; border-left:0; border-right:0; height:auto; font-family:Arial, Verdana, Helvetica, sans-serif !important }
#main-content .middle .main-part .recap-box .content h1 { font-size: 13px; color:var(--brand-secondary); font-weight:bold; margin:0 0 15px 0; }
#main-content .middle .main-part .recap-box .content strong { color:#666;}


#main-content .middle .main-part .recap-box .content .left { width:620px; float:left }
#main-content .middle .main-part .recap-box .content .left .line { width:600px; margin-bottom:5px; clear:left; float:left }
#main-content .middle .main-part .recap-box .content .left .line .intitule { display:block; clear:left; float:left; line-height:18px; padding-right:10px }
#main-content .middle .main-part .recap-box .content .left .line .intitule-long { display:block; clear:left; float:left; line-height:18px; padding-right:10px; width:110px }
#main-content .middle .main-part .recap-box .content .left .line input { display:block; float:left }
#main-content .middle .main-part .recap-box .content .left .column input { display:block; float:left }
#main-content .middle .main-part .recap-box .content .left .column-short input { display:block; float:left }

#main-content .middle .main-part .recap-box .content .line { margin-bottom:5px; clear:left; /width:100%; }
#main-content .middle .main-part .recap-box .content .line .intitule-short { display:block; width:66px; float:left; line-height:18px; height:auto }
#main-content .middle .main-part .recap-box .content .line .intitule-long { display:block; clear:left; float:left; line-height:18px; padding-right:0px; width:120px }
#main-content .middle .main-part .recap-box .content .line input { display:inline }

#main-content .middle .main-part .recap-box .content .line input.requete-radio { display:block; clear:left; float:left; line-height:18px; padding-right:3px }
#main-content .middle .main-part .recap-box .content .line .content-bloc { float:left; width:auto !important; padding-top:2px; }

#main-content .middle .main-part .recap-box .content .col { width:95px; float:left }

#main-content .middle .main-part .recap-box .content .column-auto { width:auto; line-height:18px; float:left; margin-bottom:5px; padding-right:5px }
#main-content .middle .main-part .recap-box .content .column-auto .intitule-long { display:block; clear:left; float:left; line-height:18px; padding-right:10px; width:150px }
#main-content .middle .main-part .recap-box .content .column-auto .intitule-long2 { display:block; clear:left; float:left; line-height:18px; padding-right:0px; width:120px; text-align: left; }

#main-content .middle .main-part .recap-box .content .column { width:250px; margin-bottom:5px; float:left; margin-right:10px }
#main-content .middle .main-part .recap-box .content .column .intitule-moyen  { width:66px; float:left; line-height:18px }

#main-content .middle .main-part .recap-box .content .column .intitule-auto { display:block; clear:left; float:left; line-height:18px; padding-right:5px }
#main-content .middle .main-part .recap-box .content .column .intitule { display:block; clear:left; float:left; line-height:18px; }
#main-content .middle .main-part .recap-box .content .column .intitule-long { display:block; clear:left; float:left; line-height:18px; padding-right:10px; width:110px }
#main-content .middle .main-part .recap-box .content .column .intitule-long2 { display:block; clear:left; float:left; line-height:18px; padding-right:0px; width:120px }
#main-content .middle .main-part .recap-box .content .column .intitule-long3 { display:block; clear:left; float:left; line-height:18px; padding-right:0px; width:133px }
#main-content .middle .main-part .recap-box .content .column input.check { margin-left:-2px }

#main-content .middle .main-part .recap-box .content .column .calendar { width:100px; float:inherit }
#main-content .middle .main-part .recap-box .content .column .calendar input { width:70px; display:block; float:left }
#main-content .middle .main-part .recap-box .content .column .calendar img { float:left; margin-left:2px }

#main-content .middle .main-part .recap-box .content .column-short { width:80px; margin-bottom:5px; float:left }
#main-content .middle .main-part .recap-box .content .column-short .intitule { display:block; clear:left; float:left; line-height:18px }

#main-content .middle .main-part .recap-box .content .column-short2 { width:200px; margin-bottom:5px; margin-top:5px; float:left }
#main-content .middle .main-part .recap-box .content .column-short2 .intitule { display:block; clear:left; float:left; line-height:18px; padding-top: 0; min-width: 40px;}
#main-content .middle .main-part .recap-box .content .column-short2 input.radio { display:inline; margin-left:-2px }

#main-content .middle .main-part .recap-box .content .column-short3 { width:190px; margin-bottom:5px; float:left; margin-right:10px; line-height:18px }
#main-content .middle .main-part .recap-box .content .column-short3 .intitule-moyen  { width:66px; float:left; line-height:18px }
#main-content .middle .main-part .recap-box .content .column-short3 .intitule-long  { display:block; width:75px; float:left; line-height:18px }

#main-content .middle .main-part .recap-box .content .column-short3 a.nouveau-dossier { display:block; width:124px; height:33px; background-image:url(../images/bouton-long-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; margin-left:20px; font-family:Arial, Verdana, Helvetica, sans-serif  }
#main-content .middle .main-part .recap-box .content .left .column-short3 input { display:block; float:left }

#main-content .middle .main-part .recap-box .content .column-short4 { width:335px; margin-bottom:5px; float:left; margin-right:10px; line-height:18px }
#main-content .middle .main-part .recap-box .content .column-short4 .intitule-short { display:block; width:80px; float:left; line-height:18px; height:auto }
#main-content .middle .main-part .recap-box .content .column-short4 .intitule-moyen { display:block; width:100px; float:left; line-height:18px; height:auto }
#main-content .middle .main-part .recap-box .content .column-short4 .intitule-long { display:block; width:170px; float:left; height:auto }
#main-content .middle .main-part .recap-box .content .column-short4 img { vertical-align:top; margin-top:2px }
#main-content .middle .main-part .recap-box .content .column-short4 strong { color:var(--brand-secondary) }

#main-content .middle .main-part .recap-box .content .column-short5 { width:150px; margin-bottom:5px; float:left; margin-right:10px; line-height:18px }

#main-content .middle .main-part .recap-box .content .column-short6 { width:95px; margin-bottom:5px; float:left }
#main-content .middle .main-part .recap-box .content .column-short6 a.rechercher { margin-bottom:5px; float:left; margin-left:0px; }

#main-content .middle .main-part .recap-box .content .column-moyen { width:280px; margin-bottom:5px; float:left }
#main-content .middle .main-part .recap-box .content .column-moyen .intitule-long  { display:block; width:155px; float:left; line-height:18px }
#main-content .middle .main-part .recap-box .content .column-moyen .intitule-long2  { display:block; width:180px; float:left; line-height:18px }

#main-content .middle .main-part .recap-box .content .column-moyen2 { width:350px; margin-bottom:5px; float:left }
#main-content .middle .main-part .recap-box .content .column-moyen2 .intitule-auto { display:block; clear:left; float:left; line-height:18px; padding-right:5px }
#main-content .middle .main-part .recap-box .content .column-moyen2 .intitule-long  { display:block; width:155px; float:left; line-height:18px }
#main-content .middle .main-part .recap-box .content .column-moyen2 .intitule-long2 { display:block; clear:left; float:left; line-height:18px; padding-right:0px; width:120px }
#main-content .middle .main-part .recap-box .content .column-moyen2 .intitule-long3 { display:block; clear:left; float:left; line-height:18px; padding-right:0px; width:180px }

#main-content .middle .main-part .recap-box .content .column-long { width:325px; margin-bottom:5px; float:left; margin-left:10px }
#main-content .middle .main-part .recap-box .content .column-long .intitule { display:block; clear:left; float:left; line-height:18px; padding-right:10px }
#main-content .middle .main-part .recap-box .content .column-long .intitule-long { display:block; clear:left; float:left; line-height:18px; padding-right:10px; width:110px }
#main-content .middle .main-part .recap-box .content .column-long .intitule-long2 { display:block; clear:left; float:left; line-height:18px; padding-right:10px; width:130px }
#main-content .middle .main-part .recap-box .content .column-long .intitule-moyen { display:block; clear:left; float:left; width:80px }
#main-content .middle .main-part .recap-box .content .column-long input.radio { display:inline; margin-left:-2px }
#main-content .middle .main-part .recap-box .content .column-long input.check { margin-left:-2px }

#main-content .middle .main-part .recap-box .content .column-long2 { width:280px; margin-bottom:5px; float:left; margin-left:10px }


#main-content .middle .main-part .recap-box .content .left select { display:block; float:left; width:114px; margin-top: 4px; }
#main-content .middle .main-part .recap-box a.bouton-right { display:block; float:right; width:123px; height:23px; background-image:url(../images/bouton-long-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:23px; font-family:Arial, Verdana, Helvetica, sans-serif  }


#main-content .middle .main-part .recap-box a.rechercher { display:block; width:132px !important; height:33px; background-image:url(../images/bouton-rechercher-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; padding-left:8px; margin-right:4px; margin-left:143px; font-family:Arial, Verdana, Helvetica, sans-serif  }

#main-content .middle .main-part .recap-box a.rechercher-right { display:block; float:right; width:132px; height:33px; background-image:url(../images/bouton-rechercher-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; padding-left:8px; margin-right:4px; margin-left:143px; font-family:Arial, Verdana, Helvetica, sans-serif }

#main-content .middle .main-part .recap-box a.nouveau-dossier-right { display:block; float:right; width:123px; height:23px; background-image:url(../images/bouton-long-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:23px; margin-left:20px; font-family:Arial, Verdana, Helvetica, sans-serif  }


#main-content .middle .main-part .recap-box a.suivi-rechercher { display:block; float:left; width:132px; height:33px; background-image:url(../images/bouton-rechercher-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; padding-left:8px }

#main-content .middle .main-part .recap-box a.recherche-agent { display:block; position:relative; bottom:10px; width:132px; height:33px; background-image:url(../images/bouton-rechercher-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; padding-left:8px; margin-right:4px; margin-left:15px; font-family:Arial, Verdana, Helvetica, sans-serif  }

#main-content .middle .main-part .recap-box a.recherche-stagiaire { display:block; width:90px; height:17px; background-image:url(../images/bouton-rechercher-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:18px; padding-left:8px; margin-right:4px; margin-left:15px }

#main-content .middle .main-part .recap-box .bottom { display:none; width:1120px; background-image:url(../images/main-recap-bottom.gif); background-repeat:no-repeat; height:4px }

/*recap criteres recheche*/
#main-content .middle .main-part .recap-criteria {margin:0 auto; clear:left; overflow:visible; height:auto; text-align:left; margin-bottom:10px }
#main-content .middle .main-part .recap-criteria .top { background-image:none;); background-repeat:no-repeat; background-position:0 8px; height:auto; overflow:auto; padding-left:5px; padding:13px; color:var(--brand-secondary); background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));}
#main-content .middle .main-part .recap-criteria .content { background-color:#ecf0f1; padding:5px; border-left:0; border-right:0; height:auto; font-family:Arial, Verdana, Helvetica, sans-serif !important }

#main-content .middle .main-part .recap-criteria .content table.liste-pj { margin:0 auto; clear:both; margin-bottom:10px; border-collapse:collapse; border:0px }
#main-content .middle .main-part .recap-criteria .content table.liste-pj th.date { width:196px; padding-left:5px; padding-top:5px; padding-bottom:5px; color:#666 }
#main-content .middle .main-part .recap-criteria .content table.liste-pj td { vertical-align:top; line-height:18px; border-bottom:1px solid #e3e3e3; padding-left:5px; padding-top:5px; padding-bottom:5px  }
#main-content .middle .main-part .recap-criteria .content table.liste-pj tr.on { background-color:#f6f4f4; border-bottom:#e3e3e3 }
#main-content .middle .main-part .recap-criteria .content table.liste-pj td img { display:block; float:left; margin-left:2px; margin-top:2px }
#main-content .middle .main-part .recap-criteria .content table.liste-pj td input { display:block; float:left }

#main-content .middle .main-part .recap-criteria .content table.liste-actions { margin:0 auto; clear:both; margin-bottom:10px; border-collapse:collapse; border:0px; width:100% }
#main-content .middle .main-part .recap-criteria .content table.liste-actions td.numero-action { width:6% }
#main-content .middle .main-part .recap-criteria .content table.liste-actions td.intitule-action { width:50% }


#main-content .middle .main-part .recap-criteria .top h1 { font-size: 13px; font-weight:bold; background-color:transparent; color:#FFF; display:inline; padding-left:2px; padding-right:5px }
#main-content .middle .main-part .recap-criteria .content .line { width:auto }
#main-content .middle .main-part .recap-criteria .content .line .intitule-short { width:25px; float:left; text-align:right; padding-right:5px }
#main-content .middle .main-part .recap-criteria .content .intitule-long { width:160px; float:left; text-align:left; padding-right:5px }
#main-content .middle .main-part .recap-criteria .content .column { width:395px; float:left; padding-left:15px; line-height:20px }
#main-content .middle .main-part .recap-criteria .content .column img { display:block; clear:left; float:left }
#main-content .middle .main-part .recap-criteria .content .column a { display:block; line-height:18px }
#main-content .middle .main-part .recap-criteria .content .column-of { background-color:#F5F5F5; border:1px solid #ccc; width:800px; margin-left:32px; padding:3px 5px; margin-bottom:10px; }

#main-content .middle .main-part .form-bloc .legende-etat {position:relative; display:block; width:100%; height:auto; float:left; padding:6px; }

#main-content .middle .main-part .recap-criteria .content ul { margin-left:10px; margin-top:10px }
#main-content .middle .main-part .recap-criteria .content ul li {
  margin-bottom:5px;
  background: url(../images/fleche-suivant.gif) no-repeat left center;
  padding-left: 10px;
}


#main-content .middle .main-part .recap-criteria a.retour {
  display:block;
  float:right;
  background: url(../images/puce-arrow-back.gif) no-repeat left center;
  text-decoration:none;
  font-weight:bold;
  padding-left:16px;
  margin-right: 10px;
  margin-bottom: 5px;
}
#main-content .middle .main-part .recap-criteria a:hover.retour { text-decoration:underline }
#main-content .middle .main-part .recap-criteria .bottom {width:1120px; background-image:none; background-repeat:no-repeat; height:4px }

.recap-box .recap-statut { font-weight:bold; }

#main-content .middle .main-part .line { margin:0 auto; width:100%; text-align:left; overflow:visible }
#main-content .middle .main-part .line strong {color:#666666 }

#main-content .middle .main-part .line .left { float:left; width:385px }
#main-content .middle .main-part h2 { font-size: 13px; font-weight:bold; margin:0px; padding:0px; display:block; float:left; line-height:22px; color:#666666 }
#main-content .middle .main-part h3 { font-size: 13px; font-weight:bold; margin:0px; padding:0px; display:block; line-height:22px; color:#666666 }
#main-content .middle .main-part .partitioner { position:relative; float:right; width:auto; text-align:right; color:#666666  !important }
#main-content .middle .main-part .partitioner .intitule { float:left; line-height:22px; width:44px; }
#main-content .middle .main-part .partitioner .intitule2 { float:left; line-height:22px; width:auto }
#main-content .middle .main-part .partitioner .intitule-long { float:left; line-height:22px; width:200px }
#main-content .middle .main-part .partitioner select { display:block; float:left; margin-left:3px; margin-right:3px; margin-top:3px;}
#main-content .middle .main-part .partitioner a { margin-right:3px; margin-left:3px; line-height:22px}
#main-content .middle .main-part .layer .partitioner { float:right; width:auto; text-align:right; margin-right:5px }
#main-content .middle .main-part .red { color:#d63031 }

.line .content-bloc { float:left; width:auto !important; }

/*Pager*/
.pager { overflow:hidden; clear:both; color:#666666 }
.pager h2 { float:left; padding-top:10px; font-weight:bold; color:#666666 }
.pager h4 { float:left; padding-top:10px; font-weight:bold; color:#666666; margin-top:0; }
.pager .ajout-el { float:left; /*margin-top:5px;*/ }
.affichage-resultats { float:right; }
.affichage-resultats .nav-link { padding-top:7px; margin-bottom:7px; float:right; }
.affichage-resultats .nav-link img { margin:5px 3px 0; vertical-align:top; }
.affichage-resultats .back, .affichage-resultats .next { float:left; }
.affichage-resultats .input-page { float:left; padding:0 8px; }
.affichage-resultats .input-page label { display:none; }
.affichage-resultats .input-page input { width:30px; float:left; text-align:right; margin-right:1px; }
.affichage-resultats .input-page .libelle { float:left; line-height:1.7em; }

.resultat-page { overflow:hidden; float:left; padding-right:20px; }
.resultat-page .title { padding:10px 10px 0 0; float:left; }
.resultat-page a { padding-top:8px; display:block; width:18px; height:17px; float:left; margin-right:5px; }
.resultat-page a.active { background:url(../images/sprite.png) transparent left -252px no-repeat; }

.display-1 span { display:block; float:left; height:18px; width:18px; background:url(../images/sprite.png) transparent left -174px no-repeat; text-indent:-20000px; }
.display-2 span { display:block; float:left; height:18px; width:18px; background:url(../images/sprite.png) transparent left -201px no-repeat; text-indent:-20000px; }
.display-3 span { display:block; float:left; height:18px; width:18px; background:url(../images/sprite.png) transparent left -228px no-repeat; text-indent:-20000px; }


/*tableau resultats recherche d'actions*/
#main-content .middle .main-part table.liste-resultats { margin:0 auto; clear:both; margin-top:10px; border-collapse:collapse; border:0px; margin-bottom:10px; width:100% !important; text-align:left; font-size:14px }
#main-content .middle .main-part table.liste-resultats .top { background-image:none; background-repeat:no-repeat; background-position:top; height:3px }
#main-content .middle .main-part table.liste-resultats th { background-color:#4d4d4d; padding:15px; font-weight:normal; color:#FFF; }
#main-content .middle .main-part table.liste-resultats th a { color:#FFF; }

#main-content .middle .main-part table.liste-resultats th.actions { width:90px }
#main-content .middle .main-part table.liste-resultats td.actions { width:90px }
#main-content .middle .main-part table.liste-resultats td { vertical-align:middle; padding:15px; }
#main-content .middle .main-part table.liste-resultats tr.on { background-color:#ecf0f1;}
#main-content .middle .main-part table.liste-resultats tr.on-modif { background-color:#e3e3e3 }
#main-content .middle .main-part table.liste-resultats tr.on-modif td select { margin-top:4px }
#main-content .middle .main-part table.liste-resultats .mini-col { width:50px; padding-right:5px }
#main-content .middle .main-part table.liste-resultats .small-col { width:84px }
#main-content .middle .main-part table.liste-resultats .moyen-col { width:110px }
#main-content .middle .main-part table.liste-resultats th.action { width:140px}
#main-content .middle .main-part table.liste-resultats td.action { text-align: right; }
#main-content .middle .main-part table.liste-resultats td.action select { width:200px; display:inline-block; font-size: 12px; }
#main-content .middle .main-part table.liste-resultats td.action a { margin:0px; margin-left: 14px; }
#main-content .middle .main-part table.liste-resultats .actions-small {  width:60px; text-align:center }
#main-content .middle .main-part table.liste-resultats .center { text-align:center }
#main-content .middle .main-part .border-top { clear:both; background-image:url(../images/table-results-top.gif); background-repeat:no-repeat; background-position:top; height:3px; margin:0px; padding:0px; overflow:hidden  }
#main-content .middle .main-part table.liste-resultats#ctl0_MenuLayout_DataGridActionFormation { margin-top:0px }

#main-content .middle .main-part table.liste-resultats td.actions div { margin:0 auto; text-align:left; clear:left; margin-bottom:3px; width:80px }
#main-content .middle .main-part table.liste-resultats td.actions div img { display:block; float:left; margin:0 auto; margin-right:5px }
#main-content .middle .main-part table.liste-resultats td.actions div img a { display:block; float:left }

#main-content .middle .main-part .liste-paiements { height:200px; overflow:auto; width:100%; position:relative; margin-left:15px; margin-top: 15px; padding-bottom:10px  }
#main-content .middle .main-part .liste-paiements table.liste-resultats { margin:0px; width:864px; margin-bottom:0px; position:absolute; left:0px }
#main-content .middle .main-part .liste-paiements table.liste-resultats .top { background-image:none; background-repeat:no-repeat; background-position:top; height:3px }
#main-content .middle .main-part .liste-paiements table th a { color:#FFF; }

/*tableau resultats recherche dossiers suivi*/
#main-content .middle .main-part .resultats-suivi { float:left; width:850px; overflow:scroll; padding-top:10px; font-size:10px }
#main-content .middle .main-part .resultats-suivi table { border-collapse:collapse; border:0px; margin-bottom:10px; width:1200px; text-align:left; font-size:10px }
#main-content .middle .main-part .resultats-suivi table th.top { background-image:url(../images/table-suivi-results-top.gif); background-repeat:no-repeat; background-position:top; height:3px }
#main-content .middle .main-part .resultats-suivi table th { font-weight:bold; background-color:var(--brand-secondary); padding-left:5px; font-weight:normal; color:#000; line-height:10px; padding-bottom:3px; width:110px; padding-right:2px }
#main-content .middle .main-part .resultats-suivi table tr.on { background-color:#f6f4f4 }

#main-content .middle .main-part .resultats-suivi table td { vertical-align:middle; border-bottom:1px solid #e3e3e3; padding-left:5px; padding-top:5px; padding-bottom:5px; width:110px; padding-right:2px }
#main-content .middle .main-part .resultats-suivi table .mini-col { width:50px; padding-right:5px }
#main-content .middle .main-part .resultats-suivi table .small-col { width:72px }
#main-content .middle .main-part .resultats-suivi table .moyen-col { width:85px }
#main-content .middle .main-part .resultats-suivi table th.actions { width:70px }
#main-content .middle .main-part .resultats-suivi table th.actions a { color:#fff }
#main-content .middle .main-part .resultats-suivi table td.actions { width:70px; text-align:center }
#main-content .middle .main-part .resultats-suivi table td.actions a { margin:0px }
#main-content .middle .main-part .resultats-suivi table td.action { width:250px }
#main-content .middle .main-part .resultats-suivi table td.action select { display:block; float:left; width:225px }
#main-content .middle .main-part .resultats-suivi table td.action a { margin:0px; float:left }

#main-content .middle .main-part .resultats-suivi-small { float:left; padding-top:10px; width: 100%; }
#main-content .middle .main-part .resultats-suivi-small table { border-collapse:collapse; border:0px; margin-bottom:10px; width:100%; text-align:left; font-size:12px }
#main-content .middle .main-part .resultats-suivi-small table th.top { display:none; background-image:url(../images/table-suivi-results-top-small.gif); background-repeat:no-repeat; background-position:top; height:3px }
#main-content .middle .main-part .resultats-suivi-small table th { font-weight:bold; background-color:#4d4d4d; color:#FFF; line-height:10px; width:100px; padding: 15px; font-size: 12px;}
#main-content .middle .main-part .resultats-suivi-small table tr.on { background-color:#f6f4f4 }
#main-content .middle .main-part .resultats-suivi-small table tr.on-modif { background-color:#e3e3e3 }
#main-content .middle .main-part .resultats-suivi-small table td { vertical-align:middle; border-bottom:1px solid #e3e3e3; padding-top:5px; padding-bottom:5px; width:100px; text-align: center; }
#main-content .middle .main-part .resultats-suivi-small table tr.on-modif td select { margin-top:4px }
#main-content .middle .main-part .resultats-suivi-small table .small-col { width:65px }
#main-content .middle .main-part .resultats-suivi-small table .moyen-col { width:65px }
#main-content .middle .main-part .resultats-suivi-small table th.actions { width:70px }
#main-content .middle .main-part .resultats-suivi-small table th a { color:#FFF }
#main-content .middle .main-part .resultats-suivi-small table th.actions a { color:#fff }
#main-content .middle .main-part .resultats-suivi-small table td.actions { width:70px; text-align:center }
#main-content .middle .main-part .resultats-suivi-small table td.actions a { margin:0px }
#main-content .middle .main-part .resultats-suivi-small table td.action { width:270px; text-align: right; }
#main-content .middle .main-part .resultats-suivi-small table td.action select { display:inline-block; width:226px; margin-right:5px; }
#main-content .middle .main-part .resultats-suivi-small table td.action a { margin:0px; float:left }
#main-content .middle .main-part .resultats-suivi-small table td.actions div { margin:0 auto; text-align:center; clear:left; margin-bottom:3px; width:auto }
#main-content .middle .main-part .resultats-suivi-small table td.actions div img { display:block; float:left; margin-left:5px }
#main-content .middle .main-part .resultats-suivi-small table .intitule {display:inline-block; width: 100px; line-height: 18px; font-size: 12px; float: unset; text-align: left; vertical-align: top;}
#main-content .middle .main-part .resultats-suivi-small table .intitule-short {display:inline-block; width: 30px; line-height: 18px; font-size: 12px; float: unset; text-align: left; vertical-align: top; }


#main-content .middle .main-part .legende-picto { width:24px; float:left; text-align:right }
#main-content .middle .main-part .legende-picto img { display:block; padding-top:2px }
#main-content .middle .main-part .legende-text { width:150px; float:left; line-height:18px; font-family:Arial, Verdana, Helvetica, sans-serif !important  }
#main-content .middle .main-part .legende-text-long { width:220px; float:left; line-height:18px; font-family:Arial, Verdana, Helvetica, sans-serif !important  }
#main-content .middle .main-part .legende-text-long2 { width:300px; float:left; line-height:18px; font-family:Arial, Verdana, Helvetica, sans-serif !important  }

/*tableau decision*/
#main-content .middle .main-part .gestion-decision {  margin:0 auto; width:100%; margin-top:10px }
#main-content .middle .main-part .gestion-decision table { border-collapse:collapse; border:0px; margin-bottom:10px; width:100%; text-align:left; font-size:10px  }
#main-content .middle .main-part .gestion-decision table th.top { background-image:none; background-repeat:no-repeat; background-position:top; height:3px }
#main-content .middle .main-part .gestion-decision table th { font-weight:bold; background-color:#4d4d4d; padding-left:3px; font-weight:normal; color:#FFF; line-height:10px; padding-bottom:3px; padding-right:2px}
#main-content .middle .main-part .gestion-decision table tr.on { background-color:#f6f4f4 }
#main-content .middle .main-part .gestion-decision table th.actions { width:90px; text-align:center }
#main-content .middle .main-part .gestion-decision table th.actions a { color:#fff }
#main-content .middle .main-part .gestion-decision table td { vertical-align:top; border-bottom:1px solid #e3e3e3; padding-left:2px; padding-top:5px; padding-bottom:5px; padding-right:2px }
#main-content .middle .main-part .gestion-decision table th.small-col { width:68px }
#main-content .middle .main-part .gestion-decision table td.small-col { width:68px }
#main-content .middle .main-part .gestion-decision table td.actions { width:90px; text-align:center }
#main-content .middle .main-part .gestion-decision table td.actions a { margin:0px }
#main-content .middle .main-part .gestion-decision table td select { margin-top:1px }

/*tableau suspension*/
#main-content .middle .main-part .gestion-suspension {  margin:0 auto; width:1120px; margin-top:10px; overflow:scroll }
#main-content .middle .main-part .gestion-suspension table { border-collapse:collapse; border:0px; margin-bottom:10px; width:1200px; text-align:left; font-size:10px  }
#main-content .middle .main-part .gestion-suspension table th.top { background-image:url(../images/table-suivi-results-top.gif); background-repeat:no-repeat; background-position:top; height:3px }
#main-content .middle .main-part .gestion-suspension table th { font-weight:bold; background-color:var(--brand-secondary); padding-left:5px; font-weight:normal; color:#000; line-height:10px; padding-bottom:3px; padding-right:2px}
#main-content .middle .main-part .gestion-suspension table tr.on { background-color:#f6f4f4 }
#main-content .middle .main-part .gestion-suspension table tr.on-modif { background-color:#e3e3e3 }
#main-content .middle .main-part .gestion-suspension table th.actions { width:80px; text-align:center }
#main-content .middle .main-part .gestion-suspension table th.actions a { color:#fff }
#main-content .middle .main-part .gestion-suspension table td { vertical-align:top; border-bottom:1px solid #e3e3e3; padding-left:5px; padding-top:5px; padding-bottom:5px; padding-right:2px  }
#main-content .middle .main-part .gestion-suspension table th.small-col { width:68px }
#main-content .middle .main-part .gestion-suspension table td.small-col { width:68px }
#main-content .middle .main-part .gestion-suspension table td.small-col div { margin:0 auto; text-align:left; clear:left; margin-bottom:3px }
#main-content .middle .main-part .gestion-suspension table td.small-col div img { display:block; float:left; margin-right:5px }
#main-content .middle .main-part .gestion-suspension table td.actions { width:80px; text-align:center; color:red }
#main-content .middle .main-part .gestion-suspension table td.actions a { margin:0px}
#main-content .middle .main-part .gestion-suspension table td.actions input {display:block; margin:0 auto; border:0px }
#main-content .middle .main-part .gestion-suspension table td select.decision { width:110px }
#main-content .middle .main-part .gestion-suspension table td input { display:inline; margin-top:1px; border:1px solid #7F9DB9; }
#main-content .middle .main-part .gestion-suspension table td i { font-style:normal; font-weight:bold; color:#d63031 }

#main-content .middle .main-part .gestion-suspension table td .calendar { margin-top:-3px; text-align:center; width:100%}
#main-content .middle .main-part .gestion-suspension table td .calendar input { width:70px; margin-top:0px  }
#main-content .middle .main-part .gestion-suspension table td .calendar img { margin-top:2px }

/*tableau suivi-remu*/
#main-content .middle .main-part .suivi-remu {  margin:0 auto; width:100%; margin-top:10px; /*overflow:scroll*/ }
#main-content .middle .main-part .suivi-remu table { border-collapse:collapse; border:0px; margin-bottom:10px; width:100%; text-align:left; font-size:12px  }
#main-content .middle .main-part .suivi-remu table th.top { background-image:none; background-repeat:no-repeat; background-position:top; height:3px }
#main-content .middle .main-part .suivi-remu table th { font-weight:bold; background-color:#4d4d4d; padding-left:5px; color:#FFF; line-height:10px; white-space: nowrap; padding: 15px;}
#main-content .middle .main-part .suivi-remu table td { vertical-align:top; border-bottom:1px solid #e3e3e3; padding: 15px;  }
#main-content .middle .main-part .suivi-remu table th a { color:#FFF; }

.gestion-remu .actions { width:60px !important; text-align:center; }
.gestion-remu .actions a { margin:0px}
.gestion-remu .actions input { display:block; margin:0 auto; border:0px }
.gestion-remu .line-paiement { width:150px; text-align:right; }
.gestion-remu .line-paiement .intitule { width:90px; float:left; text-align:left; }
.gestion-remu .number { text-align:right; padding-right:10px !important; }
.gestion-remu-stagiaire .line-paiement { width:120px; }

#main-content .middle .main-part .en-admission, #main-content .middle .main-part .en-admission a { color:#333399 }
.suspendu, .suspendu a { color:#ff3300 }
#main-content .middle .main-part .fin-stage, #main-content .middle .main-part .fin-stage a {color:#ff9900 }
#main-content .middle .main-part .a-payer, #main-content .middle .main-part .a-payer a { color:#99cc00 }
#main-content .middle .main-part .paye, #main-content .middle .main-part .paye a { color:#808080 }
#main-content .middle .main-part .non-valide, #main-content .middle .main-part .non-valide a { background-color:#efbaba ; color:#fff }
#main-content .middle .main-part .doit-argent, #main-content .middle .main-part .doit-argent a { background-color:#dddddd ; color:#ff3300 }
#main-content .middle .main-part .somme-negative, #main-content .middle .main-part .somme-negative a { background-color:#ff3300 ; color:#fff }

/*Tableau historique RIB */
#main-content .middle .main-part .historique-rib  {  clear:both; margin:0 auto; width:1120px; margin-top:10px; overflow:scroll }
#main-content .middle .main-part .historique-rib table { border-collapse:collapse; border:0px; margin-bottom:10px; width:1200px; text-align:left; font-size:10px  }
#main-content .middle .main-part .historique-rib table th.top { background-image:url(../images/table-suivi-results-top.gif); background-repeat:no-repeat; background-position:top; height:3px }
#main-content .middle .main-part .historique-rib table th { font-weight:bold; background-color:var(--brand-secondary); padding-left:5px; font-weight:normal; color:#000; line-height:10px; padding-bottom:3px; padding-right:2px}

/*Bloc formulaire*/
#main-content .middle .main-part .form-bloc { margin:0 auto; width:100%; clear:both }
#main-content .middle .main-part .form-bloc .nav { height:26px; overflow:visible; padding-left:5px; padding-right:5px }
#main-content .middle .main-part .form-bloc .nav .tab { display:block; float:left; height:26px; color:#1c5b76; font-weight:bold; background-image:url(../images/onglet-off-bk.gif); background-repeat:repeat-x; margin-right:1px }
#main-content .middle .main-part .form-bloc .nav .tab a { color:#666; font-weight:bold; text-decoration:none; display:block; float:left; padding-left:10px; padding-right:10px; cursor: pointer; }

/*tabs demande*/
#main-content .middle .main-part .form-bloc .nav a.tab0,
#main-content .middle .main-part .form-bloc .nav a.tab01,
#main-content .middle .main-part .form-bloc .nav a.tab02,
#main-content .middle .main-part .form-bloc .nav a.tab1,
#main-content .middle .main-part .form-bloc .nav a.tab2,
#main-content .middle .main-part .form-bloc .nav a.tab3,
#main-content .middle .main-part .form-bloc .nav a.tab4,
#main-content .middle .main-part .form-bloc .nav a.tab5,
#main-content .middle .main-part .form-bloc .nav a.tab6,
#main-content .middle .main-part .form-bloc .nav a.tab7,
#main-content .middle .main-part .form-bloc .nav a.tab8,
#main-content .middle .main-part .form-bloc .nav a.tab9,
#main-content .middle .main-part .form-bloc .nav a.tab10,
#main-content .middle .main-part .form-bloc .nav a.tab11,
#main-content .middle .main-part .form-bloc .nav a.tab12,
#main-content .middle .main-part .form-bloc .nav a.tab13,
#main-content .middle .main-part .form-bloc .nav a.tab14,
#main-content .middle .main-part .form-bloc .nav a.tab15,
#main-content .middle .main-part .form-bloc .nav a.tab16,
#main-content .middle .main-part .form-bloc .nav a.tab17,
#main-content .middle .main-part .form-bloc .nav a.tab18 { line-height:26px }


#main-content .middle .main-part .form-bloc .nav .tab img { display:block; float:left; margin-top:5px; border:1px solid #636e72 }
#main-content .middle .main-part .form-bloc .nav .tab span.border-left {display:block; float:left; background-image:url(../images/onglet-off-left-border.gif); background-repeat:no-repeat; width:4px; height:26px}
#main-content .middle .main-part .form-bloc .nav .tab span.border-right { display:block; float:left; background-image:url(../images/onglet-off-right-border.gif); background-repeat:no-repeat; width:4px; height:26px}

#main-content .middle .main-part .form-bloc .nav .tab-on { display:block; float:left; height:26px; width:auto; color:#fff; font-weight:bold; background: var(--brand-secondary); }
#main-content .middle .main-part .form-bloc .nav .tab-on a { color:#fff; font-weight:bold; text-decoration:none; display:block; float:left; padding-left:10px; padding-right:10px; cursor: pointer; }
#main-content .middle .main-part .form-bloc .nav .tab-on img { display:block; float:left; margin-top:5px; border:1px solid #636e72  }
#main-content .middle .main-part .form-bloc .nav .tab-on span.border-left { display:block; float:left; width:4px; height:26px; background: var(--brand-secondary) !important;}
#main-content .middle .main-part .form-bloc .nav .tab-on span.border-right { display:block; float:left; height:26px; background: var(--brand-secondary) !important;}

#main-content .middle .main-part .form-bloc .layer { border:1px solid var(--brand-secondary); width:unset !important; height:auto; text-align:left; padding: 20px 10px; font-family:Arial, Verdana, Helvetica, sans-serif !important }
#main-content .middle .main-part .form-bloc .layer#presaisie-dossiers { padding:0px; border:0px }
#main-content .middle .main-part .form-bloc .layer#presaisie-dossiers .bloc-full { border-top:0px; width:866px; margin-bottom:10px }
#main-content .middle .main-part .form-bloc .layer#presaisie-dossiers .bloc-full .content { clear:left; width:854px; border:1px solid #999999; border-top:0px; padding:5px; padding-top:0px; margin-top:-5px }
#main-content .middle .main-part .form-bloc .layer#presaisie-dossiers .bloc-full .title { background-image:url(../images/dot-grey-title-bk.gif); background-repeat:repeat-x; background-position:4px; padding-left:5px; font-weight:bold; width:859px; float:left;}

#main-content .middle .main-part .form-bloc .layer .col-left { float:left; margin-right:0; width:100%; }
#main-content .middle .main-part .form-bloc .layer .col-left-small { float:left; margin-right:-5px }
#main-content .middle .main-part .form-bloc .layer .col-right { float:left; margin-left:0; width: 100%; }

#main-content .middle .main-part .form-bloc .layer .bloc-small { border-top:0px; width:100%; margin-bottom:10px; margin-right:0; overflow: hidden; border:1px solid var(--brand-secondary);border-radius: 4px 4px 0 0;}
#main-content .middle .main-part .form-bloc .layer .bloc-small .corner {background-image:none; background-repeat:repeat-y; padding-top:5px; width:0; float:left; height:10px; border-top:7px solid #fff }
#main-content .middle .main-part .form-bloc .layer .bloc-small .title { background-image:none; background-repeat:repeat-x; background-position:4px; padding-left:0; font-weight:bold; width:100%; float:left }
#main-content .middle .main-part .form-bloc .layer .bloc-small .title span { color:#FFF; background-image:none; background-repeat:repeat-x; background-position:4px; padding-left:5px; font-weight:bold; width: 100%; padding: 13px;background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));display: block;}
#main-content .middle .main-part .form-bloc .layer .bloc-small .content { clear:left; width:100%; border:0; border-top:0px; padding:10px; padding-top:10px; margin-top:-5px; font-family:Arial, Verdana, Helvetica, sans-serif !important }

#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line { width:auto; line-height:18px; margin-bottom:5px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line .intitule { clear:left; float:left; width:130px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line .intitule-moyen { clear:left; float:left; width:180px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line .intitule-moyen2 { clear:left; float:left; width:200px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line .intitule-short { clear:left; float:left; width:130px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line .intitule-short2 { clear:left; float:left; width:160px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line .intitule-short3 { clear:left; float:left; width:80px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line .intitule-long { clear:left; float:left; width:215px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line .intitule-long2 { clear:left; float:left; width:160px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line select { display:inline }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line input.date { display:block; float:left; margin-bottom:2px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line img { margin-left:3px; vertical-align:top; margin-top:2px; display:block; float:left }

#main-content .middle .main-part .form-bloc .layer .bloc-small .content .column { width:100%; line-height:18px; float:left; margin-bottom:5px }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .column strong {color:#666666 }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .column .intitule-short { float:left; width:160px; }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .column .intitule-short2 { float:left; width:26px }

#main-content .middle .main-part .form-bloc .layer .bloc-long { border-top:0px; width:100%; margin-bottom:10px; border: 1px solid var(--brand-secondary); overflow: hidden;border-radius: 4px 4px 0 0;}
#main-content .middle .main-part .form-bloc .layer .bloc-long .corner {background-image:none; background-repeat:repeat-y; padding-top:5px; width:0; float:left; height:0; border-top:7px solid #fff }
#main-content .middle .main-part .form-bloc .layer .bloc-long .title {font-weight:bold; width: 100%; padding: 13px;background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));display: block;}
#main-content .middle .main-part .form-bloc .layer .bloc-long .title span { padding-left:2px; padding-right:2px; color:#FFF; }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content { clear:left; width:100%; border:0; border-top:0px; padding:12px; padding-top:12px; margin-top:-5px; font-family:Arial, Verdana, Helvetica, sans-serif !important }

#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line { clear:left; width:auto; line-height:18px; margin-bottom:5px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line div { float: left; }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line .intitule { float:left; width:140px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line .intitule-auto { float:left; width:auto; padding-right:5px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line .intitule-short { float:left; width:140px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line .intitule-moyen { float:left; width:216px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line .intitule-moyen2 { float:left; width:215px; }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line .intitule-long   { float:left; width:215px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line img { margin-left:3px; vertical-align:top; margin-top:2px; display:block; float:left }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line select { display:inline }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line input.date { display:block; float:left; margin-bottom:2px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .line .date-au { margin-left:5px; margin-right:5px; float:left }

#main-content .middle .main-part .form-bloc .layer .bloc-long .content .column { width:210px; line-height:18px; float:left; margin-bottom:5px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .column strong {color:#666666 }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .column .intitule { float:left; width:140px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .column .intitule-short { float:left; width:134px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .column .intitule-short2 { float:left; width:80px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .column .intitule-short3 { float:left; width:30px }
#main-content .middle .main-part .form-bloc .layer .bloc-long .content .column .intitule-long   { float:left; width:215px }

#main-content .middle .main-part .form-bloc .layer .bloc-full { border-top:0px; width:100%; margin-bottom:10px; border: 1px solid var(--brand-secondary); border-radius: 4px 4px 0 0;}
#main-content .middle .main-part .form-bloc .layer .bloc-full .corner {display: none;background-image:url(../images/dot-grey-title-bk.gif); background-repeat:repeat-y; padding-top:5px; width:1px; float:left; height:10px; border-top:7px solid #fff }
#main-content .middle .main-part .form-bloc .layer .bloc-full .title { background-image:none; background-repeat:repeat-x; background-position:4px; padding-left:0; font-weight:bold; width:100%; float:left; padding:0;background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));}
#main-content .middle .main-part .form-bloc .layer .bloc-full .title span { display: block; background-color:transparent; padding-left:0; padding-right:0; padding: 13px; color:#FFF }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content { clear:left; border:0; border-top:0px; padding:5px; padding-top:5px; margin-top:-5px; font-family:Arial, Verdana, Helvetica, sans-serif !important  }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .line { clear:left; width:auto; line-height:18px; margin-bottom:5px }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .line .intitule { float:left; width:140px }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .line select { display:inline }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .intitule-long { float:left; width:180px }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content + .line { padding:5px; }

#main-content .middle .main-part .form-bloc .layer .bloc-full .content .column { width:234px; line-height:18px; float:left; margin-bottom:5px; margin-top:5px }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .column strong {color:#666666 }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .column .intitule { float:left; width:140px }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .column .intitule-short2 { float:left; width:30px }

#main-content .middle .main-part .form-bloc .layer .bloc-full .content .column-long { width:398px; line-height:18px; float:left; margin-bottom:5px; margin-top:5px; margin-right:5px }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .column-long strong {color:#666666 }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .column-long .intitule-moyen { float:left; width:120px }
#main-content .middle .main-part .form-bloc .layer .bloc-full .content .column-long .intitule-moyen2 { float:left; width:145px }


#main-content .middle .main-part .form-bloc .layer table.liste-docs { clear:both; border-collapse:collapse; margin-top:10px; border:0px; margin-bottom:10px; border:1px solid #e3e3e3; width:840px}
#main-content .middle .main-part .form-bloc .layer table.liste-docs th { font-weight:bold; background-color:#e3e3e3; padding-left:5px; border-bottom:1px solid #e3e3e3; font-weight:normal; padding-top:3px; padding-bottom:3px; color:#666}
#main-content .middle .main-part .form-bloc .layer table.liste-docs td.doc-nom { width:300px }
#main-content .middle .main-part .form-bloc .layer table.liste-docs td.date-enligne { width:300px }
#main-content .middle .main-part .form-bloc .layer table.liste-docs td.montant-adeduire { width:110px }
#main-content .middle .main-part .form-bloc .layer table.liste-docs td.comment { width:500px }
#main-content .middle .main-part .form-bloc .layer table.liste-docs td.actions { width:90px }
#main-content .middle .main-part .form-bloc .layer table.liste-docs td { vertical-align:middle; border-bottom:1px solid #e3e3e3; padding-left:5px; padding-top:5px; padding-bottom:5px }
#main-content .middle .main-part .form-bloc .layer table.liste-docs tr.on { background-color:#f6f4f4 }

#main-content .middle .main-part .form-bloc .layer table.historique { clear:both; border-collapse:collapse; margin-top:10px; border:0px; margin-bottom:10px; border:1px solid #e3e3e3; width:1000px}
#main-content .middle .main-part .form-bloc .layer table.historique th { font-weight:bold; background-color:#e3e3e3; padding-left:5px; border-bottom:1px solid #e3e3e3; font-weight:normal; padding-top:3px; padding-bottom:3px; color:#666 }
#main-content .middle .main-part .form-bloc .layer table.historique td { vertical-align:middle; border-bottom:1px solid #e3e3e3; padding-left:5px; padding-top:5px; padding-bottom:5px }
#main-content .middle .main-part .form-bloc .layer table.historique td.date { width:150px }
#main-content .middle .main-part .form-bloc .layer table.historique td.comment { width:580px }
#main-content .middle .main-part .form-bloc .layer table.historique tr.on { background-color:#f6f4f4 }
#main-content .middle .main-part .form-bloc .layer table.historique .icons { width: 20px; margin-top: -8px; float: left;padding: 4px;}
.cPointer { cursor: pointer !important}
.linkButton { font-size: 15px; color: #056d9f; text-decoration: underline; cursor: pointer;}
.linkButton img { width: 26px;}
#detailEchange {
  white-space: pre-wrap;
}

.widthP-2 { width: 2% !important;}
.widthP-3 { width: 3% !important;}
.widthP-5 { width: 5% !important;}
.widthP-10 { width: 10% !important;}
.widthP-15 { width: 15% !important;}
.widthP-20 { width: 20% !important;}
.widthP-25 { width: 25% !important;}
.widthP-30 { width: 30% !important;}
.widthP-37 { width: 37% !important;}
.widthP-40 { width: 40% !important;}
.widthP-50 { width: 50% !important;}
.widthP-60 { width: 60% !important;}
.widthP-70 { width: 70% !important;}
.widthP-80 { width: 80% !important;}
.widthP-90 { width: 90% !important;}
.widthP-100 { width: 100% !important;}

#main-content .middle .main-part .form-bloc .layer #fileBrowse { padding-left:25px; clear:left }
#main-content .middle .main-part .form-bloc .layer #fileBrowse input { display:block; float:left }
#main-content .middle .main-part .form-bloc .layer #fileBrowse input.ajout-liste { margin-left:5px; float:left }

#main-content .middle .main-part .form-bloc .layer .column-short { width:120px; line-height:18px; float:left; margin-bottom:5px; margin-top:5px }
#main-content .middle .main-part .form-bloc .layer .column-short strong {color:#666666 }
#main-content .middle .main-part .form-bloc .layer .column-short .intitule { float:left; width:130px }

#main-content .middle .main-part .form-bloc .layer .column { width:320px; line-height:18px; float:left; margin-bottom:5px; margin-top:5px; margin-right:10px }
#main-content .middle .main-part .form-bloc .layer .column strong {color:#666666 }
#main-content .middle .main-part .form-bloc .layer .column .intitule { float:left; width:140px }
#main-content .middle .main-part .form-bloc .layer .column .intitule-short { float:left; width:38px }
#main-content .middle .main-part .form-bloc .layer .column .intitule-short2 { float:left; width:80px }
#main-content .middle .main-part .form-bloc .layer .column .intitule-moyen { float:left; width:170px }
#main-content .middle .main-part .form-bloc .layer .column .intitule-moyen2 { float:left; width:120px }
#main-content .middle .main-part .form-bloc .layer .column img { vertical-align:top; margin-top:2px }

#main-content .middle .main-part .form-bloc .layer .column-long { width:49%; line-height:18px; float:left; margin-bottom:5px; margin-top:5px; margin-right:10px }
#main-content .middle .main-part .form-bloc .layer .column-long strong {color:#666666 }
#main-content .middle .main-part .form-bloc .layer .column-long .intitule-short { float:left; width:86px }
#main-content .middle .main-part .form-bloc .layer .column-long .intitule-short2 { float:left; width:40px }
#main-content .middle .main-part .form-bloc .layer .column-long .intitule { float:left; width:140px }
#main-content .middle .main-part .form-bloc .layer .column-long .intitule-moyen { float:left; width:120px }
#main-content .middle .main-part .form-bloc .layer .column-long .intitule-moyen2 { float:left; width:145px }
#main-content .middle .main-part .form-bloc .layer .column-long strong { display:block; margin-bottom:5px }
#main-content .middle .main-part .form-bloc .layer .column-long .complement { width:260px }
#main-content .middle .main-part .form-bloc .layer .column-long .small-col { float:left; margin-right:20px }
#main-content .middle .main-part .form-bloc .layer .column-long textarea.sommes-comment { width:230px; display:block; float:left }

#main-content .middle .main-part .form-bloc .layer #sommes-a-deduire { padding-left:18px }
#main-content .middle .main-part .form-bloc .layer #sommes-a-deduire a.ajouter-sommes { display:block; float:left; width:65px; height:17px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:17px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }
#main-content .middle .main-part .form-bloc .layer #liste-comments { padding-left:18px }
#main-content .middle .main-part .form-bloc .layer #liste-comments textarea { width:600px; }
#main-content .middle .main-part .form-bloc .layer #liste-comments .addComment { float:left }
#main-content .middle .main-part .form-bloc .layer #liste-comments a.ajouter-comment { display:block; float:left; width:65px; height:17px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:17px; margin-left:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }

#main-content .middle .main-part .form-bloc .layer .line { clear:left; width:auto; line-height:18px; margin-bottom:5px; overflow:hidden; }
#main-content .middle .main-part .form-bloc .layer .line .intitule { float:left; width:140px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-short { float:left; width:40px; line-height:22px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long { float:left; width:120px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long2 { float:left; width:250px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long3 { float:left; width:196px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long4 { float:left; width:190px; line-height:22px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long5 { float:left; width:540px; margin-right:5px; margin-top:3px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long6 { float:left; width:160px; background-color:#eeecec; padding:5px; margin-left:10px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long7 { width:130px; padding-left:9px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long7 img { display:block; float:left }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long8 { float:left; width:300px; line-height:22px }
#main-content .middle .main-part .form-bloc .layer .line .intitule-long9 { float:left; width:160px; line-height:22px }

#main-content .middle .main-part .form-bloc .layer table.situation-anterieure { border-collapse:collapse }
#main-content .middle .main-part .form-bloc .layer table.situation-anterieure td { vertical-align:top; line-height:18px }
#main-content .middle .main-part .form-bloc .layer table.situation-anterieure td.intitule-long5 { width:640px }
#main-content .middle .main-part .form-bloc .layer table.situation-anterieure td.radio-left { text-align:left; padding:0px }
#main-content .middle .main-part .form-bloc .layer table.situation-anterieure td.radio-left input { display:block; margin-top:0px }
#main-content .middle .main-part .form-bloc .layer table.situation-anterieure td .intitule-long6 { width:160px; background-color:#eeecec; padding:1px; margin-left:10px; line-height:12px  }

#main-content .middle .main-part .form-bloc .layer .line input.email { width:240px; display:inline }
#main-content .middle .main-part .form-bloc .layer .line .col { width:140px; float:left }
#main-content .middle .main-part .form-bloc .layer .line .col input { display:inline }


#main-content .middle .main-part .form-bloc .layer .line .col-long { width:130px; float:left }
#main-content .middle .main-part .form-bloc .layer .line .col-long input { display:inline }

#main-content .middle .main-part .form-bloc .layer .line-indent { clear:left; width:auto; line-height:18px; margin:0px; padding-left:50px }
#main-content .middle .main-part .form-bloc .layer .line textarea.autres-cas { width:400px; margin-left:18px }
#main-content .middle .main-part .form-bloc .layer .line-indent input.radio { margin-left:15px }
#main-content .middle .main-part .form-bloc .layer .line-indent .radio-column { width:150px; float:left }
#main-content .middle .main-part .form-bloc .layer .line-indent .radio-column input.radio { margin-left:0px }

#main-content .middle .main-part .form-bloc .layer input.short { width:95px }
#main-content .middle .main-part .form-bloc .layer input.moyen { width:150px }
#main-content .middle .main-part .form-bloc .layer input.radio { display:inline; margin-left:0px }
#main-content .middle .main-part .form-bloc .layer input.camp-name { width:150px }
#main-content .middle .main-part .form-bloc .layer input.tel { width:100px }
#main-content .middle .main-part .form-bloc .layer input.siret { width:175px }
#main-content .middle .main-part .form-bloc .layer input.adresse { width:300px }
#main-content .middle .main-part .form-bloc .layer input.cp { width:45px }
#main-content .middle .main-part .form-bloc .layer select.ville { width:102px }
#main-content .middle .main-part .form-bloc .layer textarea { width:260px }
#main-content .middle .main-part .form-bloc .layer textarea.adresse { width:300px }

#main-content .middle .main-part .form-bloc .layer .autocomplete { }
#main-content .middle .main-part .form-bloc .layer .autocomplete ul, .autocomplete li {margin: 0; padding: 0; list-style: none; font-size: 13px; font-family:Arial, Helvetica, sans-serif; color: #333; width:250px; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
#main-content .middle .main-part .form-bloc .layer .autocomplete li { padding: 4px; border-top: 1px solid #ccc }
#main-content .middle .main-part .form-bloc .layer .autocomplete .selected { background-color: #ccc; cursor: pointer }

#main-content .middle .main-part .form-bloc .recap-saisie {width:100%; margin-bottom:20px }

#main-content .middle .main-part .form-bloc table.etat-presence { clear:both; width:100%; margin-bottom:10px; margin-top:10px; border:0px; border-collapse:collapse; font-size:12px }
#main-content .middle .main-part .form-bloc table.etat-presence th { font-weight:bold; background-color:#e3e3e3; padding-left:5px; font-weight:normal; color:#666 }
#main-content .middle .main-part .form-bloc table.etat-presence th a { color:#666 }

#main-content .middle .main-part .form-bloc table.etat-presence td { vertical-align:middle; padding:0px; padding-left:5px; border-bottom:1px solid #e3e3e3; height:14px; line-height:14px }
#main-content .middle .main-part .form-bloc table.etat-presence tr.on { background-color:#f5f5f5; vertical-align:top }
#main-content .middle .main-part .form-bloc table.etat-presence .small-col { text-align:center }
#main-content .middle .main-part .form-bloc table.etat-presence .moyen-col { width:170px }
#main-content .middle .main-part .form-bloc table.etat-presence td input { display:block; margin:0 auto; padding:0px; margin-top:2px; margin-bottom:2px }

#main-content .middle .main-part .form-bloc table.jours { border-collapse:collapse; margin:0px; height:14px }
#main-content .middle .main-part .form-bloc table.jours td { text-align:center; height:30px; width:30px; border-bottom:0px; padding:0; }

#main-content .middle .main-part .form-bloc table.jours-partiel {border-collapse:collapse; margin:0px; height:14px; width:430px }
#main-content .middle .main-part .form-bloc table.jours-partiel td { padding:0px; text-align:center; height:14px; border-bottom:0px; background-color:#cac7c7; color:#fff; padding-left:1px; padding-right:1px }
#main-content .middle .main-part .form-bloc table.jours-partiel td input { text-align:right }
#main-content .middle .main-part .form-bloc table.jours-partiel td.week-end { color:#dedbdb }

#main-content .middle .main-part .form-bloc .legende-etat div { width:auto; float:left; margin-right:40px }
#main-content .middle .main-part .form-bloc .legende-etat span { width:10px; height:10px; clear:left; display:block; float:left; overflow:hidden; margin-right:3px; margin-top:1px }
#main-content .middle .main-part .form-bloc .legende-etat  .motif { width:230px; }

#main-content .middle .main-part .form-bloc #supp-absence .intitule-long { line-height:22px }
#main-content .middle .main-part .form-bloc ul.liste-absences { display:block; float:left; margin:0px; padding:0px }
#main-content .middle .main-part .form-bloc ul.liste-absences li { margin-left:-3px }

#main-content .middle .main-part .form-bloc .maladie { background-color:yellowgreen; color:#fff }
#main-content .middle .main-part .form-bloc .fermeture { background-color:gray; color:#fff }
#main-content .middle .main-part .form-bloc .absence-ss-raison { background-color:orangered; color:#fff }
#main-content .middle .main-part .form-bloc .accident-travail { background-color:#ffff66; color:#999 }
#main-content .middle .main-part .form-bloc .conge-maternite { background-color:pink; color:#fff }
#main-content .middle .main-part .form-bloc .conge-paternite { background-color:#ffb11a; color:#fff }
#main-content .middle .main-part .form-bloc .mariage-stagiaire { background-color:#ff88df; color:#fff }
#main-content .middle .main-part .form-bloc .mariage-enfant { background-color:#b0b8fe; color:#fff }
#main-content .middle .main-part .form-bloc .deces-conjoint { background-color:#87d7f8; color:#fff }
#main-content .middle .main-part .form-bloc .deces-parent { background-color:#0ba982; color:#fff }
#main-content .middle .main-part .form-bloc .prepa-defence { background-color:#828c5f; color:#fff }
#main-content .middle .main-part .form-bloc .autre-motif { background-color:royalblue; color:#fff }
#main-content .middle .main-part .form-bloc .jour-ferie { background-color:#800080; color:#fff }
#main-content .middle .main-part .form-bloc .naissance-enfant { background-color:#FF00FF; color:#fff }
#main-content .middle .main-part .form-bloc .week-end { background-color:#f5f5f5; color:#d8d7d7 }

#main-content .middle .main-part .form-bloc .absence-formation { background-color:#9d0d18; color:#fff; }
#main-content .middle .main-part .form-bloc .absence-ss-formation { background-color:#cccccc; color:#fff; }

.demi-journee { background-image:url(../images/demi-journee.gif); background-repeat:no-repeat; }
#main-content .middle .main-part .form-bloc .absence-demi-journee { background:url(../images/legende-demi-journee.gif) no-repeat center #fff; color:#fff; border:1px solid #000; width:8px !important; height:8px !important; margin-top:20px; }
#main-content .middle .main-part .form-bloc .absence-demi-journee-matin { background:url(../images/legende-demi-journee-matin.gif) no-repeat center #fff; color:#fff; border:1px solid #000; width:8px !important; height:8px !important; margin-top:20px; }
#main-content .middle .main-part .form-bloc .absence-demi-journee-aprem { background:url(../images/legende-demi-journee-aprem.gif) no-repeat center #fff; color:#fff; border:1px solid #000; width:8px !important; height:8px !important; margin-top:20px; }

#demandeur-emploi,
#travailleur-handicape,
#non-salarie,
#autres-cas,
#recherche-emploi {
  background: #ecf0f1;
  padding: 15px;
  margin: 15px 0;
}

.historique-saisie-presence .default-list li { margin-left:0; }

.calendar { width:120px; float:inherit }
.calendar input { width:92px; display:block; float:left }
.calendar img { float:left !important; margin-left:2px; vertical-align:top; margin-top:0 !important; _margin-top:1px !important; }
.picto-calendar { vertical-align:top; _margin-top:1px; }
.TDatePickerImageButton, .TDatePicker_default input, .TDatePicker_default select { width:auto !important; }
.TDatePickerImageButton { padding:0; margin:0 !important; cursor:pointer; }
#main-content .middle .main-part .form-bloc .layer .bloc-small .content .line .TDatePickerImageButton { margin-left:1px !important; }

.calendar2 { width:120px; float:left }
.calendar2 input { width:92px; display:block; float:left }
.calendar2 img { float:left; margin-left:2px }

.montant-content { float:left; width:auto !important; float:right; }
.line-montant { background:url(../images/montant-dot.gif) repeat-x bottom; padding-bottom:1px !important; }
.line-montant .intitule-indent {  width:auto; background:#fff; }

input.date { width:90px }
select.short { width:100px }
select.moyen { width:155px; display:block; float:left }
select.nationalite { width:115px }
input.champ-small { width:30px }
input.champ-small2 { width:50px }
input.champ-moyen { width:60px }
input.champ-moyen2 { width:82px }
input.champ-moyen3 { width:100px }
input.champ-long { width:260px }
input.secu1 { width:100px; float:left; margin-right:3px }
input.secu2 { width:20px; margin-right:34px; float:left }
input.file { height:18px; font-size:10px }
input.radio-check { display:block; float:left }
input.montant { text-align:right; }

.champ-file { float:left; width:auto }
.file-modif  { float:left; width:210px }

#main-content .middle .main-part .form-bloc .layer a.rechercher { display:block; width:140px; height:33px; background-image:url(../images/bouton-rechercher-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; padding-left:8px; margin-right:12px; float:right; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }
#main-content .middle .main-part input.imprimer { float:left; margin-top:10px; margin-left:0px; width:auto; height:auto }
#main-content .middle .main-part input.enregistrer { float:right; margin-top:10px; margin-right:0px; }
#main-content .middle .main-part input.enregistrer2 { float:right; margin-top:10px; margin-right:15px; width:auto; height:auto; width:auto; height:auto !important }
#main-content .middle .main-part input.bouton-right { float:right; margin-top:10px; margin-right:15px; width:auto; height:auto !important }
#main-content .middle .main-part input.bouton-left { float:left; margin-top:10px; margin-left:0px; width:auto; height:auto; margin-left:15px !important }
#main-content .middle .main-part input.imprimer-left { clear:left; float:left; margin-top:10px; margin-left:0px; width:auto; height:auto }
#main-content .middle .main-part input.valider { float:right; margin-top:10px; margin-left:0px; width:auto; height:auto; margin-left:20px }
#main-content .middle .main-part input.creer-excel { float:right; margin-top:0px; margin-right:15px; width:auto; height:auto !important }

#main-content .middle .main-part .form-bloc input.bouton-right { margin-right:0px; width:auto !important ; height:auto !important  }
#main-content .middle .main-part .form-bloc input.bouton-left { margin-left:0px; width:auto !important ; height:auto !important  }
#main-content .middle .main-part .form-bloc input.bouton-middle { float:left; margin-top:10px; margin-left:110px; width:auto !important ; height:auto !important }
#main-content .middle .main-part .form-bloc input.no-margin-left { margin-left:0 !important; }

/*formulaire nouveau compte*/
#main-content .middle .main-part .form-compte { margin:0; width:100%; clear:both; text-align:left }
#main-content .middle .main-part .form-compte .bloc-infos { border-top:0px; width:100%; margin-bottom:10px }
#main-content .middle .main-part .form-compte .bloc-infos .corner { display: none; }
#main-content .middle .main-part .form-compte .bloc-infos .title {border-radius: 4px 4px 0 0; background-image:none; background-repeat:repeat-x; background-position:4px; padding-left:5px; padding: 13px; background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary)); font-weight:bold; width:100%; float:left; text-align:left }
#main-content .middle .main-part .form-compte .bloc-infos .title span { background-color:transparent; padding-left:2px; padding-right:2px; color:#FFF}
#main-content .middle .main-part .form-compte .bloc-infos .content { clear:left; width:100%; border:1px solid #999999; border-top:0px; padding:12px; padding-top:25px; margin-top:-5px; font-family:Arial, Verdana, Helvetica, sans-serif !important }
#main-content .middle .main-part .form-compte .bloc-infos .content .column-button { display:block; width:93px; line-height:0px; float:right }

#main-content .middle .main-part .form-compte .bloc-infos .content .line { clear:left; width:auto; line-height:18px; margin-bottom:5px }
#main-content .middle .main-part .form-compte .bloc-infos .content .line-on { clear:left; width:165px; line-height:18px; margin-bottom:5px; background-color:#eeecec; margin-left:-3px; padding-left:3px; color:#666666; font-weight:bold }
#main-content .middle .main-part .form-compte .bloc-infos .content .column { width:260px; line-height:18px; float:left; margin-bottom:5px }
#main-content .middle .main-part .form-compte .bloc-infos .content .column-long { width:360px; line-height:18px; float:left; margin-bottom:5px }
#main-content .middle .main-part .form-compte .bloc-infos .content .column-auto { width:auto; line-height:18px; float:left; margin-bottom:5px; padding-right:5px }

#main-content .middle .main-part .form-compte .bloc-infos .content .intitule-short { float:left; width:90px }
#main-content .middle .main-part .form-compte .bloc-infos .content .intitule {
  display: block;
  clear: left;
  float: left;
  line-height: 18px;
  padding-right: 10px; }
#main-content .middle .main-part .form-compte .bloc-infos .content .intitule-moyen { float:left; width:140px }
#main-content .middle .main-part .form-compte .bloc-infos .content .intitule-auto { float:left; width:auto; padding-right:5px }

.bloc-affiliation .line { padding-left:0 !important;}
.bloc-affiliation .line-indent { padding-left:50px; text-align:left; padding-bottom:10px; }
.bloc-affiliation .intitule-auto { float:left; padding-right:5px; }
.bloc-affiliation .line-indent input.radio { margin-left:15px; }
.bloc-affiliation .separator { width:100%; }

#main-content .middle .main-part .form-compte a.valider { display:block; float:right; width:93px; height:33px; background-image:url(../images/bouton-short-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; margin-right:0px; font-family:Arial, Verdana, Helvetica, sans-serif }

#main-content .middle .main-part .form-compte a.bouton-right { display:block; float:right; width:93px; height:23px; background-image:url(../images/bouton-short-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:23px; margin-right:0px; font-family:Arial, Verdana, Helvetica, sans-serif }


.infos-presence { margin-right:5px; margin-bottom:10px; position:relative }
.infos-presence a.info { position:relative; text-decoration:none; margin-bottom:20px; cursor:default }
.infos-presence a.info span { display:none; text-align:left; width:auto }
.infos-presence a.info:hover { background:none; /* correction d'un bug IE */ z-index: 500; }
.infos-presence a.info:hover span { text-align:left; display:inline; position:absolute; top:16px; left:25px; background-color:#fff; border:1px solid #999; padding:3px 5px; width:500px }
.infos-absence { color:#666666; }

.infos-etat { margin-right:5px; margin-bottom:0px; position:relative }
.infos-etat a.info { position:relative; text-decoration:none; margin-bottom:20px; cursor:default }
.infos-etat a.info span { display:none; text-align:left; width:auto }
.infos-etat a.info:hover { background:none; /* correction d'un bug IE */ z-index: 500; }
.infos-etat a.info:hover span { text-align:left; display:inline; position:absolute; top:-36px; left:15px; background-color:#fff; border:1px solid #999; padding:3px 5px; width:150px }
.infos-etat a.detail-historique { text-decoration:underline; cursor:pointer !important; }
.infos-etat a:hover.detail-historique { text-decoration:none; }

.infos-banque { margin-right:5px; margin-bottom:0px; position:relative }
.infos-banque a.info { position:relative; text-decoration:none; margin-bottom:20px; cursor:default }
.infos-banque a.info img { vertical-align:top }
.infos-banque a.info span { display:none; text-align:left; width:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.infos-banque a.info span strong { font-size: 13px }
.infos-banque a.info:hover { background:none; /* correction d'un bug IE */ z-index: 500; }
.infos-banque a.info:hover span { text-align:left; display:inline; position:absolute; top:-40px; left:15px; background-color:#fff; border:1px solid #999; padding:3px 5px; width:350px }

/*export paiement*/
#main-content .middle .main-part .btn-export-paiement { width:auto; padding-left:15px; }
#main-content .middle .main-part .btn-export-paiement fieldset { float:left; width:267px; text-align:left; padding:5px; margin-right:15px; }
#main-content .middle .main-part .btn-export-paiement fieldset input { margin-bottom:2px; margin-top:2px; }
#main-content .middle .main-part .btn-export-paiement fieldset .line { width:auto; padding-left:3px; }
#main-content .middle .main-part .btn-export-paiement input.bouton-right { float:right; margin-top:10px; margin-right:15px; width:auto; height:auto !important }

/*message d'erreur*/
.error { color:#d63031; margin-bottom:20px }
.error ul { margin:auto; padding-left:15px }
.error ul li { margin:auto; list-style-type:disc }

#main-content .middle .main-part .error-box {margin:0 auto; width:100%; clear:left; overflow:hidden; height:auto; text-align:left; margin-bottom:10px; border: 1px solid #d63031; padding: 6px; background:var(--brand-secondary);border-radius:8px;  }
#main-content .middle .main-part .error-box .top { display: none; width:1120px; background-image:url(../images/erreur-top.gif); background-repeat:no-repeat; height:3px; overflow:hidden }
#main-content .middle .main-part .error-box .content { background-color:#transparent; padding:5px; width:100%; border-left:none; border-right:1px solid #d63031; height:auto; color:#FFF; }
#main-content .middle .main-part .error-box .bottom { display: none; width:1120px; background-image:url(../images/erreur-bottom.gif); background-repeat:no-repeat; height:3px }
#main-content .middle .main-part .error-box .content .center { text-align:center }
#main-content .middle .main-part .error-box .content a { text-align:center; color:#d63031 }

/*footer*/
#footer-login { margin:0 auto; width:1084px; height:22px; color:#fff; background:url(../images/barre-id-bk.gif) repeat-x; padding-top:5px }
#footer-login  a { color:#fff; margin-left:5px; margin-right:5px; font-weight:bold; margin-top:0px; text-decoration:none }
#footer-login  a:hover { text-decoration:underline }
#footer-login img { margin:0px }

#main-content #footer {height:80px; color:#fff; background:#4d4d4d; display: flex; justify-content: center; align-items: center;  }
#main-content #footer a { color:#fff; margin-left:5px; margin-right:5px; text-decoration:none; }
#main-content #footer a:hover { text-decoration:underline; }

/*popup*/

#popup-small { margin:0 auto; width:398px; border:1px solid #666 }
#popup-small .top {}
#popup-small .content { width:378px; background-color:#fff; padding:10px; overflow:hidden; text-align:left }
#popup-small .content h1 { margin:0 auto; font-size: 13px; font-weight:bold; width:auto; text-align:left; margin-bottom:20px; background-image:url(../images/puce-breadcrumbs.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:32px; color:#666; margin-left:0px }
#popup-small .content .line { clear:left; width:auto; line-height:18px; margin-bottom:5px }
#popup-small .content .line .intitule-auto { float:left; width:auto }
#popup-small .content .line span.calendar-suspension img { margin:0px; margin-left:2px; vertical-align:top; padding-top:1px }
#popup-small .content .line span.calendar-suspension input { width:92px }
#popup-small .content a.valider { display:block; float:right; width:65px; height:17px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:17px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }
#popup-small .content a.annuler { display:block; float:left; width:65px; height:17px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:17px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }


#popup-large .content .line { clear:left; width:auto; line-height:18px; margin-bottom:5px; text-align:left }

#popup-large .content table {clear:both; margin:0 auto; clear:both; margin-bottom:10px; border-collapse:collapse; border:0px; text-align:left }
#popup-large .content table th { font-weight:bold; background-color:#e3e3e3; padding-left:5px; border-bottom:1px solid #e3e3e3; font-weight:normal; color:#666 }
#popup-large .content table td { vertical-align:top; border-bottom:1px solid #e3e3e3; padding-left:5px; padding-top:5px; padding-bottom:5px }
#popup-large .content table tr.on { background-color:#f6f4f4; border-bottom:#e3e3e3 }

#popup-large .content table.evolution-bareme td { width:114px }
#popup-large .content table.evolution-bareme .right { text-align:right; padding-right:35px }

#popup-large .content table.validation-bareme { text-align:center}
#popup-large .content table.validation-bareme th { width:228px; }
#popup-large .content table.validation-bareme td {}
#popup-large .content table.validation-bareme .red { color:#f00 }

#popup-large table.gestion-agrement .moyen-col { width:130px }
#popup-large table.gestion-agrement .actions { text-align:center }
#popup-large table.gestion-agrement tr.on-modif { background-color:#e3e3e3 }


#popup-large { margin:0 auto; width:95%; border:1px solid #666 }
#popup-large .top {}

#popup-large .content { background-color:#fff; padding:10px; overflow:hidden }
#popup-large .content h1 { margin:0 auto; font-size: 13px; font-weight:bold; width:auto; text-align:left; margin-bottom:20px; background-image:none; background-repeat:no-repeat; background-position:0 3px; padding-left:32px; color:#666; margin-left:5px }
#popup-large .content h3 { margin:0 auto; font-size:14px; font-weight:bold; width:auto; text-align:left; margin-bottom:20px; color:#cc0000; margin-left:5px }
#popup-large .content p { text-align:left; padding: 3px 5px }
#popup-large .content p.on { background-color:#f6f4f4 }

#popup-large .content .form-compte { margin:0 auto; clear:both; text-align:left }
#popup-large .content .form-compte .bloc-infos { border: 1px solid var(--brand-secondary); border-radius: 4px 4px 0 0; border-top:0px; margin-bottom:10px }
#popup-large .content .form-compte .bloc-infos .corner {background-image:none; background-repeat:repeat-y; padding-top:5px; width:0; float:left; height:0; border-top:8px solid #fff }
#popup-large .content .form-compte .bloc-infos .title { font-weight:bold; padding:13px; background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary)); display: block; }
#popup-large .content .form-compte .bloc-infos .title span { background-color:transparent; padding-left:2px; padding-right:2px; color:#FFF }
#popup-large .content .form-compte .bloc-infos .content { clear:left; border:0; border-top:0px; padding:5px; padding-top:10px; margin-top:-5px; overflow:visible; font-family:Arial, Verdana, Helvetica, sans-serif !important }
#popup-large .content .form-compte .bloc-infos .content .line { clear:left; width:auto; line-height:18px; margin-bottom:5px }
#popup-large .content .form-compte .bloc-infos .content .line-indent { clear:left; width:auto; line-height:18px; margin-bottom:5px; padding-left:20px }
#popup-large .content .form-compte .bloc-infos .content .line-indent img { margin: -4px 3px 0px 3px }
#popup-large .content .form-compte .bloc-infos .content .column { width:262px; line-height:18px; float:left; margin-bottom:5px }
#popup-large .content .form-compte .bloc-infos .content .column-long { width:300px; line-height:18px; float:left; margin-bottom:5px }

#popup-large .content .form-compte .bloc-infos .content .intitule-auto { clear:left; float:left; width:auto; padding-right:5px; }
#popup-large .content .form-compte .bloc-infos .content .intitule-short { float:left; width:90px }
#popup-large .content .form-compte .bloc-infos .content .intitule { float:left; width:130px }
#popup-large .content .form-compte .bloc-infos .content .intitule-moyen { float:left; width:140px }
#popup-large .content .form-compte .bloc-infos .content .intitule-long { float:left; width:180px }
#popup-large .content .form-compte .bloc-infos .content .intitule-long2 { float:left; width:300px }
#popup-large .content .form-compte .bloc-infos .content .intitule-long3 { float:left; width:220px }
#popup-large .content .form-compte .bloc-infos .content select:not(.listVille) { display:block; float:left }
#popup-large .content .form-compte .bloc-infos .content textarea.details { display:block; float:left; width:174px; margin-bottom:5px }
#popup-large .content .form-compte .bloc-infos .content .calendar { float:left }

#popup-large .content .form-compte .bloc-infos .content .intitule-text-big { float:left; width:auto; padding-left:0px; font-size:14px; font-weight:bold; color:#cc0000 }

#popup-large .content .form-compte .bloc-infos .content input.adresse { width:340px; display:inline }
#popup-large .content .form-compte .bloc-infos .content input.cp { width:45px; display:inline }
#popup-large .content .form-compte .bloc-infos .content input.email { width:224px }
#popup-large .content .form-compte .bloc-infos .content select.ville { width:115px; display:block }

#popup-large .content .fiche-salaire, .fiche { margin:0 auto; clear:both; text-align:left; font-family:Arial, Verdana, Helvetica, sans-serif !important }
#popup-large .content .fiche-salaire .line { clear:left; width:auto; line-height:18px; margin-bottom:5px }
#popup-large .content .fiche-salaire .column { width:280px; line-height:18px; float:left; margin-bottom:5px }
#popup-large .content .fiche-salaire .intitule { float:left; width:auto }
#popup-large .content .fiche-salaire .intitule-small { float:left; width:90px; }
#popup-large .content .fiche-salaire .intitule-moyen { float:left; width:120px }

#popup-large .content .fiche-salaire table  { clear:both; }
#popup-large .content .fiche-salaire table { margin:0 auto; clear:both; margin-bottom:10px; border-collapse:collapse; border:0px }
#popup-large .content .fiche-salaire table th { font-weight:bold; background-color:#e3e3e3; padding:7px; border-bottom:1px solid #e3e3e3; font-weight:normal; color:#666 }

#popup-large .content .fiche-salaire table td { vertical-align:top; line-height:18px; border-bottom:1px solid #e3e3e3; padding-left:5px; padding-top:5px; padding-bottom:5px }
#popup-large .content .fiche-salaire table tr.on { background-color:#f6f4f4; border-bottom:#e3e3e3 }
#popup-large .content .fiche-salaire table tr.total th { background-color:#b9b8b8; color:#fff }

#popup-large .content .fiche-salaire table td.year { width:50px }
#popup-large .content .fiche-salaire table td.month { width:50px }
#popup-large .content .fiche-salaire table td.nb-heures { width:70px }
#popup-large .content .fiche-salaire table td.nb-heures input { text-align:right }
#popup-large .content .fiche-salaire table th.txt-right { text-align:right; padding-right:5px; font-weight:bold }
#popup-large .content .fiche-salaire table th.separator { height:3px; background-color:#fff }

#popup-large .content .fiche-salaire table th.txt-right2 { text-align:right; padding-right:33px; font-weight:bold }
#popup-large .content .fiche-salaire table td.col-short { width:130px }
#popup-large .content .fiche-salaire table td.col-short input { text-align:right; width:60px }
#popup-large .content .fiche-salaire table td.col-moyen { width:200px }
#popup-large .content .fiche-salaire table td input.moyen { width:170px }
#popup-large .content .fiche-salaire table td textarea.observations { width:180px }

#popup-large .content table.calcul-remboursement { width:100%; float:left; text-align:center; margin-left:0px }
#popup-large .content table.calcul-remboursement .large-col { width:150px }
#popup-large .content table.calcul-remboursement .small-col { width:20px }

#popup-large .bouton-right { float:right; margin-bottom:10px }


#popup-large .content a.valider { display:block; float:right; width:65px; height:33px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }
#popup-large .content a.annuler { display:block; float:left; width:65px; height:33px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }
#popup-large .content a.fermer { display:block; float:left; width:65px; height:33px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }

#popup-large .content a.valider-bareme { display:block; float:right; width:165px; height:17px; background-image:url(../images/bouton-small-long-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:17px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }
#popup-large .content a.refuser-bareme { display:block; float:left; width:165px; height:17px; background-image:url(../images/bouton-small-long-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:17px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }


#popup-large2 .content input.fermer { float:right; margin-top:40px }
#popup-large2 .content input.annuler { float:left; margin-top:40px }
#popup-large2 .content input.enregistrer { float:right; margin-top:40px }
#popup-large2 .bottom { }

#popup-large2 { margin:0 auto; width:95%; border:1px solid #666 }
#popup-large2 .top {}
#popup-large2 .content { background-color:#fff; padding:10px; overflow:hidden; text-align:left }
#popup-large2 .content h1 { margin:0 auto; font-size: 13px; font-weight:bold; width:auto; text-align:left; margin-bottom:20px; background-image:url(../images/puce-breadcrumbs.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:32px; color:#666; margin-left:5px }
#popup-large2 .content h2 { margin:0 auto; font-size: 13px; font-weight:bold; width:auto; text-align:left; margin-bottom:20px; color:#666666; margin-left:5px }
#popup-large2 .content h3 { margin:0 auto; font-size:14px; font-weight:bold; width:auto; text-align:left; margin-bottom:20px; color:#cc0000; margin-left:5px }
#popup-large2 .content input.bouton { float:right; margin-right:2px; margin-bottom:5px }

#popup-large2 .content .bloc-infos { clear:both; border-top:0px; margin-bottom:10px }
#popup-large2 .content .bloc-infos .corner {background-image:url(../images/dot-grey-title-bk.gif); background-repeat:repeat-y; padding-top:5px; width:1px; float:left; height:10px; border-top:8px solid #fff }
#popup-large2 .content .bloc-infos .title { background-image:url(../images/dot-grey-title-bk.gif); background-repeat:repeat-x; background-position:4px; padding-left:5px; font-weight:bold; float:left; text-align:left }
#popup-large2 .content .bloc-infos .title span { background-color:#fff; padding-left:2px; padding-right:2px; color:#666666 }
#popup-large2 .content .bloc-infos .content { clear:left; border:1px solid #999999; border-top:0px; padding:5px; padding-top:0px; margin-top:-5px; text-align:left; font-family:Arial, Verdana, Helvetica, sans-serif !important}

#popup-large2 .content .bloc-infos .content .line { clear:left; width:auto; line-height:18px; margin-bottom:5px }
#popup-large2 .content .bloc-infos .content .column { width:350px; line-height:18px; float:left; margin-bottom:5px; margin-right:15px }

#popup-large2 .content .bloc-infos .content .intitule-auto { float:left; width:auto; padding-right:5px; }
#popup-large2 .content .bloc-infos .content .intitule-short { float:left; width:90px }
#popup-large2 .content .bloc-infos .content .intitule { clear:left; float:left; width:170px }
#popup-large2 .content .bloc-infos .content .intitule-moyen { clear:left; float:left; width:160px }
#popup-large2 .content .bloc-infos .content .intitule-long { clear:left; float:left; width:190px }
#popup-large2 .content .bloc-infos .content .bloc-adresse { float:left }
#popup-large2 .content .bloc-infos .content table.small-left { width:360px; float:left; clear:none }
#popup-large2 .content .bloc-infos .content table.small-right { width:360px; float:right; clear:none }
#popup-large2 .content .bloc-infos .content .separator { width:100%; }

#popup-large2 .intitule-text-big { font-size:14px; font-weight:bold; color:#cc0000 !important; }

#popup-large2 table { clear:both; width:100%; margin-bottom:10px; border:0px; border-collapse:collapse; margin-left:0px; text-align:left }
#popup-large2 table th { font-weight:bold; background-color:#e3e3e3; padding-left:5px; font-weight:normal; color:#666 }
#popup-large2 table td { vertical-align:top; line-height:18px; padding-left:5px; padding-top:5px; padding-bottom:5px }
#popup-large2 table tr.on td { background-color:#f5f5f5 }
#popup-large2 table td.center { text-align:center }

#popup-large2 .content .bloc-infos-moyen { border-top:0px; width:478px; margin-bottom:10px; text-align:left; float:left }
#popup-large2 .content .bloc-infos-moyen .corner {background-image:url(../images/dot-grey-title-bk.gif); background-repeat:repeat-y; padding-top:5px; width:1px; float:left; height:10px; border-top:8px solid #fff }
#popup-large2 .content .bloc-infos-moyen .title { background-image:url(../images/dot-grey-title-bk.gif); background-repeat:repeat-x; background-position:4px; padding-left:5px; font-weight:bold; width:471px; float:left; text-align:left }
#popup-large2 .content .bloc-infos-moyen .title span { background-color:#fff; padding-left:2px; padding-right:2px; color:#666666 }
#popup-large2 .content .bloc-infos-moyen .content { clear:left; width:466px; border:1px solid #999999; border-top:0px; padding:5px; padding-top:0px; margin-top:-5px; text-align:left; font-family:Arial, Verdana, Helvetica, sans-serif !important }
#popup-large2 .content .bloc-infos-moyen .content .line { clear:left; width:auto; line-height:18px; margin-bottom:5px }
#popup-large2 .content .bloc-infos-moyen .content .column { width:460px; line-height:18px; float:left; margin-bottom:5px; margin-right:15px }
#popup-large2 .content .bloc-infos-moyen .content .intitule-short { float:left; width:90px }
#popup-large2 .content .bloc-infos-moyen .content .intitule { clear:left; float:left; width:170px }
#popup-large2 .content .bloc-infos-moyen .content .intitule-moyen { float:left; width:140px }
#popup-large2 .content .bloc-infos-moyen .content input.champ-moyen { margin-bottom:3px }
#popup-large2 .content .bloc-infos-moyen .content select.motif-trajet { margin-top:2px; width:280px }

#popup-large2 .content .bloc-infos-small { border-top:0px; width:258px; margin-bottom:10px; text-align:left; float:right }
#popup-large2 .content .bloc-infos-small .corner {background-image:url(../images/dot-grey-title-bk.gif); background-repeat:repeat-y; padding-top:5px; width:1px; float:left; height:10px; border-top:8px solid #fff }
#popup-large2 .content .bloc-infos-small .title { background-image:url(../images/dot-grey-title-bk.gif); background-repeat:repeat-x; background-position:4px; padding-left:5px; font-weight:bold; width:251px; float:left; text-align:left }
#popup-large2 .content .bloc-infos-small .title span { background-color:#fff; padding-left:2px; padding-right:2px; color:#666666 }
#popup-large2 .content .bloc-infos-small .content { clear:left; width:246px; border:1px solid #999999; border-top:0px; padding:5px; padding-top:0px; margin-top:-5px; text-align:left; height:137px; max-height:134px; font-family:Arial, Verdana, Helvetica, sans-serif !important }
#popup-large2 .content .bloc-infos-small .content textarea.note { width:230px; height:50px }

#popup-large2 .content .error-box {margin:0 auto; clear:left; overflow:hidden; height:auto; text-align:left; margin-bottom:10px }
#popup-large2 .content .error-box .top { background-image:url(../images/erreur-top-small.gif); background-repeat:no-repeat; height:3px; overflow:hidden }
#popup-large2 .content .error-box .content { background-color:#fff; padding:5px; border-left:1px solid #d63031; border-right:1px solid #d63031; height:auto; color:#d63031 }
#popup-large2 .content .error-box .bottom {background-image:url(../images/erreur-bottom-small.gif); background-repeat:no-repeat; height:3px }
#popup-large2 .content .frame-doc { text-align:center; border:1px solid #999; padding:10px }

#popup-large2 .content a.valider { display:block; float:right; width:65px; height:17px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:17px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }
#popup-large2 .content a.annuler { display:block; float:left; width:65px; height:17px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:17px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }

#popup-large3 { margin:0 auto; width:95%; border:1px solid #666; }
#popup-large3 .top {}
#popup-large3 .content { background-color:#fff; padding:10px; overflow:hidden; }
#popup-large3 .content h1 { margin:0 auto; font-size: 13px; font-weight:bold; width:auto; text-align:left; margin-bottom:20px; background-image:none; background-repeat:no-repeat; background-position:0 3px; color:#666; }
#popup-large3 .content h2 { margin:0 auto; font-size: 13px; font-weight:bold; width:auto; text-align:left; margin-bottom:20px; color:#666666; margin-left:5px; margin-top:20px; margin-bottom:10px }
#popup-large3 .content a.valider { display:block; float:right; width:65px; height:17px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:17px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif }
#popup-large3 .content a.annuler { display:block; float:left; width:65px; height:33px; background-image:url(../images/bouton-small-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:33px; margin-top:10px; font-family:Arial, Verdana, Helvetica, sans-serif  }

#popup-large3 .content .line { clear:left; width:auto; line-height:18px; margin-bottom:5px; text-align:left; padding-left:10px }

#popup-large3 .content .recap-box {margin:0 auto; width:100%; clear:left; overflow:hidden; height:auto; text-align:left; margin-bottom:10px }
#popup-large3 .content .recap-box .top { background-image:url(../images/popup-large-recap-top.gif); background-repeat:no-repeat; height:4px; overflow:hidden }
#popup-large3 .content .recap-box .content { background-color:#FFF; padding:5px; height:auto }
#popup-large3 .content .recap-box .content .line { width:auto; margin-bottom:5px; clear:left; float:left }
#popup-large3 .content .recap-box .content .line .intitule { display:block; width:100px; float:left; height:auto }
#popup-large3 .content .recap-box .content .column { width:300px; margin-bottom:5px; float:left }
#popup-large3 .content .recap-box .content .column-long { width:400px; margin-bottom:5px; float:left }
#popup-large3 .content .recap-box .content .column .intitule { display:block; clear:left; float:left; width:150px }
#popup-large3 .content .recap-box .bottom {background-image:url(../images/popup-large-recap-bottom.gif); background-repeat:no-repeat; height:4px }

#popup-large3 .content .recap-box a.verification { display:block; width:165px; height:17px; background-image:url(../images/bouton-small-long-bk.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:18px; margin-right:30px; float:right; font-family:Arial, Verdana, Helvetica, sans-serif  }


#popup-large3 .content .bloc-infos { border-top:0px; margin-bottom:10px;border: 1px solid var(--brand-secondary);overflow: hidden;border-radius: 4px 4px 0 0; }
#popup-large3 .content .bloc-infos .corner {background-image:none; background-repeat:repeat-y; padding-top:5px; width:0; float:left; height:0; border-top:8px solid #fff }
#popup-large3 .content .bloc-infos .title { font-weight: bold;width: 100%;padding: 13px;background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));display: inline-block; }
#popup-large3 .content .bloc-infos .title span { background-color:transparent; padding-left:2px; padding-right:2px; color:#FFF }
#popup-large3 .content .bloc-infos .content { clear:left; border:0; border-top:0px; padding:5px; padding-top:10px; margin-top:-5px; text-align:left; font-family:Arial, Verdana, Helvetica, sans-serif !important}
#popup-large3 .content .bloc-infos .content .column { width:295px; line-height:18px; float:left; margin-bottom:5px; text-align:left }
#popup-large3 .content .bloc-infos .content .column-short { width:194px; line-height:18px; float:left; margin-bottom:5px; text-align:left }
#popup-large3 .content .bloc-infos .content .column-moyen { width:250px; line-height:18px; float:left; margin-bottom:5px; text-align:left }

#popup-large3 .content .bloc-infos .content .line { width:auto; margin-bottom:5px; clear:left; float:left; margin-left:10px }
#popup-large3 .content .bloc-infos .content .intitule { display:block; width:150px; float:left; height:auto; text-align:left; line-height:20px; padding-left:5px }

#popup-large3 .content .bloc-infos .content .intitule-short { float:left; width:90px }
#popup-large3 .content .bloc-infos .content .intitule-auto { float:left; width:auto; padding-left:5px; padding-right:5px }
#popup-large3 .content .bloc-infos .content .intitule-moyen { float:left; width:140px }

#popup-large3 .content .bloc-infos .content .intitule-text-big { float:left; width:auto; padding-left:5px; font-size:14px; font-weight:bold; color:#cc0000 }
#popup-large3 .content .bloc-infos .content .details-dossier { border:1px solid #ccc; background-color:#f5f5f5; margin:0px; height:auto; margin-left:22px; margin-right:22px; padding:5px; display:none; margin-bottom:10px }
#popup-large3 .content .bloc-infos .content .details-dossier .column { width:562px; margin:0px }
#popup-large3 .content .bloc-infos .content .details-dossier .column-short { width:auto; text-align:left }
#popup-large3 .content .bloc-infos .content .details-dossier .column .intitule { display:block; width:125px; float:left; height:auto; text-align:left }
#popup-large3 .content .bloc-infos .content .details-dossier .intitule-long { display:block; width:200px; float:left; height:auto; text-align:left }
#popup-large3 .content .bloc-infos .content textarea { margin-left:5px; width:935px; text-align:left; margin-bottom:20px }
#popup-large3 .content .bloc-infos .content textarea.commentaires { margin-left:5px; width:930px; text-align:left; margin-bottom:20px }

#popup-large3 table { clear:both; width:calc(100% - 10px); margin-bottom:10px; border:0px; border-collapse:collapse; margin-left:5px }
#popup-large3 table th { background-color:#E3E3E3; padding-left:5px; font-weight:normal; color:#666 }
#popup-large3 table thead tr { background-color:#E3E3E3; padding-left:5px; font-weight:normal; color:#666 }

#popup-large3 table td { vertical-align:top; line-height:18px; padding-left:5px; padding-top:5px; padding-bottom:5px }
#popup-large3 table tr.on { background-color:#f5f5f5 }
#popup-large3 table tr.on td { background-color:#f5f5f5 }
#popup-large3 table .text-right { text-align:right; padding-right:5px }

#popup-large3 table.rib { clear:both; width:962px; margin-bottom:10px; border:0px; border-collapse:collapse; margin-left:0px; text-align:left; margin-bottom:30px }
#popup-large3 table.rib tr { border-bottom:1px solid #E3E3E3}
#popup-large3 table.rib th { border-bottom:1px solid #E3E3E3; padding-top:3px; padding-bottom:3px}

#popup-large3 table.liste-indemnites .small-col { width:75px }
#popup-large3 table.liste-indemnites .moyen-col { width:110px }
#popup-large3 table.liste-indemnites .large-col { width:130px }
#popup-large3 table.liste-indemnites .actions { width:85px; text-align:center }

#popup-large3 table.historique-paiement { text-align:right}
#popup-large3 table.historique-paiement th, #popup-large3 table.historique-paiement td { padding-right:5px }
#popup-large3 table.historique-paiement td { background-color:#fff }
#popup-large3 table.historique-paiement tr.total td { background-color:#B9B8B8; color:#fff; font-weight:bold }
#popup-large3 table.historique-paiement td.total, #popup-large3 table.historique-paiement th.total { background-color:#B9B8B8; color:#fff; font-weight:bold }
#popup-large3 table.historique-paiement tr.on td { background-color:#f5f5f5 }
#popup-large3 table.historique-paiement tr.on td.total { background-color:#B9B8B8; color:#fff; font-weight:bold }

#popup-large3 table.vsf { width:950px; text-align:left }
#popup-large3 table.etat-piece { width:100px; border-collapse:collapse; text-align:center; margin-left:-5px; margin-bottom:0px }
#popup-large3 table.etat-piece td { padding:2px 3px }
#popup-large3 table.etat-piece input { margin-right:5px}
#popup-large3 table.etat-piece img { margin-left:2px}
#popup-large3 table.vsf a.actionFile { display:block; float:left; margin-left:2px; height:16px; overflow:visible }
#popup-large3 table.vsf a.linkFile { display:block; float:left }

#popup-large3 table.vsf td { vertical-align:top }
#popup-large3 table.vsf .doc-joint { width:250px }
#popup-large3 table.vsf .doc-joint span { display:block; float:left }
#popup-large3 table.vsf .actions { width:55px; text-align:center }
#popup-large3 table.vsf .ligne-commentaires { border-bottom:1px solid #ccc; vertical-align:top }
#popup-large3 table.vsf textarea.commentaires-vsf { width:750px; float:left }
#popup-large3 table.vsf .intitule { float:left; width:auto }
#popup-large3 table.vsf .col-date { width:70px }
#popup-large3 table.vsf .verif { width:100px }


#popup-large3 .red { color:#d63031 }
#popup-large3 .purple { color:#800080 }
#popup-large3 .blue { color:#0000ff }
#popup-large3 .green {color:#008000 }
#popup-large3 .orange {color:#FFA500 }

#popup-large3 .infos-couleurs { margin-right:5px; margin-bottom:10px; position:relative }
#popup-large3 .info-bulle { display:none; position:absolute; background-color:#fff; border:1px solid #666666; padding:3px 5px; top:0px;left:150px; z-index:20 }
#popup-large3 .imprimer { margin-left:0px; float:left }
#popup-large3 .bouton-right { float:right; margin-bottom:10px; margin-right:10px }

.col-input { float:left }
.col-input input { display:inline }

select.suivi-select { width:300px !important; overflow:hidden; margin-right:10px }
select.select-auto { width:auto !important; overflow:hidden; margin-right:10px }
input.suivi-input { overflow:hidden; margin-right:10px }

input.imprimer-form { display:block; width:163px !important; height:23px !important; }
input.confirm-validation { display:block; }
input.imprimer-pj { display:block;  }

ul.default-list li { background:url(../images/hyphen-grey.gif) no-repeat 0 4px; padding-left:10px; line-height:normal; padding-bottom:3px; margin-left:5px; }

#main-content .middle-login .login-box .rechercher.fr {
  float: none !important;
  height: 34px;
  margin:0 auto;
  margin-top: 32px;
  background: var(--brand-secondary);  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, var(--brand-primary), var(--brand-secondary));  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border: 0;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}

.intitule { float:left; }
.float-left,
.fl { float:left !important; }
.fr { float:right !important; }
.align-right { text-align: right; }
.text-center { text-align: center; }
.no-margin { margin:0 !important; }

.tel { width:100px; }
.champ-300 { width:300px; }
.warning { background:url(../images/alert-icon.png) no-repeat; padding-left:20px; margin:5px 8px; height:25px; }
.nom-voie { width:201px; }

.bloc-contacts { margin:10px 0; }
.bloc-contacts .title { color:#666666; font-weight:bold; margin-bottom:5px; background:none !important; padding-left:0 !important; }
.bloc-contacts table.gestion-contacts { clear:both; width:100%; margin:0 auto; clear:both; margin-bottom:10px; border-collapse:collapse; border:0px; text-align:left }
.bloc-contacts table.gestion-contacts th { font-weight:bold; background-color:#e3e3e3; padding-left:5px; border-bottom:1px solid #e3e3e3; font-weight:normal; color:#666 }
.bloc-contacts table.gestion-contacts td { vertical-align:top; line-height:18px; border-bottom:1px solid #e3e3e3; padding-left:5px; padding-top:5px; padding-bottom:5px }
.bloc-contacts table.gestion-contacts tr.on { background-color:#f6f4f4; border-bottom:#e3e3e3 }
.bloc-contacts table.gestion-contacts .moyen-col { width:130px }
.bloc-contacts table.gestion-contacts .actions { text-align:center }
.bloc-contacts table.gestion-contacts tr.on { background-color:#fff }

.bloc-pj { overflow:hidden; }
.bloc-pj a { float:left; }
.bloc-pj .intitule { float:left; width:100px; }
.bloc-pj .file { width:450px; }

/*Gestion PJ*/
.nom-stagiaire { margin-right:10px; }
.tableau-pj caption { margin-left:1px; }
.tableau-pj caption { text-align:left; color:#666666; font-weight:bold; margin-bottom:5px; }
.tableau-pj .statut { width:30px; text-align:center; }
.tableau-pj .actions { width:60px; text-align:center; }
.telecharger { background:url(../images/picto-save.gif) no-repeat; padding-left:16px; }
.bloc-ajout { margin-top:20px; background:#E3E3E3; padding:5px; }
.bloc-ajout h2 { margin:0 0 5px 0 !important; }
.bloc-ajout .description { width:418px; }
.bloc-ajout .commentaire { width:418px; height:50px; }
.bloc-ajout .content-bloc { float:left; overflow:hidden; width:570px; }
.bloc-ajout .file { float:left; width:500px; }
.bloc-ajout .file-400 { width:500px !important; }
.bloc-ajout .valider { margin:0 !important; }

.form-bloc-erreur { width:auto; clear:both; margin-bottom:15px; background-color:#fff !important; overflow:visible;}
.maintenance { margin-left:20px; margin-right:20px; padding-top:100px}
.text-big { font-size:1.3em; font-weight:bold; }
.red { color:#d63031 }

/*Elements formulaires*/
.intitule-auto { display:block; clear:left; float:left; line-height:18px; padding-right:5px; }


.column-2-col { width:45%; float:left; overflow:hidden; }
.column-2-col-wide { width:50% !important; float:left; margin-right:0 !important; overflow:hidden; }
.column-3-col { width:30%; float:left; overflow:hidden; }

.width-10 { width:10px !important; }
.width-20 { width:20px !important; }
.width-30 { width:30px !important; }
.width-40 { width:40px !important; }
.width-50 { width:50px !important; }
.width-60 { width:60px !important; }
.width-70 { width:70px !important; }
.width-100 { width:100px !important; }
.width-120 { width:120px !important; }
.width-130 { width:130px !important; }
.width-150 { width:150px !important; }
.width-160 { width:160px !important; }
.width-180 { width:180px !important; }
.width-240 { width:240px !important; }
.width-250 { width:250px !important; }
.width-260 { width:260px !important; }
.width-270 { width:270px !important; }
.width-280 { width:280px !important; }
.width-290 { width:290px !important; }
.width-300 { width:300px !important; }
.width-400 { width:400px !important; }
.width-450 { width:450px !important; }
.width-600 { width:600px !important; }
.width-650 { width:650px !important; }
.width-800 { width:800px !important; }

.height-60 { height:60px !important; }

select.width-150 { width:156px !important; }
select.width-240 { width:246px !important; }
select.width-650 { width:656px !important; }


.line-boutons { clear:both; width:890px; }
.line-boutons a { margin-right:0 !important; margin-top:10px; height: 33px; line-height: 33px;}
.line-boutons a.rechercher { width:82px !important; }
.recap-box .line-boutons { width:99%; }

/*Bloc toggle generique*/
.bloc-toggle { padding:2px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden; }
.bloc-toggle .trigger { margin:0; padding:0; border:0; width:9px; height:9px; background:url(../images/picto-moins.gif) no-repeat; float:left; margin-top:2px; margin-right:5px; text-indent:-20000px; }
.bloc-toggle .trigger span { display:none; }
.bloc-toggle .collapse { background:url(../images/picto-plus.gif) no-repeat; }
.bloc-toggle .toggle-top { margin-bottom:5px; overflow:hidden; }
.bloc-toggle .toggle-top { margin-bottom:5px; overflow:hidden; }
.bloc-toggle .toggle-top .title { float:left; width:105px; }
.bloc-toggle .toggle-content { clear:both; padding-left:1px; padding-bottom:5px; }

#navAction { float:right; }
.toggle-top .acces { display:none; }
.toggle-top .acces .acceder { font-size:0.9em; background:url(../images/sprite.png) #3D6BA6 no-repeat 4px -518px; height:18px; width:18px; border:0;  cursor:pointer; text-indent:-20000px; visibility:visible; }
.toggle-top .acces .acceder:hover, .toggle-top .acces .acceder:active { background-color:#78A1DA; }

.toggle-detail { margin-bottom:5px; padding-left:4px; }
.toggle-detail button, .toggle-tree button:focus, .toggle-tree button:active { border:0; cursor:pointer; color:inherit; padding:0 0 0 13px !important; margin:0; font-size:1em; }
.toggle-detail .collapse { background:url(../images/picto-moins.gif) no-repeat 0 2px; }
.toggle-detail .expand { background:url(../images/picto-plus.gif) no-repeat 0 2px; }


.paiement-bloque{ color:#d63031 }
.dossier-duplique { color:#d63031 ; font-size : large ;}
.warning { background:url(../images/alert-icon.png) no-repeat; padding-left:20px; margin:5px 8px; height:25px; }


/****************************************Nouveaux styles evols 20130311*****************************************/
table.liste-resultats .col-gestion { width:95px; }
table.liste-resultats th a:hover { text-decoration:underline; }
.bouton-gestion { float:left; background:url(../images/bouton-gestion-bg.gif) no-repeat !important; display:block; width:20px; height:17px; margin-right:3px; }
.bouton-gestion img { display:block; width:20px; height:17px; padding:0 !important; }

.img-icon {width:20px; height:20px;}

/*Pager*/
.pager { overflow:hidden; clear:both; width:100%; margin:0 auto; height:30px; }
.pager h2 { float:left; padding-top:10px; font-weight:bold; }
.pager h4, .pager .nb-resultats { float:left; padding-top:10px; font-weight:bold; }
.pager .ajout-el { float:left; }
.affichage-resultats { float:right; }
.affichage-resultats .nav-link { padding-top:7px; margin-bottom:7px; float:right; }
.affichage-resultats .nav-link img { margin:5px 3px 0; vertical-align:top; }
.affichage-resultats .back, .affichage-resultats .next { float:left; }
.affichage-resultats .input-page { float:left; padding:0 8px; }
.affichage-resultats .input-page label { display:none; }
.affichage-resultats .input-page input { width:30px; float:left; text-align:right; margin-right:1px; }
.affichage-resultats .input-page .libelle { float:left; line-height:1.9em; }

.resultat-page { overflow:hidden; float:left; padding-right:20px;}
.resultat-page .title { padding:10px 10px 0 0; float:left; }
.resultat-page a { padding-top:8px; display:block; width:18px; height:17px; float:left; margin-right:5px; }
.resultat-page a.active { background:url(../images/sprite.png) transparent left -252px no-repeat; }

.bloc-legende { width:100%; margin:0 auto; }
.bloc-legende .separator { width:100%; }
.bloc-legende .title { font-weight:bold; margin-bottom:10px; text-align:left; color:#666; }
.bloc-legende .column { float:left; }
.bloc-legende .legende-text { text-align:left; }

/*Bloc toggle generique*/
.bloc-toggle .trigger { margin:0; padding:0; border:0; width:9px; height:9px; background:url(../images/picto-moins.gif) no-repeat; float:left; margin-top:2px; margin-right:5px; text-indent:-20000px; }
.bloc-toggle .trigger span { display:none; }
.bloc-toggle .collapse { background:url(../images/picto-plus.gif) no-repeat; }
.bloc-toggle .toggle-top { margin-bottom:20px; overflow:hidden; }
.bloc-toggle .toggle-top .title { float:left; width:75%; line-height:normal !important; }
.bloc-toggle .toggle-content { clear:both; padding-left:14px; padding-bottom:5px; }

.pager .line-check { float:left; padding:7px 0 0 5px; }
.pager .line-check .check { float:left; }
.pager .line-check .intitule { padding-top:3px; float:left; }

.width-80 { width:80px; }
.montant, .number { text-align:right; padding-right:10px !important; }

.type-remu { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fdcb6e; display:inline-block; width:27px; height:18px; text-align:center; }
.type-remu img { margin:0 auto; }
.ajustement-remu { background:#e45a59; }
.bloc-legende .legende-picto-remu { width:30px; float:left; clear:left; margin-bottom:5px; }

/* STYLE AUTO COMPLETE */
.acomplete { position:relative; z-index:5; background-color:#fff; border:1px solid #ccc; overflow:auto; }
.acomplete ul { height:300px; }
.acomplete ul, .acomplete li { margin:0px; padding:0px; list-style:none; }
.acomplete li { padding:3px; line-height:normal; }
.acomplete .selected { background-color:#767676; color:#fff; }

.demi-journee-matin { background-image:url(../images/demi-journee-matin.png); background-repeat:no-repeat; background-size: cover ; }

.demi-journee-apres-midi { background-image:url(../images/demi-journee-apres-midi.png); background-repeat:no-repeat; background-size: cover ; }

#main-content .middle .main-part .form-bloc .absence1 { background-color:#60F; color:#fff }
#main-content .middle .main-part .form-bloc .absence2 { background-color:#F0F; color:#fff }
#main-content .middle .main-part .form-bloc .absence3 { background-color:#9FC; color:#fff }
#main-content .middle .main-part .form-bloc .absence4 { background-color:#F63; color:#fff }
#main-content .middle .main-part .form-bloc .absence5 { background-color:#6FC; color:#fff }

.bloc { /*clear:both;*/ padding:10px; background:#e6e6e6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:10px; margin-left:20px; margin-right:20px; overflow:hidden; }

.message { color:#3D6BA6; background:#E6EFEE; border:1px solid #3D6BA6; margin-bottom:20px; text-align:left; }
.msg-confirmation  { color:#3D8011; border:1px solid #58b918; background:#E4FFD2;border-radius: 10px;padding: 10px;margin-bottom: 10px;  }
.msg-confirmation .content { background:url(../images/picto-check-ok-big.png) #E4FFD2 no-repeat; padding-left:40px !important; min-height:31px; text-align: initial !important; }
.msg-avertissement  { color:#FF8000; border:1px solid #FF8000; background:#FFF2E6; width: 100%; }
.msg-avertissement .content { background:url(../images/picto-avertissement-big.png) #FFF2E6 no-repeat; padding-left:40px; min-height:31px; }
.msg-erreur { color:#d40b0b !important; border:1px solid #f42222; background:#FFE6E6; border-radius: 8px ; margin-bottom: 7px; }
.msg-erreur .content { background:url(../images/picto-warning-big.png) #FFE6E6 no-repeat !important; padding-left:40px !important; min-height:31px ; }
.msg-erreur .content li { color:#d40b0b !important; }
.msg-erreur .content li li { list-style-type:none; background:url(../images/msg-erreur-hyphen.gif) no-repeat left center; padding-left:8px; margin-left:3px; }
.msg-info {
  padding: 0.75rem 1.25rem;
  border: 1px solid var(--brand-primary);
  border-radius: .25rem;
  background-color: #dfe6e9;
}
.bloc-message-accueil {
  width: unset !important;
  padding: 30px 5px 10px;
  margin-top: 30px;
}
.msg-info .content {  background:url(../images/picto-info-big.png) #dfe6e9 no-repeat left 0; padding-top:3px; padding-left:40px; min-height:31px; overflow:hidden; }
.msg-info .content-msg-info {  background:url(../images/picto-info-big.png) #dfe6e9 no-repeat left 0; padding-top:3px; padding-left:40px; min-height:31px; overflow:hidden; }
.message ul { margin-left:10px; }
.message p { margin-bottom:0; }
.message ul li { list-style-type:disc; list-style-position:inside; }


#main-content .middle .main-part table.liste-resultats .lien-deplacer { margin-left:30px; }
.bouton-gestion-off { float:left; background:url(../images/bouton-gestion-bg-inactif.gif) no-repeat !important; display:block; width:20px; height:17px; margin-right:3px; }

input.uppercase { text-transform:uppercase; }

body { background:#ecf0f1; }
#header {
  position: fixed;
  z-index: 10;
}
#header.header-mini .bandeau {
  height: 60px;
  background-color: #4d4d4d;
}
#header .barre-id { border:0; width: 100%; position: relative; float:left; clear:left; padding-top:0; background-color:#4d4d4d; padding-left:0; padding-right:0; height:42px; }
#header .barre-id:after { content: ""; position: absolute; bottom:0; left:0; height: 3px; background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary)); width: 100%;}

#main-content { background: #FFF; width:100%;padding-top: 266px }
#main-content .middle  { background:none; }
#main-content .middle .main-part { border:0; }
#header .left-part .menu-bottom { display:none; }
#main-content .middle + .bottom:before { content: "";
  position: absolute;
  left: 0;
  height: 3px;
  background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));
  width: 100%; }
#main-content .middle-login  { border:0; }
#main-content .middle-login .login-box { background:url(../images/logo-FSE-big.gif) no-repeat center 300px;}
#footer-login  { color:#666666; height:25px; width:1088px; padding-top:26px; background:url(../images/footer-bk.gif) #fff no-repeat; overflow:hidden; margin-bottom:0; }
#footer-login a { color:#666666; font-weight:normal; }

#main-content .middle .main-part #ctl0_MenuLayout_resultFrom .partitioner { top:0; }
#ctl0_MenuLayout_nouveauIndividu { background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary)); color: #FFF; padding: 12px 20px; border-radius: 20px; border: 0; font-size: 13px; cursor: pointer; }


.spacer-xsmall { clear:both; overflow:hidden; height:7px }
#main-content .middle .main-part .recap-box .content .column-2-col-wide { width:50% !important; float:left; margin-right:0 !important; overflow:hidden; }
#main-content .middle .main-part .recap-box .content .column-2-col-wide .intitule-long { display:block; clear:left; float:left; line-height:18px; padding-right:10px; width:110px }
#main-content .middle .main-part .recap-box .content .column-2-col-wide .intitule-long2 { display:block; clear:left; float:left; line-height:18px; padding-right:0px; width:120px }
#main-content .middle .main-part .recap-box .content .column-2-col-wide .intitule-moyen  { width:66px; float:left; line-height:18px }
.input-spacer {margin-right:20px}
.input-spacer-left {margin-left:20px}
.input-spacer-left-60 {margin-left:60px !important;}
.width-40 { width:40px !important; }
.width-50 { width:50px !important; }
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
}
.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modalTop {
  top: 10% !important;
}
.modal {
  position: fixed;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  top: 50%;
  z-index: 99999;
  display: none;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
              rgba(17, 17, 26, 0.1) 0px 16px 56px,
              rgba(17, 17, 26, 0.1) 0px 24px 80px;
  font-size: 15px !important;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header::after {
  content: "";
  display: table;
  clear: both;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  padding: 15px;
  overflow-y: scroll !important;
  max-height: 65vh !important;
  overflow-x: hidden !important;
}
.modal-body .recap-box {
  width: 99% !important;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .annuler{
  float : left;
  background-image:url(../images/bouton-small-bk.gif);
  line-height: 33px;
  height: 33px;
}
.modal-footer .valider{
  float : right;
  background-image:url(../images/bouton-short-bk.gif);
  width: 95px;
}
.modal-footer::after {
  content: "";
  display: table;
  clear: both;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 900px;
  }
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(128, 128, 128, 0.37);
  display: none;
}

.ValidationPradoErrors { display:inline-block; color:#D00 !important; padding-left:5px; font-style:italic; font-size:0.9em; }
.info, .abbr { color:#767676 !important; font-size:1em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; }
.obligatoire, .abbr { color:#ff0000 !important; font-size:1em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; }
.obligatoire { border:0; }
.div-choice-180 {
  margin-left: 180px !important;
}
.intitule-multiCheckBox{
  height: 70px;
}

.pj-on,
.pj-off {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 11px;
  display: inline-block;
  width: 14px;
  height: 14px;
  text-align: center;
  background: #aaa;
}
.text-pj {width: 500px;}

.alert-info {
  width: 97%;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid #bcdff1;
  border-radius: .25rem;
  background-color: #d9edf7;
  color: #31708f;
}

.montantSelect {
  margin-top: 21px;
  margin-right: 24px;
}
.resultatRecherche {
  margin-top: 21px;
  margin-left: 35px;
  margin-right: 12px;
}
.resultatRecherche.recherchePASRAU {
  margin-top: 21px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.montantPreleve, .montantVerse {
  margin-bottom: 9px;
  margin-left: 35px;
  margin-right: 35px;
}
.required-input {
  border: 1px solid red;
  background-color: white;
}

/* factorisation des couleurs */
#main-content .middle-login .login-box .top,
#main-content .middle-login .login-box .rechercher.fr,
#main-content .middle-login .login-box .top {
  background: var(--brand-primary);
}
#main-content .middle .main-part .recap-criteria .top,
#header .left-part ul li ul li.on a,
#main-content .middle .main-part .recap-box .content h1,
#main-content .middle .main-part .recap-box .content .column-short4 strong,
#main-content .middle .main-part .recap-criteria a.retour,
#header .left-part ul li,
#main-content .middle .main-part .recap-box .content .column-short4 strong {
  color: var(--brand-secondary);
}
#main-content .middle .main-part .resultats-suivi table th,
#main-content .middle .main-part .gestion-suspension table th,
#main-content .middle .main-part .historique-rib table th,
.pj-on,
.type-remu {
  background: var(--brand-secondary);
}

#main-content .middle .main-part .recap-box,
#main-content .middle .main-part .form-bloc .layer,
#main-content .middle .main-part .form-bloc .layer .bloc-small,
#main-content .middle .main-part .form-bloc .layer .bloc-long,
#main-content .middle .main-part .form-bloc .layer .bloc-full,
#popup-large .content .form-compte .bloc-infos,
#popup-large3 .content .bloc-infos,
#popup-large3 .content .recap-box .content {
  border: 1px solid var(--brand-secondary);
}
#header .left-part ul li span {
  border-right: 1px solid var(--brand-secondary);
}
#main-content .middle .main-part .form-bloc .layer .bloc-small .title span,
#main-content .middle .main-part .form-bloc .layer .bloc-long .title,
#main-content .middle .main-part .form-bloc .layer .bloc-full .title,
#main-content .middle .main-part .form-compte .bloc-infos .title,
#popup-large .content .form-compte .bloc-infos .title,
#popup-large3 .content .bloc-infos .title,
#header .barre-id:after,
#main-content .middle .main-part .recap-criteria .top {
  background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));
}


.link-menu{
  color: var(--brand-secondary) !important;
  text-decoration: none !important;
}

.panel-error{
  color: #d40b0b !important;
  border: 1px solid #f42222;
  background: url(../images/picto-error-big.png) #FFE6E6 no-repeat 10px 5px ;
  padding: 10px 10px 15px 50px;
  border-radius: 8px
}

.no-background-img{
  background-image: none !important;
}

.ml-8{
  margin-right : 8px ;
}

#main-content .middle .main-part .form-compte .bloc-infos .msg-erreur .content{ background:url(../images/picto-warning-big.png) #FFE6E6 no-repeat !important; padding-left:40px !important; min-height:31px; border: none !important; width: 90% !important;}

.width-1130 { width: 1130px !important}

.sous-intitule{font-size: 12px; color: #0a6d9d;}

a.ajout-el, button.ajout-el { display:block; background:url(../images/degrade-picto-gestion.png) repeat-x top left; width:20px; height:16px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#3D6BA6; cursor:pointer; }
a.suppr-el, button.suppr-el { display:block; background:url(../images/degrade-picto-gestion.png) repeat-x top left; width:20px; height:16px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#3D6BA6; cursor:pointer; }

a:hover.ajout-el, button:hover.ajout-el { text-decoration:none; }

a.ajout-el span, button.ajout-el span { padding-left:25px; background:url(../images/sprite.png) transparent 3px -449px no-repeat; float:left; width:200px; }
a.ajout-el span, button.ajout-el span { _background:none; }

tr.total td{
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
}

.color-red{
  color : #d63031 !important; ;
}
.color-green{
  color : #09ab5f !important;
}
.color-orange{
  color : #FF9100FF !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}
.mr-1 {
  margin-right: 1rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.width-200{
  width: 200px !important;
}

.width-350{
  width: 350px !important;
}

.width-260{
  width: 260px !important;
}
.width-380{
  width: 380px !important;
}

.pr-5{
  padding-right: 5rem !important;
}

fieldset{
  border-radius: 5px ;
}

.div-scroll{height: 300px; margin: 0 auto; margin-top: 10px; overflow: auto;}

.modal-xl{
  width: 70% !important;
}

.modal-moyen{
  width: 40% !important;
}

.button-small {
  background-color: var(--brand-secondary);
  color: white;
  border: 0;
  padding: 5px 10px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

table.recap th {
  padding: 5px;
  background-color: #056D9F !important;
  color: white !important;
  border-radius: 2px;
}

.inline-flex{
  display: inline-flex;
}

.width-inherit{
  width: inherit !important;
}

.txt-align-initial{
  text-align: initial;
}

.width-450{
  width: 450px !important;
}

.instruct-button{
  color: white;
  font-size: 11px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  border-radius: 3px !important;
  padding-right: 5px;
  padding-left: 5px;
}

.TDatePicker_default th, .TDatePicker_default td{
  padding : inherit !important;
  background-color: inherit !important;
  color: inherit !important;
}

.underline-none{
  text-decoration: none;
}

.pt-12{
  padding-top: 12px !important;
}

.w-100 {
  width: 100% !important;
}

.aide-complixite-password {
  margin: 15px 0;
  color: #1a5155;
  background: url(../images/picto-info-big.png) no-repeat left 0;
  background-size: 20px 20px;
  text-indent: 25px;
  line-height: 1.6;
}
.modalAjoutAide {
  top:8%;
}

.center-section {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -60%);
}
.p-3 {
  padding: 3rem;
}
.d-flex {
  display: flex !important;
}
.TextBandeauGestionDossier {
  width: 192px;
  height: 10px;
}

.search-form {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 6px;
}

.search-box-custom {
  width: 222px;
  padding: 5px 30px 5px 10px; /* Add padding on the right for icon */
  border: 1px solid #ccc;
  border-radius: 25px;
  font-size: 12px;
  box-sizing: border-box; /* Include padding in the width */
}

.search-icon {
  cursor: pointer;
  position: absolute;
  right: 4px; /* Space from the right edge */
  top: 50%;
  transform: translateY(-50%); /* Center vertically */
  width: 20px; /* Adjust size as needed */
  height: 20px; /* Adjust size as needed */
}
:root {
  --brand-primary:    #004851;
  --brand-secondary:  #DE7C00;
}
#main-content #footer {
  background-image: url(../images/logo-footer.gif);
  background-repeat: no-repeat;
  background-position-x: 3%;
  background-position-y: center;
}
#main-content .middle-login .login-box {
  background: none;
}