/*
Project: Cocktail Vision
Author: Julien S.
Date : 25/08/2015
*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

html {
    font-size: 100%
}

img {
    height: auto;
    vertical-align: middle
}

blockquote, figure {
    margin: 0
}

address, cite, em {
    font-style: italic
}

small, sub, sup {
    font-size: smaller
}

body>script {
    display: none !important
}

h2 a:focus, h2 a:hover, h2 a:visited:focus, h2 a:visited:hover, h3 a:focus, h3 a:hover, h3 a:visited:focus, h3 a:visited:hover {
    color: inherit !important;
    border: none !important;
    background: 0 0 !important
}

blockquote:first-child:not(.no-first), dl:first-child:not(.no-first), h1:first-child:not(.no-first), h2:first-child:not(.no-first), h3:first-child:not(.no-first), ol:first-child:not(.no-first), p:first-child:not(.no-first), ul:first-child:not(.no-first) {
    margin-top: 0
}

li div, li ol, li p, li ul {
    margin-bottom: 0;
    margin-top: 0
}

li li {
    font-size: 1em !important
}

a img {
    border: 0
}

blockquote, img, input, svg, table, td, textarea, video {
    max-width: 100%
}

button, input, label, select {
    font-family: inherit;
    font-size: inherit
}

legend {
    white-space: normal
}

textarea {
    font-family: inherit;
    font-size: inherit;
    resize: vertical
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

button:focus, input[type=button]:focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mw {
    width: 80em;
    margin-left: auto;
    margin-right: auto
}

.block {
    display: block
}

.table, .table-child-cell, .table-child-row {
    display: table;
    width: 100%
}

.table-fixed {
    table-layout: fixed
}

.row, .table-child-row>* {
    display: table-row
}

.cell, .table-child-cell>*, .table-child-row>*>* {
    display: table-cell
}

.inbl {
    display: inline-block
}

.valign-t {
    vertical-align: top
}

.valign-bo {
    vertical-align: bottom
}

.valign-ba {
    vertical-align: baseline
}

.valign-m {
    vertical-align: middle
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.block-center {
    margin-left: auto;
    margin-right: auto
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.center {
    text-align: center
}

.justify {
    text-align: justify
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    clip: rect(1px 1px 1px 1px) !important;
    clip: rect(1px, 1px, 1px, 1px) !important
}

.reset-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.reset-list li {
    list-style-image: none
}

.reset-btn {
    border: none;
    padding: 0;
    border-radius: 0;
    background: 0 0
}

.clear {
    clear: both
}

.clear:after {
    content: "";
    display: block;
    clear: both
}

.ma0 {
    margin: 0
}

.mv0 {
    margin-bottom: 0;
    margin-top: 0
}

.mh0 {
    margin-left: 0;
    margin-right: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.pa0 {
    padding: 0
}

.pv0 {
    padding-bottom: 0;
    padding-top: 0
}

.ph0 {
    padding-left: 0;
    padding-right: 0
}

.pt0 {
    padding-top: 0
}

.pr0 {
    padding-right: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.w5 {
    width: 5%
}

.w10 {
    width: 10%
}

.w15 {
    width: 15%
}

.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.w33 {
    width: 33.333%
}

.w35 {
    width: 35%
}

.w40 {
    width: 40%
}

.w45 {
    width: 45%
}

.w50 {
    width: 50%
}

.w55 {
    width: 55%
}

.w60 {
    width: 60%
}

.w65 {
    width: 65%
}

.w66 {
    width: 66.666%
}

.w70 {
    width: 70%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

.w85 {
    width: 85%
}

.w90 {
    width: 90%
}

.w95 {
    width: 95%
}

.w100 {
    width: 100%
}

.wauto {
    width: auto
}

.smaller {
    font-size: .75em
}

.small {
    font-size: .875em
}

.big {
    font-size: 1.125em
}

.bigger {
    font-size: 1.25em
}

.biggest {
    font-size: 1.375em
}

.cesure {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

body {
    background-color: #f0f0f0;
    color: #09173f;
    font-family: Cabin, Arial, Roboto, sans-serif;
    font-size: 1em;
    line-height: 1.4
}

ol, ul {
    padding-left: 1.25em
}

a {
    color: #2090ca;
    text-decoration: none
}

a:visited {
    color: #2090ca;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

a:active {
    color: #004d75;
    border-bottom: none
}

blockquote, caption, details, dl, hgroup, ol, p, table, td, th, ul {
    font-size: 1em;
    line-height: 1.4;
    margin-top: .938em;
    margin-bottom: 0
}

.h1-like, .h2-like, .h3-like, .h4-like, .h5-like, .h6-like, h1, h2, h3, h4, h5, h6 {
    font-family: Cabin, Arial, Roboto, sans-serif;
    font-weight: 400
}

.h1-like, h1 {
    font-size: 1.625em;
    color: #09173f;
    line-height: 1.4
}

.h2-like, h2 {
    font-size: 1.375em;
    color: #09173f;
    line-height: 1.4
}

.h3-like, h3 {
    font-size: 1.125em;
    color: #09173f;
    line-height: 1.4
}

.h4-like, h4 {
    font-size: 1em;
    color: #09173f;
    line-height: 1.4
}

.h5-like, h5 {
    font-size: .875em;
    color: #09173f;
    line-height: 1.4
}

.h6-like, h6 {
    font-size: .75em;
    color: #09173f;
    line-height: 1.4
}

button, input, optgroup, select, textarea {
    color: #09173f
}

fieldset, form {
    border: none
}

button, input, label, select {
    vertical-align: baseline
}

legend {
    border: 0
}

textarea {
    vertical-align: top
}

label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #09173f
}

::-moz-placeholder {
    color: #09173f
}

:-ms-input-placeholder {
    color: #09173f
}

.alert-cookie {
    -webkit-transition: none;
    transition: none;
    overflow: hidden;
    text-align: center;
    background-color: #000;
    background-color: rgba(0, 0, 0, .85);
    color: #fff;
    max-height: 6.25em;
    -webkit-animation: cookie-anim 1s ease-in;
    animation: cookie-anim 1s ease-in;
    padding: .625em;
    margin: 0 0 .625em 0
}

.alert-cookie.is-hidden {
    -webkit-animation: none;
    animation: none;
    max-height: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.alert-cookie--link, .alert-cookie--link:visited {
    display: inline-block;
    color: #fff
}

.alert-cookie--btn {
    background-color: #fff;
    padding: .188em .625em .188em .625em;
    margin-left: .625em
}

.msg_success {
    color: #259e00
}

.msg_success.msg_block {
    background-color: #259e00
}

.msg_error {
    color: #d81501
}

.msg_error.msg_block {
    background-color: #d81501
}

.msg_block {
    display: block;
    color: #fff;
    padding: .625em;
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.msg_block a, .msg_block a:visited {
    color: #fff
}

.skip-nav {
    position: absolute;
    padding: 0;
    list-style: none;
    z-index: 9999
}

.skip-nav a {
    position: absolute;
    left: -666em;
    padding: .625em;
    background: #000;
    color: #fff;
    text-decoration: none
}

.h1-like, h1 {
    text-transform: uppercase;
    font-size: 1.563em
}

.h2-like, h2 {
    font-weight: 400
}

.title {
    float: left;
    margin: 0
}

.btn-add, .btn-add:visited {
    font-size: 1.125em;
    background-color: #871f82;
    color: #fff;
    padding: .278em 1.389em .278em 1.389em;
    margin-right: .313em;
    border : none;
}

.btn-add:focus, .btn-add:hover, .btn-add:visited:focus, .btn-add:visited:hover {
    background-color: #ea560d;
    color: #fff;
    border: none
}
.btn-filter, .btn-filter:visited{
    font-size: 1.125em;
    background-color: #871f82;
    color: #fff;
    padding: 0.150em 0.9em 0.150em 0.9em;
    margin-right: .313em;
    border : none;
}
.btn-filter:hover, .btn-filter:focus, .btn-filter:visited:hover, .btn-filter:visited:focus{
    background-color: #ea560d;
    color: #fff;
    border: none
}

.cadre {
    background-color: #fff;
    padding: 1.563em;
    box-shadow: 0 0 .25em rgba(0, 0, 0, .2)
}

.cadre_no-padding {
    padding: 0
}

.pl5 {
    padding-left: .313em
}

.pr5 {
    padding-right: .313em
}

.pt5 {
    padding-top: .313em
}

.pb5 {
    padding-bottom: .313em
}

.pl10 {
    padding-left: .625em
}

.pr10 {
    padding-right: .625em
}

.pt10 {
    padding-top: .625em
}

.pb10 {
    padding-bottom: .625em
}

.ml5 {
    margin-left: .313em
}

.mr5 {
    margin-right: .313em
}

.mt5 {
    margin-top: .313em
}

.mb5 {
    margin-bottom: .313em
}

.ml10 {
    margin-left: .625em
}

.mr10 {
    margin-right: .625em
}

.mt10 {
    margin-top: .625em
}

.mb10 {
    margin-bottom: .625em
}

.ml20 {
    margin-left: 1.25em
}

.mr20 {
    margin-right: 1.25em
}

.mt20 {
    margin-top: 1.25em
}

.mb20 {
    margin-bottom: 1.25em
}

.modify {
    display: none
}

.error {
    color: red
}

.calTab td {
    padding: 5px;
    width: 45px
}

.calTab .thGr.thGrPa td {
    width: auto
}

.calTab thead td {
    text-align: center
}

.calTab tbody td {
    cursor: pointer
}

.calTab tr.sorting-row {
    opacity: .3
}

.thGr {
    font-size: 1.25em;
    text-transform: uppercase
}

.thPa {
    font-size: 1.125em;
    color: #0077bc
}

.thPa span {
    padding-left: 20px
}

tbody .thGr:after {
    background: #1b1f3c none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

tbody .thGr {
    display: block;
    min-width: 450px;
    position: relative
}

tbody>tr td {
    word-wrap: break-word;
    max-width: 200px
}

thead {
    cursor: default
}

thead .thCo, thead .thGr, thead .thPa {
    width: 0 !important;
    padding: 0
}

.thPa.thGrPa {
    background-color: #e6e7eb;
}
tr.thPa.thGrPa {
    background-color: #871f82;
}
tr.thPa.thGrPa a {
    color: #ffffff;
}
/*
.thPa.thGrPa.panneaux_pair {
    background-color: #ced1da
}*/

