/* CSS - 2021-10-28 UNEC/HF - support@unec.fr */

/* GENERAL */
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333}
body {margin:0;background-color:#f7fafc;}

article,aside,details,footer,header,main,menu,nav,section {display: block;}
a {background-color: transparent;text-decoration: none; color:#1d80bf}
a.plus {text-decoration: underline; color:#1d80bf;padding-left:30px; background-image: url('../img/plus.png');background-repeat: no-repeat;}
a:active,a:hover {outline: 0; text-decoration: underline;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
b,strong {font-weight: bold;}
small {font-size: 80%;}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}
img {border: 0;}
hr { height: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
pre {overflow: auto;}
label {margin-top:1px;margin-bottom:8px;display:block;font-weight:bold;}

/* IMAGE */
img {vertical-align: middle;}
.img-responsive {display: block;max-width: 100%;height: auto;}

/* TYPO*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: inherit;font-weight: 500;line-height: 1.3;color: inherit;}
h1,.h1,h3,.h3 {margin-top: 20px;margin-bottom: 0px;}
h2,.h2{margin-top: 0px;margin-bottom: 10px;}
h4,.h4,h5,.h5,h6,.h6 { margin-top: 10px;margin-bottom: 10px;}
h1,.h1 {font-size: 36px;}
h2,.h2 {font-size: 30px;}
h3,.h3 {font-size: 24px;}
h4,.h4 {font-size: 18px;}
h5,.h5 {font-size: 14px;}
h6,.h6 {font-size: 12px;}
p {margin: 0 0 10px;}
small,.small {font-size: 85%;}
h1 span {font-size: 85%;color:#1d80bf;}
h2 span {color:#1e3778;margin-bottom:20px;background-color:#defafb;padding:5px}

fieldset {padding:8px;width:100%;border:1px solid #cccccc;margin:10px;}
legend {font-size:16px;text-transform:uppercase;font-weight:300;letter-spacing:0.075em;padding:8px;}

.titre {font-size:16px;text-transform:uppercase;font-weight:300;position:relative;letter-spacing:0.075em;display:flex;flex-direction:column}
.titre {margin-top:10px; margin-botton:10px;}
.titre:after{content:'';display:inline-block;width:60px;height:0px;border:1px solid;margin:8px 0}

.stats, span.stats {font-size: 13px;line-height: 1.42857143;color: #333}

.trait {border-top:1px solid #cccccc;height:5px}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}

ul,ol {margin-top: 0;margin-bottom: 10px;}
ul ul,ol ul,ul ol,ol ol {margin-bottom: 0;}
.list-inline {padding-left: 0;margin-left: -5px;list-style: none;}
.list-inline > li {display: inline-block;padding-right: 5px;padding-left: 5px;}
address {margin-bottom: 20px;font-style: normal;line-height: 1.42857143;}
pre {display: block;padding: 9.5px; margin: 0 0 10px;font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word;background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;}

/* FORMULAIRES */
 input {padding:8px;border:1px solid #cccccc;margin:5px;background-color:#fff }
 textarea {padding:8px;border:1px solid #cccccc;margin:5px;width:100%}
 input:hover , .form-control input:active{border:1px solid #c9b258;}
 input[type="submit"]{cursor:pointer;border:none;}
 input:read-only {background:#B4DCE1;}
.notice {font-size:70%;}
.form-control input {padding:8px;border:1px solid #cccccc;margin:5px;width:100%}
.form-control input:hover , .form-control input:active{border:1px solid #c9b258;}
.form-control input[type="submit"]{cursor:pointer;border:none;}
.form-control input[type="checkbox"]{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-border-radius: 4px;height: 15px;width: 15px;background:#fff;border: 1px solid #ccc; margin:0px;}
.form-control input[type="checkbox"]:checked {background:#c9b258; margin:0px;position: relative;color:#000; background-image: url('../images/ic_case.png');}
.form-control input[type="file"]{cursor:pointer;background-color:#fff;}
.form-control label {display:block;font-size:10px;text-align:left;margin-bottom:5px;}
.form-control .ligne {margin:10px;}
.form-control select {padding:5px;margin:5px;border:1px solid #cccccc;}
.form-control select:hover {border:1px solid #c9b258;}
.form-control select option:hover {color: #c9b258; box-shadow: inset 20px 20px #00f;}
.form-control button{border:none;vertical-align:middle;height:40px;line-height:30px;padding:0 25px;border-radius:50px;font-size:14px;color:#000;text-decoration:none;
-webkit-transition:all ease .5s;transition:all ease .5s;background:#A0C8B9;color:white;margin:20px;cursor:pointer}
.form-control button:hover  {-webkit-transition-duration: 0.4s;transition-duration: 0.4s;background-color: #E1DCD2;}
.form-control button.sup{border:none;vertical-align:middle;height:20px;line-height:15px;padding:0 5px;border-radius:50px;font-size:14px;color:#FFF;text-decoration:none;
-webkit-transition:all ease .5s;transition:all ease .5s;background:#692846;color:white;margin:5px;cursor:pointer}
.form-control button:hover  {-webkit-transition-duration: 0.4s;transition-duration: 0.4s;background-color: #E1DCD2;}

div.modal-body input{padding:2px;border:1px solid #cccccc;margin:3px;background-color:#fff;width:100%}
div.modal-body label {display:block;font-size:10px;text-align:left;margin-top:5px;}
div.modal-body h1 {font-size:16px;margin-bottom:5px;padding:0px;margin-top:5px}


/* bouton autre */
button{border:none;vertical-align:middle;height:40px;line-height:30px;padding:0 25px;border-radius:50px;font-size:14px;color:#000;text-decoration:none;
-webkit-transition:all ease .5s;transition:all ease .5s;background:#A0C8B9;color:white;margin:20px;cursor:pointer}
button.sup {background:#d97474;}
button:hover  {-webkit-transition-duration: 0.4s;transition-duration: 0.4s;background-color: #E1DCD2;}
/* bouton admin */
button.admin {display: inline-block;background-color: #1d80bf;border-radius: 0px;vertical-align:middle;height:20px;line-height:0px;
border:0px;color: #eeeeee;text-align: center;font-size: 12px;padding: 2px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
cursor: pointer;margin: 0px;}
button.admin:hover {background-color: #dadce0;color:#444444;}

/* STRUCTURE */
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media (min-width: 768px) {.container {width: 750px;}}
@media (min-width: 992px) {.container {width: 970px;}}
@media (min-width: 1200px) {.container {width: 1170px;}}
.container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row {margin-right: -15px;margin-left: -15px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}


@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
  .col-sm-12 {width: 100%;}
  .col-sm-11 {width: 91.66666667%;}
  .col-sm-10 { width: 83.33333333%;}
  .col-sm-9 { width: 75%;}
  .col-sm-8 {width: 66.66666667%;}
  .col-sm-7 {width: 58.33333333%;}
  .col-sm-6 {width: 50%;}
  .col-sm-5 {width: 41.66666667%;}
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 25%;}
  .col-sm-2 {width: 16.66666667%;}
  .col-sm-1 {width: 8.33333333%;}
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%; }
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {Width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}
  
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}
  .col-lg-12 {width: 100%;}
  .col-lg-11 {width: 91.66666667%;}
  .col-lg-10 { width: 83.33333333%;}
  .col-lg-9 {width: 75%;}
  .col-lg-8 {width: 66.66666667%;}
  .col-lg-7 {width: 58.33333333%;}
  .col-lg-6 {width: 50%;}
  .col-lg-5 {width: 41.66666667%;}
  .col-lg-4 {width: 33.33333333%;}
  .col-lg-3 {width: 25%;}
  .col-lg-2 {width: 16.66666667%;}
  .col-lg-1 {width: 8.33333333%;}

}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after{
  clear: both;
}

/**********     BLOCS **********/
/* header */
#header {background-color:#FFF;overflow:hidden;border-bottom:1px solid #E1DCD2;height:80px;padding:0px;margin:0px;}
#header .text {font-size:12px; line-height:15px;color:#fff;}
#header .box-lien {position:absolute; right:5px;bottom:5px;}
#header  a.text-pt {font-size:10px; line-height:10px;color:#fff;background-color:#B4DCE1;padding:3px;}
#header .bienvenue {padding-top:5px}
#header .header-adresse {background-color:#6992C3;height:80px;padding-top:5px}
#header .header-stats {background-color:#1E3778;height:80px;padding-top:5px}
#header .header-stats-text {font-size:12px; line-height:15px;color:#6992C3;text-transform:uppercase;}
#header .deconnect a{padding:30px;}
.header-gestion {border-left:1px solid #cccccc;}
.header-gestion li {list-style:none;padding:1px;}
.header-gestion li a {color:#000;padding:2px}
.header-gestion li a:hover, .header-gestion li a:active {color:#1d80bf;background-color:#f1f1f1;text-decoration:none; }
.header-gestion ul.ul-gestion {padding-top:5px;padding-left:50px;background-image: url('../img/ic_gestion.png');background-repeat: no-repeat;}
.header-gestion ul.ul-administration {padding-top:5px;padding-left:50px;background-image: url('../img/ic_administration.png');background-repeat: no-repeat;}

/* bandeau gauche */
#bandeau-gauche {position: fixed;left:0px;top:0px;width:80px;height:100%;background-color:#FFF;z-index:20;}
#bandeau-gauche .icone {padding-left: 25px;padding-top:15px;margin-bottom:10px}
/* menu */
#volet {width: 250px;padding: 10px;background: #6992C3; color: #fff;margin:0px;}
#volet {position: fixed;top: 0px;left: -250px;  /* test fixed + scroll, on retire la position top */-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;
transition: all .5s ease-in;}
#volet a.ouvrir,#volet a.fermer {width:80px;height:80px;background: #E1DCD2;color: #fff;text-decoration: none;text-align:center;vertical-align:middle;}
#volet a.ouvrir,#volet a.fermer {position: absolute;right: -80px;top: 0px;}
#volet a.fermer {display: none;}
#volet:target {left: 0px;}
#volet:target a.fermer {display: block;}
#volet:target a.ouvrir {display: none;}
#volet_clos:target #volet {left: -250px;}
#volet_clos {position: fixed; top: 80px; left: 0;z-index:1000;}
#volet .volet-text {padding-top:25px;background:#A0C8B9;height:80px;}
a.titre-lien {color:#FFF;}
a:active.titre-lien,a:hover.titre-lien {outline: 0; text-decoration: none;color:#1E3778;}
p.titre-sous {font-size:12px; line-height:14px;}

/* corps de la page */
#corps {padding-left:80px;padding-right:80px;width:100%}
/* requeteur home */
.requeteur input {border:none;}
.requeteur input:focus {outline:  none;}
.requeteur input, .requeteur input:hover {padding:8px;width:80%;border:1px solid #e1dcd2;margin:0px;}
.requeteur::placeholder {color:#666666;font-size: 1.1em;}
.requeteur input[type="submit"]{-webkit-appearance:button;cursor:pointer;border:none;}
.requeteur button{border:none;vertical-align:middle;height:40px;line-height:30px;padding:0 25px;border-radius:50px;font-size:14px;color:#000;text-decoration:none;
-webkit-transition:all ease .5s;transition:all ease .5s;background:#A0C8B9;color:white;margin:20px;cursor:pointer}
.requeteur button:hover  {-webkit-transition-duration: 0.4s;transition-duration: 0.4s;background-color: #E1DCD2;}

/* box home */
.box-accueil {width:100%; border-radius:10px;border: 1px solid #E1DCD2;background-color:#fff; -moz-border-radius: 10px;
    -webkit-border-radius: 10px;padding:10px }
.box-accueil-titre {font-size:16px;font-weight:bold;outline:none;}
a .box-accueil-titre {color:#333;}
a:hover .box-accueil-titre{text-decoration: underline white;}
.box-accueil-text {font-size:12px;font-color:#666666;font-style: italic;}
/* footer */
#footer {position:relative; bottom:0;background-color:#FFF;margin-top:20px;padding-top:5px;width:100%}
#footer ul {list-style:none;}
#footer li {font-size:12px;color:#666666;display:inline;padding-left:15px;padding-right:15px; border-left:1px solid #6992c3;}
#footer li.first {border:none;}
#footer li a {color:#666666;}
#footer li a:hover {color:#6992c3;}
/* tableau de données */
#tableau {width:100%;}
/* sous menu */
#sous-menu {overflow:hidden;margin-top:15px;margin:bottom:15px;}
#sous-menu ul {list-style:none;}
#sous-menu li {display:inline;margin:0px;padding:0px;}
#sous-menu li a {padding:5px 15px 5px 15px;background-color:#A0C8B9;color:#FFF;text-decoration:none;} 
#sous-menu li a:hover {background-color:#E1DCD2;color:#FFF;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;} 
/* sous menu GESTION */
#sous-menu-gestion {overflow:hidden;margin-top:0px;margin:bottom:15px;}
#sous-menu-gestion ul {list-style:none;}
#sous-menu-gestion li {display:inline;margin:0px;padding:0px 0px 0px 5px;}
#sous-menu-gestion li a {padding:5px 15px 5px 15px;background-color:#1E3778;color:#FFF;text-decoration:none;} 
#sous-menu-gestion li a:hover {background-color:#E1DCD2;color:#FFF;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;} 
/*navigation information*/
.warning {margin:10px;padding:10px;border:1px solid #C88796;background-color:#FFF; }
.info {margin:10px;padding:10px;border:1px solid #E1DCD2;background-color:#FFF; }

/**********   TABLEAUX  **********/
table {background-color: transparent;}
caption {padding-top: 8px;padding-bottom: 8px;color: #777777;text-align: left;}
th {text-align: left;}
.table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table> tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #dddddd;}

.table > thead > tr > th {vertical-align: bottom;border-bottom: 2px solid #dddddd;}
.table> caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {border-top: 0;}

.table > tbody + tbody {border-top: 2px solid #dddddd;}
.table {background-color: #ffffff;}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {padding: 5px;}

.table-bordered {border: 1px solid #dddddd;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {border: 1px solid #dddddd;}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { border-bottom-width: 2px;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table-hover > tbody > tr:hover {background-color: #f5f5f5;}
table, table2 col[class*="col-"] {position: static;float: none;display: table-column;}
table,table2 td[class*="col-"],
table,table2 th[class*="col-"] {position: static;float: none;display: table-cell;}
.table,.table2 > thead > tr > td.active,
.table,.table2 > tbody > tr > td.active,
.table,.table2 > tfoot > tr > td.active,
.table,.table2 > thead > tr > th.active,
.table,.table2 > tbody > tr > th.active,
.table,.table2 > tfoot > tr > th.active,
.table,.table2 > thead > tr.active > td,
.table,.table2 > tbody > tr.active > td,
.table,.table2 > tfoot > tr.active > td,
.table,.table2 > thead > tr.active > th,
.table,.table2 > tbody > tr.active > th,
.table > tfoot > tr.active > th {background-color: #f5f5f5;}

.table-responsive { overflow-x: auto;min-height: 0.01%;}

@media screen and (max-width: 767px) {
  .table-responsive {width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #dddddd;}
  .table-responsive > .table {margin-bottom: 0;}
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {border: 0;}
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}


/* PRINT */
@media print {
  *,
  *:before,
  *:after {color: #000 !important;text-shadow: none !important;background: transparent !important;-webkit-box-shadow: none !important; box-shadow: none !important;}
  a,a:visited { text-decoration: underline;}
  tr,img {page-break-inside: avoid;}
  img { max-width: 100% !important;}
  p,h2,h3 {orphans: 3;widows: 3;}
  h2,h3 {page-break-after: avoid;}
  .btn > .caret,
  .label { border: 1px solid #000;}
  .table { border-collapse: collapse !important;}
  .table td,.table th {background-color: #fff !important;}
  .table-bordered th,.table-bordered td {border: 1px solid #ddd !important;}
   html {background: #fff}
   body {font-family: 'Open Sans', sans-serif; color: #000;margin:0px;padding:0px;}
   #footer {display: none;}
   .img-responsive {width:75px;}
  #content-bottom {display: none;}
  #pieces {display: none;}
  #header {display: none;}
  #footer {display: none;}
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}