html,body {margin:0; padding:0; cursor:default; width:100%;}
body {font-family: museosans_500,Arial,sans-serif; font-size:15px; color:#111; background:#fff;}

.center {text-align:center;}
.left {float:left;}
.right {float:right;}
.cls {clear:both;}
.story {margin:auto; width:calc(100% - 30px); max-width:1400px;}
.story::after {clear:both;}
.space {padding:15px 0;}
.yes, .yesinline {display:none;}

#top {width:100%; position:fixed; top:0; height:80px; z-index:90; font-size:0; background:#000; padding:10px 0;}
.logo {display:inline-block; vertical-align:middle; width:200px;}
.slo {display:inline-block; vertical-align:middle; width:calc(100% - 200px); font-size:30px; text-align:right;}
#main {position:relative; margin-top:100px; width:100%;}
#calendrier {width:100%; text-align:center; font-size:0; background:url('/ima/bck.jpg') center center; background-size:cover; padding:40px 0;}
.cell {display:inline-block; vertical-align:middle; min-width:200px; font-size:16px;}
.cell a:link, .cell a:visited, .cell a:hover, .blanc {color:#fff;}
h2 {margin:0; padding:0; font-size:30px;}
#calendrier_table {border:0; border-spacing:4px; border-collapse: separate;}
#calendrier_table td {width:40px; height:28px; border-radius:2px;}
.false {background-color: rgba(0, 0, 0, 0.2); color:#aaa;}
.emp {background:#e5e5e5;}
.true {background:#24a8e8; cursor:pointer; transition:0.2s; color:#fff;}
.true:hover, .fonce {background:#1276a6 !important;}
.idk {cursor:pointer;}
#selplanning {position:relative; width:100%; background:#000; color:#fff; font-size:16px; padding:10px 0;}
.selectri {color:#000; border:0; background:#fff; font-family:museosans_500,Arial,sans-serif; font-size:16px; padding:6px; margin-right:5px; border-radius:2px;}
.ligne {display:block; margin:20px 0; position:relative; font-size:0; padding:5px 10px; background:url('/ima/bckligne.jpg'); border-radius:2px;}
.calend {min-width:80px; height:70px; font-size:14px; background:#24a8e8; text-align:center; color:#fff; padding:10px; display:inline-block; vertical-align:top; margin:5px 10px 5px 0; border-radius:2px;}
.num {font-size:40px; line-height:35px;}
.num2 {font-size:30px; line-height:25px;}

.case {display:inline-block; min-width:184px; min-height:70px; background:#ddd; margin:5px 10px 5px 0; border-radius:2px; padding:10px; color:#fff; font-size:14px; cursor:pointer;}
.tooltip_templates {display:none;}
.area {font-style:italic; margin:5px 0; text-align:justify;}
.info {display:block; margin:20px 0;}

#boncado {margin:auto; width:calc(100% - 30px); max-width:1400px; font-size:0; background:url('/ima/bckligne.jpg'); padding:5px 0; margin-bottom:10px;}
.bcado { font-size:15px; display: inline-block; vertical-align: top; margin:5px 10px 5px 0; border-radius: 4px; background: #fff; width: 186px; padding: 10px; text-align: center; color: #333333;}

#bas {background:#000; color:#fff; font-size:14px; padding:20px 0;}

.pan0 {width:100%; background:#222; color:#fff; font-size:18px; border-radius:2px; border:0;}
.pan, .pan2 {border:1px solid #ddd; width:100%; background:url('/ima/bckligne.jpg'); border-spacing:0; border-radius:2px; padding:0;}
.pan {margin-top:20px;}
.pan0 td, .pan td, .pan2 td {padding:6px;}
.pan .pcps {color:#fff; background:#999;}
.pan .pcp {background-color: rgba(255,255,255,0.8); color:#222;}
.pan .total {background-color: rgba(255,255,255,0.8); color:#222; font-size:16px;}
.montant {font-size:28px; margin:5px 0; font-weight:bold;}

/*CAL*/
.fc-event-container a {color:#fff !important;}
.fc-toolbar { text-transform: capitalize; }
.fc-time {font-size:10px;}
.fc-title {font-size:13px;}
.fc-event {border-radius:0;}
.fc-day-grid-event .fc-content {white-space:normal;}
.fc-head a {color:#111;}
.fc-table {font-size:0.9em;}

/*FORM*/
.text, .select {font-family: museosans_500,Arial,sans-serif; font-size: 15px; border:1px solid #ddd; padding:4px; border-radius: 2px; margin-bottom:2px; background:#fff;}
.text {width:calc(100% - 8px);}
.mitext {width:60px !important;}
.vert {font-family: museosans_500,Arial,sans-serif; font-size: 16px; color: #fff; border:0; background-color: #48ca00; font-weight: Bold; padding:4px; cursor:pointer; border-radius:2px; text-decoration:none;}
.rouge {font-family: museosans_500,Arial,sans-serif; font-size: 16px; color: #fff; border:0; background-color: #d1333a; font-weight: Bold; padding:4px; cursor:pointer; border-radius:2px;}
.bleu {font-family: museosans_500,Arial,sans-serif; font-size: 16px; color: #fff; border:0; background-color: #0063f0; font-weight: Bold; padding:4px; cursor:pointer; border-radius:2px;}
.submit {font-family: museosans_500,Arial,sans-serif; font-size: 18px; border:0; padding:4px 8px; font-weight:bold; border-radius: 2px; color:#fff; display:block; width:100%; text-align:center; margin-top:5px; cursor:pointer;}
.vert a, .bleu a, .rouge a {text-decoration:none;}

.bigtext, .bigselect, .bigtextarea, .bigcomment {font-family: museosans_500,Arial,sans-serif; color:#111; border:1px solid #ddd; font-size:16px; margin:2px; padding:6px; border-radius:2px; transition: 0.3s all ease; background:#fff; outline:none;}
.bigtext {width:calc(100% - 16px); text-transform: uppercase;}
.bigcomment {width:calc(100% - 16px); height:40px;}
.bigtextarea {width:calc(100% - 16px); height:80px; margin-bottom:4px; font-size:13px;}
textarea[disabled] {background-color:#FFF !important;}
.bigtext:hover, .bigcheck:hover {box-shadow:0px 0px 5px 2px #24a8e8;border:1px solid #fff;}
.bigsubmit {background-color: #48ca00;font-family: museosans_500,Arial,sans-serif; font-size: 18px; border:0; padding:4px 8px; font-weight:bold; border-radius: 2px; color:#fff; display:block; width:100%; text-align:center; margin:5px 0; cursor:pointer;}
.code {text-transform:none;}
.r {box-shadow:0px 0px 2px 2px #e40006; -webkit-box-shadow:0px 0px 2px 2px #e40006; border:1px solid #e40006;}
.erreur {display:inline-block; border:0; background:#e40006; color:#fff; padding:5px; font-size:16px; border-radius:2px;}
input[type="submit"] {-webkit-appearance:none;}

.ac_results {position:relative; font-size:15px; margin-top:5px; border-radius:4px; border:1px solid #24a8e8; background:#eeeeee; z-index: 15000!important; min-height:100px;}
.ac_results ul {list-style-position:outside; list-style:none; padding:0; margin:0;}
.ac_results li {margin:0px; padding: 5px; cursor:default; display:block; overflow:hidden;}
.ac_loading {background: white url('highslide/graphics/loader.white.gif') right center no-repeat;}
.ac_odd {background-color: #fff;}
.ac_over {background-color: #24a8e8; color:#fff;}

/*ADMIN*/
#nav {font-size:0; padding:5px;}
.menu {padding:4px 6px; display:inline-block; font-size:16px; color:#fff; margin:10px 5px 0 0; background:#2c3e50; border-radius:2px; transition:0.2s;}
.menu:hover {background:#405a74;}
.menu.rouge {background:#d1333a;}
.t {padding:7px; width:100%; border-collapse:unset; border-spacing:unset;}
.t2 {border-collapse:collapse; border:1px solid #eee; width:100%;}
.t2 tr { border:1px solid #eee;}
.t2 td {padding:4px;}
.thead0 {background:#ccc;}
.thead {background:#eee;}
#fix {position:fixed; width:100%; z-index:99; color:#fff; background:#2C3E50; display:block; padding:10px; font-size:16px; font-weight:bold;line-height:22px;}
iframe {overflow: hidden;}
.t a {color:#000;}
a {outline:none; color:#fff;text-decoration:none;}
a.black, a.black:hover, a.black:visited {color:#000;}
.paiement {display:inline-block; vertical-align:top; margin:0 20px 20px 0; border-radius:2px; background:#222; width:200px; padding:10px; text-align:center; color:#fff;}
.maree {position:relative; margin-left:20px; overflow:hidden;}
.morpho {width:100px;}
.firstd {width:200px;}

@font-face {
    font-family: 'museosans_500';
    src: url('/fonts/museosans_500.woff2') format('woff2'),
        url('/fonts/museosans_500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@media screen and (max-width: 1420px)
  {
  .bigtext {width:auto;}
  .bigselect {width:100px;}
  }
@media screen and (max-width: 900px)
  {
  #top {position:relative; text-align:center;}
  #main {margin:0;}
  td {width:auto;}
  .logo {width:100%;}
  .slo, .no {width:0; display:none !important;}
  #calendrier {padding:20px 0;}
  .cell {margin-bottom:10px; display:block;}
  .cell img, .paiement img {height:30px;}
  #calendrier_table {width:100%;}
  .selectri {width:100%; margin:5px 0; font-size:18px;}
  .ligne {text-align:center;}
  .calend, .case {display:block;width: calc(100% - 20px);margin:5px 0;}
  .pan0, .pcps {display:none;}
  .pan {margin:0;}
  .pan td {padding:6px 10px; display:block; width:calc(100% - 20px); font-size:18px;}
  .pan td.no {padding:0; font-size:0;}
  .yes {display:block;}
  .yesinline {display:inline-block;}
  .bigtext, .code, .bigselect {-webkit-appearance: none; font-size:18px; width:calc(100% - 2px); box-sizing: border-box;}
  .right {float:none; margin-top:20px;}
  .total {font-size:18px; text-align:center;}
  .paiement {display:block; width:calc(100% - 20px); font-size:18px;}
  .bigsubmit {padding:12px;}

  .admin {padding:0;}
  .menu {margin:1px; font-size:13px;}
  .t {padding:5px;}
  .block {width:100%; display:block; margin-bottom:20px;}
  .fc-button {font-size:8px;}
  .fc-toolbar, .fc-left, .fc-center, .fc-right {display:block !important;}
  .fc table {font-size:10px !important;}
  .maree {margin:0; display:none;}
  .t2 td {width:100%;}
  .t2 .text {width:calc(100% - 8px) !important;}
  .admin .t2 td {width:auto; font-size:13px; padding:2px;}
  .firstd {width:100px !important;}
  .morpho {max-width:50px !important;}
  .cke_editor_area {width:200px !important;}
  .bcado {width:calc(100% - 40px);}
  }