.ligneCo span:first-child {
    margin-left: 60px;
    position: relative
}

.ligne_pair {
    background-color: #f4f4f4
}

.commande {
    border: solid thin #aaa;
    width: 100px;
    height: 50px
}

.liste td {
    border: solid thin #aaa;
    width: 20px
}

.diffusion {
    background: #9c0
}

.reservation {
    background: #5890AD;
}

.commande_sur_resa {
    background-image:linear-gradient(to bottom right, #5890AD 48%, #9c0 51%);
}
/*.commande_sur_resa {
    background-image:linear-gradient(-35deg, #9c0 45%, #5890AD 51%);
}*/

.supervisionpanneaux {
    background-color: #09173f
}

.supervisionpanneaux ul.thGr:nth-child(even) {
    float: left;
    width: 45%;
    padding: 0 2%
}

.supervisionpanneaux ul.thGr:nth-child(odd) {
    float: right;
    width: 49%;
    padding: 0 2%;
    clear: both
}

.supervisionpanneaux ul.thGr li {
    font-size: 20px
}

.supervisionpanneaux ul.thGr .thPa.thGrPa {
    padding-left: 20px;
    color: #2090ca;
    font-size: 16px
}

.supervisionpanneaux li {
    list-style-type: none
}

.vlc.green{
    color: #9c0;
    border: solid thin;
    display: inline-block;
    background: #fff;
}
.vlc.red{
    color: red;
    border: solid thin;
    display: inline-block;
    background: #fff;
}

.label-like, label {
    font-size: 1.125em;
    color: #09173f;
    line-height: 1.2
}

.input-default, .textarea-default {
    border: none;
    margin-top: .313em;
    background-color: #ebebeb;
    color: #565656;
    border: 1px solid #ebebeb;
    width: 100%;
    padding: .625em 1.25em .625em 1.25em;
    border-radius: 1.25em
}

.input-default:focus, .textarea-default:focus {
    border-color: #871f82;
    outline: 0
}

.submit-default {
    border: none;
    margin-top: .313em;
    font-size: 1.125em;
    background-color: #871f82;
    color: #fff;
    text-transform: uppercase;
    padding: .278em 2.222em .278em 2.222em
}

.submit-default:focus, .submit-default:hover {
    background-color: #ea560d
}

.submit-blue {
    border: none;
    background-color: #09173f;
    color: #fff;
    padding: .313em .625em .313em .625em
}

.submit-blue:focus, .submit-blue:hover {
    background-color: #ea560d
}

.submit-blue.pushed {
    background-color: #0077bc
}

.submit-purple {
    font-size: 1.125em;
    border: none;
    background-color: #871f82;
    color: #fff;
    padding: .278em 1.111em .278em 1.111em;
    text-transform: uppercase
}

.submit-purple:focus, .submit-purple:hover {
    background-color: #ea560d
}

.select-container {
    display: inline-block;
    vertical-align: middle;
    border-radius: 1.25em;
    overflow: hidden;
    border: 1px solid #ebebeb;
    padding-right: 1.25em;
    margin-top: .313em;
    background-color: #ebebeb;
    background-position: right center;
    background-repeat: no-repeat;
}

.select-container.is-active {
    border-color: #871f82;
    outline: 0;
}

.select-container select {
    border: none;
    background-color: transparent;
    color: #565656;
    padding: .625em 0 .625em 1.25em;
    width: 106%;
    min-width: 5em;
}

.select-container select:focus {
    outline: 0
}

.select-container_small {
    margin-top: 0
}

.select-container_small select {
    padding-top: .313em;
    padding-bottom: .313em
}

.select_multi {
    border: none;
    background-color: #ebebeb;
    margin-top: .313em;
    padding: .625em 1.25em .625em 1.25em;
    border-radius: 1.25em;
    min-width: 100%
}

.table_modal--col .select_multi {
    width: 15.625em
}

.login-form {
    max-width: 31.25em;
    margin-top: 3.125em;
    margin-left: auto;
    margin-right: auto
}

body {
    overflow-x: auto
}

.header {
    background-color: #09173f;
    border-bottom: .625em solid #fff;
    width: 100%;
    display: table
}

.header-inner {
    display: table;
    table-layout: fixed;
    position: relative
}

.logo, .logo:visited {
    display: table-cell;
    vertical-align: middle;
    border: none;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    width: 14.063em
}

.user-logout, .user-logout:visited {
    position: absolute;
    top: 1.25em;
    right: 0;
    color: #09173f;
    background-color: #fff;
    height: 1.875em;
    padding: 0 2.5em 0 .625em;
    line-height: 1.875em;
    border-radius: .938em
}

.user-logout:after, .user-logout:visited:after {
    content: "";
    position: absolute;
    right: .625em;
    top: 50%;
    height: 1.25em;
    width: 1.25em;
    margin-top: -.625em;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyMCA0MCI+PHBhdGggZmlsbD0iIzFCMUYzQyIgZD0iTTExLjEgMUM4IDEgNS41IDMuNSA1LjUgNi42aDIuMmMwLTEuOSAxLjUtMy40IDMuNC0zLjRzMy40IDEuNSAzLjQgMy40djEuMUgzLjN2Ny45YzAgMS45IDEuNSAzLjQgMy40IDMuNGg2LjdjMS45IDAgMy40LTEuNSAzLjQtMy40di05YzAtMy4xLTIuNi01LjYtNS43LTUuNnpNMTAgMTQuNWMtLjYgMC0xLjEtLjUtMS4xLTEuMXMuNS0xLjEgMS4xLTEuMWMuNiAwIDEuMS41IDEuMSAxLjFzLS41IDEuMS0xLjEgMS4xeiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMS4xIDIxYy0zLjEgMC01LjYgMi41LTUuNiA1LjZoMi4yYzAtMS45IDEuNS0zLjQgMy40LTMuNHMzLjQgMS41IDMuNCAzLjR2MS4xSDMuM3Y3LjljMCAxLjkgMS41IDMuNCAzLjQgMy40aDYuN2MxLjkgMCAzLjQtMS41IDMuNC0zLjR2LTljMC0zLjEtMi42LTUuNi01LjctNS42ek0xMCAzNC41Yy0uNiAwLTEuMS0uNS0xLjEtMS4xcy41LTEuMSAxLjEtMS4xYy42IDAgMS4xLjUgMS4xIDEuMXMtLjUgMS4xLTEuMSAxLjF6Ii8+PC9zdmc+) center top no-repeat
}

.user-logout:focus, .user-logout:hover, .user-logout:visited:focus, .user-logout:visited:hover {
    background-color: #ea560d;
    border: none;
    color: #fff
}

.user-logout:focus:after, .user-logout:hover:after, .user-logout:visited:focus:after, .user-logout:visited:hover:after {
    background-position: center bottom
}

.primary-nav {
    display: table-cell;
    vertical-align: bottom;
    text-align: right
}

.nav--level1-item {
    display: inline-block;
    margin-left: .625em
}

.nav--level1-link, .nav--level1-link:visited {
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: .625em .625em .625em .625em;
    border-bottom-width: .625em;
    border-bottom-style: solid
}

.nav--level1-item:nth-child(1) .nav--level1-link, .nav--level1-item:nth-child(1) .nav--level1-link:visited {
    border-bottom-color: #09b1b6
}

.nav--level1-item:nth-child(2) .nav--level1-link, .nav--level1-item:nth-child(2) .nav--level1-link:visited {
    border-bottom-color: #e30a53
}

.nav--level1-item:nth-child(3) .nav--level1-link, .nav--level1-item:nth-child(3) .nav--level1-link:visited {
    border-bottom-color: #0077bc
}

.nav--level1-item:nth-child(4) .nav--level1-link, .nav--level1-item:nth-child(4) .nav--level1-link:visited {
    border-bottom-color: #ea560d
}

.nav--level1-item:nth-child(5) .nav--level1-link, .nav--level1-item:nth-child(5) .nav--level1-link:visited {
    border-bottom-color: #871f82
}

.nav--level1-item:nth-child(6) .nav--level1-link, .nav--level1-item:nth-child(6) .nav--level1-link:visited {
    border-bottom-color: #f19051
}

.nav--level1-link:focus, .nav--level1-link:hover, .nav--level1-link:visited:focus, .nav--level1-link:visited:hover {
    border-bottom-width: .625em;
    background-color: #093052;
    color: #fff
}

.main {
    padding-top: 1.875em;
    padding-bottom: 1.875em
}

.main--header {
    display: table;
    width: 100%;
    table-layout: fixed
}

.main--header>* {
    display: table-cell;
    vertical-align: middle
}

.main--content {
    margin-top: 1.875em
}

.main--insert-container {
    display: block;
    text-align: right
}

.main--content.supervision {
    display: none
}

.supervision-filter {
    display: table;
    width: 100%;
    table-layout: fixed
}

.supervision-filter--item {
    display: table-cell
}

.supervision-filter--label {
    display: inline-block;
    width: auto;
    position: relative
}

.supervision-filter--input {
    margin-top: 0;
    width: 10em;
    padding: .313em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0iIzFCMUYzQyI+PHBhdGggZD0iTTE3LjUgMi43aC0yLjRWMS42YzAtLjMtLjMtLjYtLjYtLjZzLS42LjMtLjYuNnYxLjFoLTMuNFYxLjZjLjEtLjMtLjItLjYtLjUtLjZzLS42LjMtLjYuNnYxLjFINi4xVjEuNmMwLS4zLS4zLS42LS42LS42cy0uNi4zLS42LjZ2MS4xSDIuNWMtLjggMC0xLjUuNy0xLjUgMS41djEzLjNjMCAuOC43IDEuNSAxLjUgMS41aDE1Yy44IDAgMS41LS43IDEuNS0xLjVWNC4yYzAtLjgtLjctMS41LTEuNS0xLjV6bS40IDE0LjhjMCAuMi0uMi40LS40LjRoLTE1Yy0uMiAwLS40LS4yLS40LS40VjQuMmMwLS4yLjItLjQuNC0uNGgyLjR2MS4xYzAgLjMuMy42LjYuNnMuNi0uMy42LS42VjMuOGgzLjR2MS4xYzAgLjMuMy42LjYuNnMuNi0uMy42LS42VjMuOGgzLjR2MS4xYzAgLjMuMy42LjYuNnMuNi0uMy42LS42VjMuOGgyLjRjLjIgMCAuNC4yLjQuNHYxMy4zeiIvPjxwYXRoIGQ9Ik00LjkgNy43aDIuM3YxLjdINC45ek00LjkgMTAuNmgyLjN2MS43SDQuOXpNNC45IDEzLjRoMi4zdjEuN0g0Ljl6TTguOSAxMy40aDIuM3YxLjdIOC45ek04LjkgMTAuNmgyLjN2MS43SDguOXpNOC45IDcuN2gyLjN2MS43SDguOXpNMTIuOCAxMy40SDE1djEuN2gtMi4yek0xMi44IDEwLjZIMTV2MS43aC0yLjJ6TTEyLjggNy43SDE1djEuN2gtMi4yeiIvPjwvZz48L3N2Zz4=);
    background-position: 90% center;
    background-repeat: no-repeat
}
.week_num{
    width: 5em;
}

.supervision-filter .block_select-container {
    height: 1.25em
}

.supervision-filter--item .select-container {
    width: 16.563em;
    z-index: 1;
    position: absolute;
    display: none
}

.supervision-filter--item .select-container button {
    position: absolute;
    right: 10px
}

.supervision-filter--item .select-container select {
    height: 0;
    width: 105%
}

.supervision-filter--item .select-container.active {
    display: inline-block
}

.supervision-filter--item .select-container.active select {
    height: 400px
}

.dataTable.super_table {
    display: -moz-box;
    display: -webkit-box;
    display: -o-box;
    display: -ms-box
}

.super_table tbody>tr td {
    max-width: 445px
}

.btn_supervision-filter {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjk3IDM4OSAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjk3IDM4OSAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUIxRjNDIiBkPSJNLTI3NywzOTljMC01LjUtNC41LTEwLTEwLTEwcy0xMCw0LjUtMTAsMTBzNC41LDEwLDEwLDEwUy0yNzcsNDA0LjUtMjc3LDM5OXogTS0yOTUuMSwzOTkNCgljMC00LjUsMy42LTguMSw4LjEtOC4xczguMSwzLjYsOC4xLDguMXMtMy42LDguMS04LjEsOC4xUy0yOTUuMSw0MDMuNS0yOTUuMSwzOTl6Ii8+DQo8cGF0aCBmaWxsPSIjMUIxRjNDIiBkPSJNLTI5MC44LDM5NS45bC0xLjgsMS44bDUuNiw1LjZsNS42LTUuNmwtMS44LTEuOGwtMy44LDMuOEwtMjkwLjgsMzk1Ljl6Ii8+DQo8L3N2Zz4NCg==);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right 0;
    padding-right: 30px;
    padding-left: 0;
    font-size: 16px;
    border: 0 none;
    background-size: 20px 20px
}

.supervision-filter+.dataTables_wrapper {
    overflow-x: scroll
}

.closeGr, .closePa {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjk1IDM3NyAyMCAzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjk1IDM3NyAyMCAzMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUIxRjNDIiBkPSJNLTI4Mi45LDM5My41bC0xMS4yLDExLjJjLTEuMywxLjMtMS4zLDMuMywwLDQuNGMxLjMsMS4zLDMuMywxLjMsNC42LDBsMTMuNC0xMy40YzEuMy0xLjMsMS4zLTMuMywwLTQuNA0KCWwtMTMuNC0xMy40Yy0xLjMtMS4zLTMuMy0xLjMtNC42LDBjLTEuMywxLjMtMS4zLDMuMywwLDQuNEwtMjgyLjksMzkzLjV6Ii8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    border: 0 none;
    height: 17px;
    margin: 0 5px;
    vertical-align: middle
}

.closeGr.openGr, .closePa.openPa {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.alternance {
    float: right;
    margin-right: 20px;
    width: 19px;
    height: 19px;
    border: 2px solid #09173f;
    text-align: center;
    border-radius: 50px;
    padding: 0;
    display: block;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700
}

.dataTables_wrapper button.save {
    background-color: transparent;
    background-image: url(../../assets/img/save_supervision.svg);
    background-repeat: no-repeat;
    border: 0 none;
    float: right;
    vertical-align: middle;
    background-size: 15px 15px;
    margin-right: 20px;
    background-position: right 4px;
    color: #ffffff;
    padding-right: 30px
}

.dataTables_wrapper button.save:hover {
    text-decoration: underline
}

button.affiche_heure {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0yMzMuMyAzNTEuOCA1OS4zIDU5LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTIzMy4zIDM1MS44IDU5LjMgNTkuMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDcxNzNCIiBkPSJNLTIwMy43LDQxMS4xYzE2LjMsMCwyOS42LTEzLjMsMjkuNi0yOS42YzAtMTYuMy0xMy4zLTI5LjYtMjkuNi0yOS42Yy0xNi4zLDAtMjkuNiwxMy4zLTI5LjYsMjkuNg0KCQlDLTIzMy4zLDM5Ny44LTIyMCw0MTEuMS0yMDMuNyw0MTEuMXogTS0yMDMuNywzNTcuN2MxMy4xLDAsMjMuNywxMC42LDIzLjcsMjMuN2MwLDEzLjEtMTAuNiwyMy43LTIzLjcsMjMuN3MtMjMuNy0xMC42LTIzLjctMjMuNw0KCQlDLTIyNy40LDM2OC40LTIxNi44LDM1Ny43LTIwMy43LDM1Ny43eiIvPg0KCTxwYXRoIGZpbGw9IiMwNzE3M0IiIGQ9Ik0tMjA2LjYsMzgyYzAsMC4xLDAsMC4yLDAuMSwwLjJjMCwwLjEsMC4xLDAuMiwwLjEsMC4zYzAsMC4xLDAuMSwwLjIsMC4xLDAuM2MwLDAuMSwwLjEsMC4yLDAuMSwwLjINCgkJYzAuMSwwLjEsMC4yLDAuMywwLjMsMC40YzAsMCwwLDAsMCwwbDExLjksMTEuOWMxLjIsMS4yLDMsMS4yLDQuMiwwYzEuMi0xLjIsMS4yLTMsMC00LjJsLTExLTExdi0xMS45YzAtMS42LTEuMy0zLTMtMw0KCQljLTEuNiwwLTMsMS4zLTMsM3YxMy4xQy0yMDYuNywzODEuNi0yMDYuNiwzODEuOC0yMDYuNiwzODJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    border: 0 none;
    height: 18px;
    width: 19px;
    vertical-align: middle;
    float: right;
    margin-right: 20px
}

button.not_save {
    background-color: transparent;
    background-image: url(../../assets/img/notSave.svg);
    background-repeat: no-repeat;
    border: 0 none;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}
button.affiche_commande {
    background-color: transparent;
    background-image: url(../../assets/img/open.svg);
    background-repeat: no-repeat;
    border: 0 none;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    float: right;
    margin-right: 20px
}
button.affiche_commande.open {
    background-color: transparent;
    background-image: url(../../assets/img/close.svg);
    background-repeat: no-repeat;
    border: 0 none;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    float: right;
    margin-right: 20px
}

button.up {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjk1IDM3NyAyMCAzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjk1IDM3NyAyMCAzMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUIxRjNDIiBkPSJNLTI4Mi45LDM5My41bC0xMS4yLDExLjJjLTEuMywxLjMtMS4zLDMuMywwLDQuNGMxLjMsMS4zLDMuMywxLjMsNC42LDBsMTMuNC0xMy40YzEuMy0xLjMsMS4zLTMuMywwLTQuNA0KCWwtMTMuNC0xMy40Yy0xLjMtMS4zLTMuMy0xLjMtNC42LDBjLTEuMywxLjMtMS4zLDMuMywwLDQuNEwtMjgyLjksMzkzLjV6Ii8+DQo8L3N2Zz4NCg==);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    border: 0 none;
    height: 13px;
    left: -20px;
    position: absolute;
    top: -7px
}

button.down {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjk1IDM3NyAyMCAzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjk1IDM3NyAyMCAzMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUIxRjNDIiBkPSJNLTI4Mi45LDM5My41bC0xMS4yLDExLjJjLTEuMywxLjMtMS4zLDMuMywwLDQuNGMxLjMsMS4zLDMuMywxLjMsNC42LDBsMTMuNC0xMy40YzEuMy0xLjMsMS4zLTMuMywwLTQuNA0KCWwtMTMuNC0xMy40Yy0xLjMtMS4zLTMuMy0xLjMtNC42LDBjLTEuMywxLjMtMS4zLDMuMywwLDQuNEwtMjgyLjksMzkzLjV6Ii8+DQo8L3N2Zz4NCg==);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-repeat: no-repeat;
    border: 0 none;
    height: 13px;
    left: -20px;
    position: absolute;
    bottom: -7px
}

.solo button.down {
    bottom: -7px
}

.solo button.up {
    top: -7px
}

.offline {
    width: 10px;
    height: 10px;
    padding: 5px;
    border-radius: 50px;
    background-color: red;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #444
}

.online {
    width: 10px;
    height: 10px;
    padding: 5px;
    border-radius: 50px;
    background-color: #9c0;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #444
}

.play:hover {
    border: 0 none
}

.diffusion.sunday {
    border-right: 1px solid #1b1f3c
}

.diffusion.sunday+.diffusion {
    border-left: 1px solid #1b1f3c
}

.main--widget {
    display: table;
    width: 100%
}

.main--widget .ui-slider-handle {
    border-radius: 50%;
    border: none;
    background-color: #09173f;
    background-image: none
}

.main--widget .ui-slider-range {
    background: #aaa none repeat scroll 0 0
}

.m-widget--col {
    display: table-cell;
    vertical-align: top
}

.m-widget--col_left {
    width: 55%
}

.m-widget--col_right {
    width: 45%;
    padding-left: 1.25em
}

.widget-set {
    margin: 0 0 1.25em 0;
    padding: 0;
    border-bottom: 1px solid #09173f
}

.widget-set_last {
    border: none
}

.widget-set--title {
    cursor: pointer;
    display: block;
    width: 100%;
    margin-bottom: .909em;
    position: relative
}

.widget-set--title:after {
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    content: "";
    background: transparent url(data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyMCA0MCI+PHBhdGggZmlsbD0iIzFCMUYzQyIgZD0iTTExLjIgMTBsLTYuMSA2LjFjLS43LjctLjcgMS44IDAgMi40LjcuNyAxLjguNyAyLjUgMGw3LjMtNy4zYy43LS43LjctMS44IDAtMi40TDcuNiAxLjVjLS43LS43LTEuOC0uNy0yLjUgMHMtLjcgMS44IDAgMi40bDYuMSA2LjF6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExLjIgMzBsLTYuMSA2LjFjLS43LjctLjcgMS44IDAgMi40LjcuNyAxLjguNyAyLjUgMGw3LjMtNy4zYy43LS43LjctMS44IDAtMi40bC03LjMtNy4zYy0uNy0uNy0xLjgtLjctMi41IDBzLS43IDEuOCAwIDIuNGw2LjEgNi4xeiIvPjwvc3ZnPg==) center top no-repeat;
    width: .909em;
    height: .909em;
    position: absolute;
    right: .455em;
    top: 50%;
    margin-top: -.455em
}

.widget-set--title.is-open:after {
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.widget-set--container {
    padding: 0 0 1.25em 0
}

.colorselector {
    cursor: pointer;
    vertical-align: middle;
    padding-right: 2.5em;
    margin-left: .625em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI3IDE2Ij48cGF0aCBmaWxsPSIjMUIxRjNDIiBkPSJNMTEuOSA1LjRjLjEuMS4xLjMuMS40LS4xLjEtLjIuMi0uMy4ySC40Yy0uMSAwLS4zLS4xLS4zLS4yLS4xLS4xLS4xLS4zIDAtLjRMNS41LjJjLjMtLjMuOC0uMyAxIDBsNS40IDUuMnpNLjEgMTAuNmMtLjEtLjEtLjEtLjMtLjEtLjQuMS0uMS4yLS4yLjMtLjJoMTEuNGMuMSAwIC4zLjEuMy4yczAgLjMtLjEuNGwtNS40IDUuMmMtLjMuMy0uOC4zLTEgMEwuMSAxMC42eiIvPjwvc3ZnPg==);
    background-position: right center;
    background-repeat: no-repeat
}

.colorselector>* {
    border-radius: 50%;
    border: 1px solid #ddd
}

.btn-size {
    font-size: 1.875em;
    border-radius: 50%;
    border: none;
    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center
}

.btn-size:focus, .btn-size:hover {
    background-color: #ea560d;
    color: #fff
}

.btn-delete {
    height: 1.875em;
    width: 1.875em;
    border: none;
    vertical-align: top;
    background: #e30a53 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIuNjYgMTBsNi43Ni02Ljc2Yy43NzQtLjc3NC43NzQtMS45OTMgMC0yLjY1OC0uNzc3LS43NzYtMS45OTUtLjc3Ni0yLjc3MiAwTDEwIDcuMjMgMy4zNTIuNTgyYy0uNzc2LS43NzYtMS45OTQtLjc3Ni0yLjc3IDBzLS43NzYgMS45OTQgMCAyLjY2TDcuMzQyIDEwIC41OCAxNi43NmMtLjc3Ni43NzUtLjc3NiAxLjk5NCAwIDIuNjYuNzc2Ljc3NSAxLjk5NC43NzUgMi43NyAwTDEwIDEyLjc3bDYuNjQ4IDYuNjVjLjc3Ni43NzUgMS45OTQuNzc1IDIuNzcgMCAuNzc2LS43NzcuNzc2LTEuOTk1IDAtMi42NkwxMi42NiAxMHoiLz48L3N2Zz4=) center center no-repeat
}

.btn-delete:focus, .btn-delete:hover {
    background-color: #09b1b6
}

.run {
    padding-left: 2.5em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE3IDIwIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTYuNTc4IDEwLjk5NGMuNTYzLS41NS41NjMtMS40NCAwLTEuOTlDMTYuNDI4IDguODYgMi4xNzMuMTk0IDIuMDg4LjE1MmwtLjAxLS4wMDZDMS44ODYuMDU2IDEuNjczIDAgMS40NDYgMCAuNzMgMCAuMTQuNTA3LjAyNCAxLjE3MkwwIDE4LjU5MkMwIDE5LjM2OC42NDcgMjAgMS40NDYgMjBjLjIyNiAwIC40MzctLjA1Ny42MjctLjE0NmwxNC41MDUtOC44NnoiLz48L3N2Zz4=);
    background-position: .625em center;
    background-repeat: no-repeat
}

.stop {
    padding-left: 2.813em;
    position: relative
}

.stop:before {
    content: "";
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    left: .625em;
    top: 50%;
    margin-top: -.625em;
    background-color: #fff
}

.dataTable {
    clear: both;
    border-collapse: separate;
    border-spacing: 2px;
    display: table;
    width: 100%;
    margin-bottom: 1.25em
}

.dataTable th {
    padding: .063em
}

.dataTable th:nth-child(n+2) {
    border-left: 1px solid #09173f
}

.dataTable th {
    text-align: left;
    font-size: 1.125em;
    padding-right: 2.5em;
    font-weight: 400;
    vertical-align: middle
}

.sorting, .sorting_asc, .sorting_desc {
    cursor: pointer
}

.sorting, .sorting_asc, .sorting_asc_disabled, .sorting_desc, .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right
}

.sorting {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDE2Ij48cGF0aCBmaWxsPSIjOEQ4RDhFIiBkPSJNMTEuOTA3IDUuNDE2Yy4wOTMuMDkuMDkzLjI3NC4wOTMuMzY1LS4wOTMuMDkyLS4xODcuMTg0LS4yOC4xODRILjUwNmMtLjI4LjA5LS4zNzQgMC0uNDY3LS4xODMtLjA5NC0uMDkgMC0uMjczLjA5My0uMzY1TDUuNDYuMjA1Yy4yOC0uMjc0Ljc0Ny0uMjc0IDEuMDI3IDBsNS40MiA1LjIxek0uMDk2IDEwLjU1MkMwIDEwLjQ2IDAgMTAuMjc1IDAgMTAuMTg1LjA5NiAxMC4wOTIuMTkgMTAgLjI4NiAxMGgxMS40MjhjLjA5NSAwIC4yODYuMDkyLjI4Ni4xODUgMCAuMDkgMCAuMjc1LS4wOTYuMzY3bC01LjQzIDUuMjQyYy0uMjg1LjI3NS0uNzYuMjc1LTEuMDQ2IDBMLjA5NiAxMC41NTJ6Ii8+PC9zdmc+)
}

.sorting_asc {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDE2Ij48cGF0aCBmaWxsPSIjMDkxNzNGIiBkPSJNMTEuOTA3IDUuNDE2Yy4wOTMuMDkuMDkzLjI3NC4wOTMuMzY1LS4wOTMuMDkyLS4xODcuMTg0LS4yOC4xODRILjUwN2MtLjI4LjA5Mi0uMzc0IDAtLjQ2Ny0uMTgzLS4wOTQtLjA5IDAtLjI3My4wOTMtLjM2NEw1LjQ2LjIwNmMuMjgtLjI3NC43NDctLjI3NCAxLjAyNyAwbDUuNDIgNS4yMXoiLz48L3N2Zz4=)
}

.sorting_desc {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDE2Ij48cGF0aCBmaWxsPSIjMDkxNzNGIiBkPSJNLjA5NSAxMC41NUMwIDEwLjQ2IDAgMTAuMjc2IDAgMTAuMTg1LjA5NSAxMC4wOTIuMTkgMTAgLjI4NiAxMGgxMS40M2MuMDk1IDAgLjI4NC4wOTIuMjg0LjE4NHMwIC4yNzYtLjA5NS4zNjdsLTUuNDMgNS4yNDNjLS4yODUuMjc2LS43Ni4yNzYtMS4wNDYgMEwuMDk0IDEwLjU1eiIvPjwvc3ZnPg==)
}

.sorting_asc_disabled {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDE2Ij48cGF0aCBmaWxsPSIjOEQ4RDhFIiBkPSJNMTEuOTA3IDUuNDE2Yy4wOTMuMDkuMDkzLjI3NC4wOTMuMzY2LS4wOTMuMDktLjE4Ny4xODMtLjI4LjE4M0guNTA2Yy0uMjguMDktLjM3NCAwLS40NjgtLjE4My0uMDkzLS4wOSAwLS4yNzQuMDk0LS4zNjZMNS40NTguMjA2Yy4yOC0uMjc0Ljc1LS4yNzQgMS4wMjggMGw1LjQyIDUuMjF6Ii8+PC9zdmc+)
}

.sorting_desc_disabled {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDE2Ij48cGF0aCBmaWxsPSIjOEQ4RDhFIiBkPSJNLjA5NiAxMC41NTJDMCAxMC40NiAwIDEwLjI3NSAwIDEwLjE4NS4wOTYgMTAuMDkuMTkgMTAgLjI4NiAxMGgxMS40MjhjLjA5NyAwIC4yODYuMDkuMjg2LjE4NSAwIC4wOSAwIC4yNzUtLjA5NS4zNjdsLTUuNDMgNS4yNGMtLjI4NS4yNzctLjc2LjI3Ny0xLjA0NyAwbC01LjMzMi01LjI0eiIvPjwvc3ZnPg==)
}

.dataTable .odd {
    background-color: #ebebeb
}

.dataTable tbody tr:hover {
    background-color: #f19051
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1
}

.dataTables_length {
    float: left;
    margin-bottom: 1.25em
}

.dataTables_filter {
    float: right;
    text-align: right;
    margin-bottom: 1.25em
}

.dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
}

.dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em
}

.table-search[type=search] {
    width: auto;
    margin-top: 0;
    padding: .278em 2.222em .278em 1.111em;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iWE1MSURfMTNfIj4NCgk8Zz4NCgkJPGcgaWQ9IlhNTElEXzEwXyI+DQoJCQk8Zz4NCgkJCQk8cGF0aCBmaWxsPSIjMUIxRjNDIiBkPSJNMTYuNiwxOC45bC00LjItNC4zYy0xLjIsMC44LTIuNSwxLjItNCwxLjJDNC4zLDE1LjksMSwxMi41LDEsOC40QzEsNC4zLDQuMywxLDguNCwxDQoJCQkJCWM0LjEsMCw3LjQsMy4zLDcuNCw3LjRjMCwxLjQtMC40LDIuOC0xLjEsMy45bDQuMyw0LjNjMC4yLDAuMiwwLDAuOC0wLjQsMS4ybC0wLjYsMC42QzE3LjQsMTguOSwxNi45LDE5LjEsMTYuNiwxOC45eg0KCQkJCQkgTTEzLjMsOC40YzAtMi43LTIuMi01LTQuOS01cy00LjksMi4yLTQuOSw1czIuMiw1LDQuOSw1UzEzLjMsMTEuMiwxMy4zLDguNHoiLz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
    background-position: 95% center;
    background-repeat: no-repeat
}

.paginate_button {
    display: inline-block;
    position: relative;
    padding: .438em .625em .438em .625em;
    text-transform: uppercase;
    background-color: #09173f;
    color: #fff;
    cursor: pointer;
    margin-left: .625em;
    min-width: 1.875em;
    text-align: center
}

.paginate_button:hover {
    background-color: #ea560d;
    color: #fff;
    border: none
}

.paginate_button .current:hover, .paginate_button.current {
    background-color: #871f82;
    cursor: default
}

.paginate_button:after, .paginate_button:before {
    position: absolute;
    top: 50%;
    margin-top: -.625em;
    content: "";
    width: 1.25em;
    height: 1.25em;
    background-position: center bottom;
    background-repeat: no-repeat
}

.paginate_button.previous {
    padding-left: 2.5em
}

.paginate_button.previous:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyMCA0MCI+PHBhdGggZmlsbD0iIzFCMUYzQyIgZD0iTTguOCAxMGw2LjEtNi4xYy43LS43LjctMS44IDAtMi40LS43LS43LTEuOC0uNy0yLjUgMEw1LjEgOC44Yy0uNy43LS43IDEuOCAwIDIuNGw3LjMgNy4zYy43LjcgMS44LjcgMi41IDBzLjctMS44IDAtMi40TDguOCAxMHoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOC44IDMwbDYuMS02LjFjLjctLjcuNy0xLjggMC0yLjQtLjctLjctMS44LS43LTIuNSAwbC03LjMgNy4zYy0uNy43LS43IDEuOCAwIDIuNGw3LjMgNy4zYy43LjcgMS44LjcgMi41IDBzLjctMS44IDAtMi40TDguOCAzMHoiLz48L3N2Zz4=);
    left: .625em
}

.paginate_button.next {
    padding-right: 2.5em
}

.paginate_button.next:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyMCA0MCI+PHBhdGggZmlsbD0iIzFCMUYzQyIgZD0iTTExLjIgMTBsLTYuMSA2LjFjLS43LjctLjcgMS44IDAgMi40LjcuNyAxLjguNyAyLjUgMGw3LjMtNy4zYy43LS43LjctMS44IDAtMi40TDcuNiAxLjVjLS43LS43LTEuOC0uNy0yLjUgMHMtLjcgMS44IDAgMi40bDYuMSA2LjF6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExLjIgMzBsLTYuMSA2LjFjLS43LjctLjcgMS44IDAgMi40LjcuNyAxLjguNyAyLjUgMGw3LjMtNy4zYy43LS43LjctMS44IDAtMi40bC03LjMtNy4zYy0uNy0uNy0xLjgtLjctMi41IDBzLS43IDEuOCAwIDIuNGw2LjEgNi4xeiIvPjwvc3ZnPg==);
    right: .625em
}

.paginate_button.disabled, .paginate_button.disabled:hover {
    background-color: #ebebeb;
    color: #999;
    cursor: default
}

.dataTables_paginate span {
    display: inline-block
}

.modal {
    display: none
}

.modal-container {
    background: #fff;
    display: block;
    margin: 0 auto;
    height: 850px;
    overflow-y: scroll;
    width: 75em;
    padding: 1.25em 1.25em 0 1.25em
}

.modal-infos .col_left, .modal-infos .col_right {
    float: left
}

.modal-infos .col_left {
    width: 400px;
    clear: both
}

.modal-infos .col_right {
    margin-left: 2%;
    width: 700px
}

.modal-infos figure {
    margin-bottom: 3%
}

.modal-infos .reso {
    font-weight: 700
}

.modal-infos .nom {
    font-size: 1.5em
}

.modal-infos .groupe {
    display: block;
    margin-bottom: 20px;
}

.close-modal {
    width: 1.875em;
    height: 1.875em;
    text-indent: -666em;
    position: fixed;
    top: .625em;
    right: 0;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBmaWxsPSIjMUIxRjNDIiBkPSJNMTIuNjYgMTBsNi43Ni02Ljc2Yy43NzQtLjc3NC43NzQtMS45OTMgMC0yLjY1OC0uNzc3LS43NzYtMS45OTUtLjc3Ni0yLjc3MiAwTDEwIDcuMjMgMy4zNTIuNTgyYy0uNzc2LS43NzYtMS45OTQtLjc3Ni0yLjc3IDBzLS43NzYgMS45OTQgMCAyLjY2TDcuMzQyIDEwIC41OCAxNi43NmMtLjc3Ni43NzUtLjc3NiAxLjk5NCAwIDIuNjYuNzc2Ljc3NSAxLjk5NC43NzUgMi43NyAwTDEwIDEyLjc3bDYuNjQ4IDYuNjVjLjc3Ni43NzUgMS45OTQuNzc1IDIuNzcgMCAuNzc2LS43NzcuNzc2LTEuOTk1IDAtMi42NkwxMi42NiAxMHoiLz48L3N2Zz4=) center center no-repeat
}

.close-modal:hover {
    background-color: #ea560d;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIuNjYgMTBsNi43Ni02Ljc2Yy43NzQtLjc3NC43NzQtMS45OTMgMC0yLjY1OC0uNzc3LS43NzYtMS45OTUtLjc3Ni0yLjc3MiAwTDEwIDcuMjMgMy4zNTIuNTgyYy0uNzc2LS43NzYtMS45OTQtLjc3Ni0yLjc3IDBzLS43NzYgMS45OTQgMCAyLjY2TDcuMzQyIDEwIC41OCAxNi43NmMtLjc3Ni43NzUtLjc3NiAxLjk5NCAwIDIuNjYuNzc2Ljc3NSAxLjk5NC43NzUgMi43NyAwTDEwIDEyLjc3bDYuNjQ4IDYuNjVjLjc3Ni43NzUgMS45OTQuNzc1IDIuNzcgMCAuNzc2LS43NzcuNzc2LTEuOTk1IDAtMi42NkwxMi42NiAxMHoiLz48L3N2Zz4=)
}

.table_modal {
    display: table;
    width: 100%
}

.table_modal div.datepicker {
    height: 160px !important;
    width: 318px !important;
    margin-top: 5px
}

.table_modal .datepickerContainer {
    width: auto !important
}

.table_modal table {
    margin-top: 0
}

.table_modal--col {
    display: table-cell;
    vertical-align: top;
    padding: .625em;
    width: 33%
}

.table_modal--float {
    float: left;
    margin-right: 15px;
}

.heure, .horaire_fixe {
    width: 5.75em;
    margin-right: .75em;
    text-align: center
}

.periode.input-default {
    text-align: center;
    width: 235px
}

.message.modal.current {
    background-color: #fff;
    padding: 20px
}

.loader.modal {
    background-color: #fff;
    padding: 20px
}

.loader.modal .close-modal {
    display: none
}

.add_period, .remove_period {
    margin: 0 10px;
    cursor: pointer;
}

.modify-add_period, .modify-remove_period {
    margin: 0 10px;
    cursor: pointer;
}

div.datepicker th a.datepickerMonth {
    margin-left: 0
}

/*#add-panneaux {
    height: 11.25em
}*/

.meteo {
    width: 320px;
    height: 180px;
    border: solid thin #aaa
}

.dessin {
    width: 640px;
    height: 360px;
    position: relative;
    border: 2px solid grey;
    overflow: hidden
}

.dessin .text {
    line-height: 1.4
}

.text {
    position: absolute;
    font-size: 4em;
    cursor: pointer;
    top: 0;
    left: 0
}

.bgd_widget2, .bgd_widget3 {
    position: absolute;
    top: 0;
    left: 0
}

.colorselector, .colorselector2, .colorselector3 {
    display: inline-block
}

.colorselector div, .colorselector2 div, .colorselector3 div {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    width: 28px;
    text-align: center
}

.tmb {
    width: 320px;
    height: 180px;
    border: solid thin #aaa
}

.refresh {
    background: #333;
    color: #fff;
    cursor: pointer
}

.moins_img, .plus_img {
    cursor: pointer
}

.ui-resizable-helper {
    position: absolute;
    font-size: .1px;
    z-index: 99999;
    display: block
}

.progressbar_container {
    height: 10px;
    border: solid thin #aaa
}

.progressbar {
    background: #333;
    height: 10px;
    width: 0
}

.progresslabel {
    color: #0259C4
}

.pushed {
    background: #333;
    color: #fff
}

@font-face {
    font-family: QanelasSoft;
    src: url(../fonts/qanelasSoft.eot);
    src: url(../fonts/qanelasSoft.eot) format('embedded-opentype'), url(../fonts/qanelasSoft.woff2) format('woff2'), url(../fonts/qanelasSoft.woff) format('woff'), url(../fonts/qanelasSoft.ttf) format('truetype'), url(../fonts/qanelasSoft.svg) format('svg');
    font-weight: 400;
    font-style: normal
}


@font-face {
    font-family: Gothic;
    src: url(../fonts/gothic.eot);
    src: url(../fonts/gothic.eot) format('embedded-opentype'), url(../fonts/gothic.woff2) format('woff2'), url(../fonts/gothic.woff) format('woff'), url(../fonts/gothic.ttf) format('truetype'), url(../fonts/gothic.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Insignia;
    src: url(../fonts/insignia.eot);
    src: url(../fonts/insignia.eot) format('embedded-opentype'), url(../fonts/insignia.woff2) format('woff2'), url(../fonts/insignia.woff) format('woff'), url(../fonts/insignia.ttf) format('truetype'), url(../fonts/insignia.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Chewy;
    src: url(../fonts/chewy-webfont.eot);
    src: url(../fonts/chewy-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/chewy-webfont.woff2) format('woff2'), url(../fonts/chewy-webfont.woff) format('woff'), url(../fonts/chewy-webfont.ttf) format('truetype'), url(../fonts/chewy-webfont.svg#chewyregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Fjord_One;
    src: url(../fonts/fjordone-regular-webfont.eot);
    src: url(../fonts/fjordone-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/fjordone-regular-webfont.woff2) format('woff2'), url(../fonts/fjordone-regular-webfont.woff) format('woff'), url(../fonts/fjordone-regular-webfont.ttf) format('truetype'), url(../fonts/fjordone-regular-webfont.svg#fjordone) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Boogaloo;
    src: url(../fonts/boogaloo-regular-webfont.eot);
    src: url(../fonts/boogaloo-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/boogaloo-regular-webfont.woff2) format('woff2'), url(../fonts/boogaloo-regular-webfont.woff) format('woff'), url(../fonts/boogaloo-regular-webfont.ttf) format('truetype'), url(../fonts/boogaloo-regular-webfont.svg#boogalooregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Bevan;
    src: url(../fonts/bevan-webfont.eot);
    src: url(../fonts/bevan-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/bevan-webfont.woff2) format('woff2'), url(../fonts/bevan-webfont.woff) format('woff'), url(../fonts/bevan-webfont.ttf) format('truetype'), url(../fonts/bevan-webfont.svg#bevanregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Arvo;
    src: url(../fonts/arvo-regular-webfont.eot);
    src: url(../fonts/arvo-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/arvo-regular-webfont.woff2) format('woff2'), url(../fonts/arvo-regular-webfont.woff) format('woff'), url(../fonts/arvo-regular-webfont.ttf) format('truetype'), url(../fonts/arvo-regular-webfont.svg#arvoregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Amaranth;
    src: url(../fonts/amaranth-regular-webfont.eot);
    src: url(../fonts/amaranth-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/amaranth-regular-webfont.woff2) format('woff2'), url(../fonts/amaranth-regular-webfont.woff) format('woff'), url(../fonts/amaranth-regular-webfont.ttf) format('truetype'), url(../fonts/amaranth-regular-webfont.svg#amaranthregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Pacifico;
    src: url(../fonts/pacifico-webfont.eot);
    src: url(../fonts/pacifico-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/pacifico-webfont.woff2) format('woff2'), url(../fonts/pacifico-webfont.woff) format('woff'), url(../fonts/pacifico-webfont.ttf) format('truetype'), url(../fonts/pacifico-webfont.svg#pacificoregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Open_Sans;
    src: url(../fonts/opensans-regular-webfont.eot);
    src: url(../fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-regular-webfont.woff2) format('woff2'), url(../fonts/opensans-regular-webfont.woff) format('woff'), url(../fonts/opensans-regular-webfont.ttf) format('truetype'), url(../fonts/opensans-regular-webfont.svg#open_sansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Noto_Sans;
    src: url(../fonts/notosans-regular-webfont.eot);
    src: url(../fonts/notosans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/notosans-regular-webfont.woff2) format('woff2'), url(../fonts/notosans-regular-webfont.woff) format('woff'), url(../fonts/notosans-regular-webfont.ttf) format('truetype'), url(../fonts/notosans-regular-webfont.svg#noto_sansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/montserrat-regular-webfont.eot);
    src: url(../fonts/montserrat-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/montserrat-regular-webfont.woff2) format('woff2'), url(../fonts/montserrat-regular-webfont.woff) format('woff'), url(../fonts/montserrat-regular-webfont.ttf) format('truetype'), url(../fonts/montserrat-regular-webfont.svg#montserratregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Merriweather;
    src: url(../fonts/merriweather-regular-webfont.eot);
    src: url(../fonts/merriweather-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/merriweather-regular-webfont.woff2) format('woff2'), url(../fonts/merriweather-regular-webfont.woff) format('woff'), url(../fonts/merriweather-regular-webfont.ttf) format('truetype'), url(../fonts/merriweather-regular-webfont.svg#merriweatherregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lobster;
    src: url(../fonts/lobster-regular-webfont.eot);
    src: url(../fonts/lobster-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lobster-regular-webfont.woff2) format('woff2'), url(../fonts/lobster-regular-webfont.woff) format('woff'), url(../fonts/lobster-regular-webfont.ttf) format('truetype'), url(../fonts/lobster-regular-webfont.svg#lobsterregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lemon;
    src: url(../fonts/lemon-regular-webfont.eot);
    src: url(../fonts/lemon-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lemon-regular-webfont.woff2) format('woff2'), url(../fonts/lemon-regular-webfont.woff) format('woff'), url(../fonts/lemon-regular-webfont.ttf) format('truetype'), url(../fonts/lemon-regular-webfont.svg#lemonregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Kreon;
    src: url(../fonts/kreon-regular-webfont.eot);
    src: url(../fonts/kreon-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/kreon-regular-webfont.woff2) format('woff2'), url(../fonts/kreon-regular-webfont.woff) format('woff'), url(../fonts/kreon-regular-webfont.ttf) format('truetype'), url(../fonts/kreon-regular-webfont.svg#kreonregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Josefin_Sans;
    src: url(../fonts/josefinsans-regular-webfont.eot);
    src: url(../fonts/josefinsans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/josefinsans-regular-webfont.woff2) format('woff2'), url(../fonts/josefinsans-regular-webfont.woff) format('woff'), url(../fonts/josefinsans-regular-webfont.ttf) format('truetype'), url(../fonts/josefinsans-regular-webfont.svg#josefin_sansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gentium_Basic;
    src: url(../fonts/genbasr-webfont.eot);
    src: url(../fonts/genbasr-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/genbasr-webfont.woff2) format('woff2'), url(../fonts/genbasr-webfont.woff) format('woff'), url(../fonts/genbasr-webfont.ttf) format('truetype'), url(../fonts/genbasr-webfont.svg#gentium_basicregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Fredoka_One;
    src: url(../fonts/fredokaone-regular-webfont.eot);
    src: url(../fonts/fredokaone-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/fredokaone-regular-webfont.woff2) format('woff2'), url(../fonts/fredokaone-regular-webfont.woff) format('woff'), url(../fonts/fredokaone-regular-webfont.ttf) format('truetype'), url(../fonts/fredokaone-regular-webfont.svg#fredoka_oneregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Forum;
    src: url(../fonts/forum-regular-webfont.eot);
    src: url(../fonts/forum-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/forum-regular-webfont.woff2) format('woff2'), url(../fonts/forum-regular-webfont.woff) format('woff'), url(../fonts/forum-regular-webfont.ttf) format('truetype'), url(../fonts/forum-regular-webfont.svg#forumregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Signika;
    src: url(../fonts/signika-regular-webfont.eot);
    src: url(../fonts/signika-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/signika-regular-webfont.woff2) format('woff2'), url(../fonts/signika-regular-webfont.woff) format('woff'), url(../fonts/signika-regular-webfont.ttf) format('truetype'), url(../fonts/signika-regular-webfont.svg#signikaregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Ubuntu;
    src: url(../fonts/ubuntu-c-webfont.eot);
    src: url(../fonts/ubuntu-c-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/ubuntu-c-webfont.woff2) format('woff2'), url(../fonts/ubuntu-c-webfont.woff) format('woff'), url(../fonts/ubuntu-c-webfont.ttf) format('truetype'), url(../fonts/ubuntu-c-webfont.svg#ubuntu_condensedregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Viga;
    src: url(../fonts/viga-regular-webfont.eot);
    src: url(../fonts/viga-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/viga-regular-webfont.woff2) format('woff2'), url(../fonts/viga-regular-webfont.woff) format('woff'), url(../fonts/viga-regular-webfont.ttf) format('truetype'), url(../fonts/viga-regular-webfont.svg#vigaregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@media (min-width:56.25em) {
    a:focus {
        outline: 1px dotted #004d75
    }

    a:hover {
        color: #004d75;
        /*border-bottom: 1px solid*/
    }

    .alert-cookie--link:hover, .alert-cookie--link:visited:hover {
        color: #fff
    }

    .alert-cookie--btn:hover {
        background-color: #03A318;
        color: #fff
    }

    .msg_block a:focus, .msg_block a:hover, .msg_block a:visited:focus, .msg_block a:visited:hover {
        border: none
    }

    .skip-nav a:focus {
        position: static
    }

}

@media screen and (min-height:560px) {
    .modal-container {
        height: 600px
    }

}

@media screen and (min-height:700px) {
    .modal-container {
        height: 650px
    }

}

@media screen and (min-height:800px) {
    .modal-container {
        height: 850px
    }

}

@media screen and (max-height:560px) {
    .modal-container {
        height: 300px
    }

}

@-webkit-keyframes cookie-anim {
    0% {
        max-height: 0;
        padding: 0;
        margin: 0
    }

    100% {
        max-height: 6.25em;
        padding: .625em;
        margin: 0 0 .625em 0
    }

}

@keyframes cookie-anim {
    0% {
        max-height: 0;
        padding: 0;
        margin: 0
    }

    100% {
        max-height: 6.25em;
        padding: .625em;
        margin: 0 0 .625em 0
    }

}

.btn-align {
    border: none;
    text-indent: -999em;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: auto;
    background-color: #09173f;
    position: relative
}

.btn-align:hover {
    background-color: #ea560d
}

.btn-align:before {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    right: 5px
}

.btn-align.l_a:before {
    background-image: url(../../assets/img/align-left.svg)
}

.btn-align.c_a:before {
    background-image: url(../../assets/img/align-center.svg)
}

.btn-align.r_a:before {
    background-image: url(../../assets/img/align-right.svg)
}

.submitValidClip {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0
}

.regie_pub_item{
    margin-left: 30px;
}
.modal-types{
    background: #EBEBEB;
}
tr.resa td:first-child{
    background-color: #5890AD!important;
    color: #fff;
}
td.resa{
    background-color: #5890AD!important;
    color: #fff;
}
tr.resa a{
    color: #fff;
}
/*Client_info_v*/
a.periodes, a.open_pas-infos{
    cursor: pointer;
}
ul.ul-progs-info{
    display: none;
}
.li-info{
    list-style-type: none;
    padding-left: 5px;
    border-left: solid 4px;
}
.li-clip-info{
    border-left-color: #ea560d;
}
.li-pa-info{
    border-left-color: #0077bc;
}
.li-prog-info{
    border-left-color: #871f82;
}
.ul-progs-info{
    margin: 0;
}
.ul-pas-info {
    margin-top: 0;
    margin-bottom: 0.938em;
    display: none;
}
.filter_mois_sem{
    float:right;
    margin-bottom: 3px;
}

/*Liens edit_clip et valid_clip*/
.inactif
{
    display: none!important;
}
.modif_disable
{
    display: none!important;
}

a.action{
    cursor : pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
}

a.valid_clip{
    background-image: url(../img/actions/like-20.png);
}
a.invalid_clip{
    background-image: url(../img/actions/dislike-20.png);
}
a.en-attente_clip{
    background-image: url(../img/actions/attente-like-20.png);
}
a.edit_link
{
    background-image: url(../img/actions/edit-20.png);
}
a.delete_link{
    background-image: url(../img/actions/delete-20.png);
}
a.edit_widget{
    background-image: url(../img/actions/edit_widget.svg);
}
a.delete_sel{
    cursor : pointer;
    color: #fff;
}

.action_sel{
    display: none;
    background: rgba(9, 23, 63, 0.6);
    padding: 10px;
    z-index: 150;
}

.badge{
    display: inline;
    position: absolute;
    right: 0;
    top: 10px;
    border: solid thin #aaa;
    border-radius: 50%;
    padding: 2px 7px;
    background: rgba(3,4,5,0.6);
    color: #fff;
}

input.date_debut_contrat {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0iIzFCMUYzQyI+PHBhdGggZD0iTTE3LjUgMi43aC0yLjRWMS42YzAtLjMtLjMtLjYtLjYtLjZzLS42LjMtLjYuNnYxLjFoLTMuNFYxLjZjLjEtLjMtLjItLjYtLjUtLjZzLS42LjMtLjYuNnYxLjFINi4xVjEuNmMwLS4zLS4zLS42LS42LS42cy0uNi4zLS42LjZ2MS4xSDIuNWMtLjggMC0xLjUuNy0xLjUgMS41djEzLjNjMCAuOC43IDEuNSAxLjUgMS41aDE1Yy44IDAgMS41LS43IDEuNS0xLjVWNC4yYzAtLjgtLjctMS41LTEuNS0xLjV6bS40IDE0LjhjMCAuMi0uMi40LS40LjRoLTE1Yy0uMiAwLS40LS4yLS40LS40VjQuMmMwLS4yLjItLjQuNC0uNGgyLjR2MS4xYzAgLjMuMy42LjYuNnMuNi0uMy42LS42VjMuOGgzLjR2MS4xYzAgLjMuMy42LjYuNnMuNi0uMy42LS42VjMuOGgzLjR2MS4xYzAgLjMuMy42LjYuNnMuNi0uMy42LS42VjMuOGgyLjRjLjIgMCAuNC4yLjQuNHYxMy4zeiIvPjxwYXRoIGQ9Ik00LjkgNy43aDIuM3YxLjdINC45ek00LjkgMTAuNmgyLjN2MS43SDQuOXpNNC45IDEzLjRoMi4zdjEuN0g0Ljl6TTguOSAxMy40aDIuM3YxLjdIOC45ek04LjkgMTAuNmgyLjN2MS43SDguOXpNOC45IDcuN2gyLjN2MS43SDguOXpNMTIuOCAxMy40SDE1djEuN2gtMi4yek0xMi44IDEwLjZIMTV2MS43aC0yLjJ6TTEyLjggNy43SDE1djEuN2gtMi4yeiIvPjwvZz48L3N2Zz4=);
    background-position: 90% center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 15.625em;
}

.client_width {
    width: 15.625em;
}

input.date_debut_contrat::placeholder{
    opacity: 0.3;
}

.dropdown-menu{
    display: none;
}

/* datepicker clients */
select.ui-datepicker-month, select.ui-datepicker-year{
    background-color: #09173f;
    color: white;
    border: 1px solid #09173f;
}

span.add_heure, span.remove_heure, span.add_horaire_fixe, span.remove_horaire_fixe {
    font-size: 2em;
    color: #871f82;
    cursor: pointer;
}

span.add_heure:hover, span.remove_heure:hover, span.add_horaire_fixe:hover, span.remove_horaire_fixe:hover {
    font-size: 2em;
    color: #ea560d;
    cursor: pointer;
}

.heure::placeholder, .horaire_fixe::placeholder{
    opacity: 0.5;
}

.table_modal--colResa, .table_modal--colProg {
    display: table-cell;
    vertical-align: top;
    padding: .625em;
}

.col_1_resa, .col_1_prog{
    width: 40%
}
.col_2_resa, .col_2_prog {
    width: 35%
}
.col_3_resa, .col_3_prog {
    width: 25%
}

.commande_width {
    min-width: 100%
}

.header_tab_commandes{
    width: 190%;
}

.filter_resa{
    position: absolute;
    right: 25%;
    top: 0.140em;
    font-size: 1em;
}

.num_semaines, .num_semaines_modify{
    font-size: 0.8em;
    margin-left: 0.750em;
    cursor: default;
}

/* changement semaines - supervision */
.sem_precedente{
    background-image: url(../../assets/img/sem_precedente.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left 0;
    padding-right: 0px;
    padding-left: 30px;
    font-size: 16px;
    border: 0 none;
    background-size: 20px 20px;
    margin-left: 40%;
}
.sem_suivante{
    background-image: url(../../assets/img/sem_suivante.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right 0;
    padding-right: 30px;
    padding-left: 0;
    font-size: 16px;
    border: 0 none;
    background-size: 20px 20px;
    margin-left: 28.5%;
}
.sem_precedente:hover{
    background-image: url(../../assets/img/sem_precedente_hover.svg);
    color: #ea560d;
}
.sem_suivante:hover{
    background-image: url(../../assets/img/sem_suivante_hover.svg);
    color: #ea560d;
}

.titlePaVide {
    width: 450px;
    height: 42px;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid black;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-top: 2px;
    padding-left: 8px;
    padding-top: 11px;
}

.paVide{
    width: 454px;
    height: 37px;
    font-size: 18px;
    color: white;
    background-color: #871f82;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-top: 2px;
    padding-left: 50px;
    padding-top: 8px;
}

.closePaVide.openPaVide{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.closePaVide{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjk1IDM3NyAyMCAzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjk1IDM3NyAyMCAzMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUIxRjNDIiBkPSJNLTI4Mi45LDM5My41bC0xMS4yLDExLjJjLTEuMywxLjMtMS4zLDMuMywwLDQuNGMxLjMsMS4zLDMuMywxLjMsNC42LDBsMTMuNC0xMy40YzEuMy0xLjMsMS4zLTMuMywwLTQuNA0KCWwtMTMuNC0xMy40Yy0xLjMtMS4zLTMuMy0xLjMtNC42LDBjLTEuMywxLjMtMS4zLDMuMywwLDQuNEwtMjgyLjksMzkzLjV6Ii8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0 none;
    height: 17px;
    margin: 0 5px;
    vertical-align: middle
}

.align_right{
    float: right;
}

.mr20{
    margin-right: 20px;
}

.mr18{
    margin-right: 18px;
}

.pt20 {
    padding-top: 20px;
}

#label-horaires-fixes,
#label-sans-date-fin,
#label-redondance,
#label-modify-redondance,
#modify-label-horaires-fixes,
#modify-label-sans-date-fin {
    font-size: 0.8em;
    color: black;
}

#horaire_fixe_1,
.remove_horaire_fixe_1 {
    display: none;
}

.horaire_fixe {
    width: 5.75em;
}

.jours-semaine-redondance, .jours-semaine-modify-redondance {
    margin-left: 15px;
    font-size: 0.8em;
    color: black;
}

.jours-semaine-redondance label, .jours-semaine-modify-redondance label {
    width: 5em;
}

button.affiche_heure_1 {
    background-color: transparent;
    background-image: url(../../assets/img/horloge_1.svg);
    background-repeat: no-repeat;
    border: 0 none;
    height: 18px;
    width: 19px;
    vertical-align: middle;
    float: right;
    margin-right: 20px
}

button.affiche_calendar {
    background-color: transparent;
    background-image: url(../../assets/img/calendar.svg);
    background-repeat: no-repeat;
    border: 0 none;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    float: right;
    margin-right: 20px
}

.display-flex {
    display: flex;
}

.display-block {
    display: block;
}

.font-size-16 {
    font-size: 16px;
}

.galerie-image-content {
    margin: 10px 0 10px 0;
}

#btn-galerie-img {
    text-transform: none;
    border-radius: 20px;
}

/* Galerie image */
.modal-galerie_image .galerie-image {
    display: flex;
}
.modal-galerie_image .dirs-content {
    display: flex;
    flex-wrap: wrap;
}
.modal-galerie_image .dirs-content .dir {
    width: 95px!important;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-size: 12px;
}
.modal-galerie_image .is-file .dir-img img {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.modal-galerie_image .dirs-content .dir:hover {
    cursor: pointer;
    background: rgba(134, 248, 255, 0.2);
}
.modal-galerie_image .select-dir {
    cursor: pointer;
    background: rgba(134, 248, 255, 0.2);
}
.modal-galerie_image {
    position: relative;
}
.modal-galerie_image .add-folder-content {
    position: absolute;
    bottom: 20px;
    right: 50px;
}
.modal-galerie_image .delete-content {
    position: absolute;
    bottom: 20px;
    left: 50px;
}
.modal-galerie_image .add-file-content {
    position: absolute;
    top: 20px;
    right: 50px;
}
.modal-galerie_image .link-path {
    color: deepskyblue;
    cursor: pointer;
}
.modal-galerie_image .link-path:hover {
    color: dodgerblue;
}
.modal-galerie_image .empty-directory {
    margin-top: 20px;
    font-style: italic;
}
.modal-galerie_image .path-separator {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    font-size: 15px;
}
.modal-galerie_image .error-galerie {
    color: red;
}
.modal-galerie_image .modal-container {
    text-align: left!important;
}
.modal-galerie_image .close-modal  {
    color: transparent;
}
.modal-galerie_image .action-folder-content  {
    justify-content: flex-end;
}
.modal-galerie_image #add_folder, .modal-galerie_image #delete {
    margin-top: 10px;
    height: 35px!important;
    text-transform: none;
}
.modal-galerie_image fieldset, .modal-galerie_image #drop_zone {
    height: 88%;
}
.modal-galerie_image #drop_zone.droppable-zone {
    background-color: rgba(245, 255, 255, 0.5);
    border: 2px dashed #EDEDED;
    margin: 3px -2px -2px;
    background-image: url('../img/galerie_image/upload-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
}
.modal-galerie_image #drop_zone {
    margin-top: 5px;
}
/* Cache l'inpu file */
.modal-galerie_image .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.modal-galerie_image .inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
    cursor: pointer;
}
.modal-galerie_image .inputfile + label * {
    pointer-events: none;
}
/* Fin input file invisible */
.modal-galerie_image .add-file-content label {
    text-transform: none;
    color: white;
}
.modal-galerie_image .add-file-content {
    margin-top: 10px;
    height: 35px!important;
    text-transform: none;
}
.modal-galerie_image .btn-validate-new-folder {
    margin-top: 10px;
    height: 35px!important;
    text-transform: none;
    width: 35px;
    padding: 6px;
}
.modal-galerie_image .add-folder-content .name-new-folder-content {
    width: 165px;
}
.modal-galerie_image .folder-name {
    word-wrap: break-word;
}
.modal-galerie_image .size-15 {
    width: 15px;
    height: 15px;
}
/* Fin galerie image */
.btn-ronded {
    border-radius: 20px;
}
.no-select-text {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.cursor-info {
    cursor: help;
}

.btnText {
    border: none;
    background-color: inherit;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
  }

.btn-danger {color: red;}
.btn-default {color: black;}