/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-menu .ui-menu {
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}
.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}
.ui-checkboxradio-disabled {
    pointer-events: none;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}
.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}
.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}
.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}
.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}
.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25); /* support: IE8 */
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}
.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}
.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}
body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}
.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}
.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/media/images/systems/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("/media/images/systems/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("/media/images/systems/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/media/images/systems/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("/media/images/systems/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/media/images/systems/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("/media/images/systems/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}







































































































































































































/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-menu .ui-menu {
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}
.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}
.ui-checkboxradio-disabled {
    pointer-events: none;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}
.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}
.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}
.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}
.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}
.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25); /* support: IE8 */
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}
.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}
.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}
body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}
.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}
.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/media/images/systems/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("/media/images/systems/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("/media/images/systems/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/media/images/systems/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("/media/images/systems/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/media/images/systems/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("/media/images/systems/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}






























































































































































































































































































































/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/













/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* RESET */
a, a:hover, a:focus, a:active{
    color:inherit;
    text-decoration: inherit;
    font-size: inherit;
}










/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* GENERAL */
html, body{
    margin:0;
    padding:0;
    font-family: var(--font1), "Georgia", "Times New Roman", "Arial";
    /*background-attachment: fixed;*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
}
main{
    min-height: calc(100vh - 640px);
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 0;
}




/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* Cookies */
.popup-cookies{
    display: none;
    position: fixed;
    bottom: 0;
    left: 5%;
    width: 90%;
    z-index: 9999999;
    background-color: var(--faaBleu);
    color: var(--faaNoir);
    -webkit-box-shadow: 5px 5px 5px var(--faaNoir3);
            box-shadow: 5px 5px 5px var(--faaNoir3);
}
.popup-cookies .content{
    margin: 0;
    background-color: var(--faaJaune9);
}
.popup-cookies .img-close{
    position: absolute;
    top: -15px;
    left: calc(100% - 15px);
    width: 30px;
    height: 30px;
    clear: both;
    cursor: pointer;
}
.popup-cookies .divCookies{
    margin: 20px;
}
.popup-cookies p{
    margin: 5px;
    text-align: center;
}
.popup-cookies .buttons{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-left: 50%;
}
.popup-cookies .buttons button{
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
}
.popup-cookies .btnParam{
    background-color: inherit;
    color: var(--faaNoir7);
    border: none;
}
.popup-cookies .btnAccept{
    background-color: var(--faaBlanc);
    color: var(--faaNoir);
    border-color: var(--faaJaune);
    padding: 5px 30px;
    border-radius: 5px;
}
.popup-cookies img:hover,
.popup-cookies .btnParam:hover,
.popup-cookies .btnAccept:hover{
    cursor: pointer;
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.popup-cookies.visible{
    display: -ms-grid;
    display: grid;
}
















/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* LOGIN */
.login-overlay{
    display: none; /* table */
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--faaNoir5);
    z-index: 99999999999;
}
.login-overlay .encars{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.login-overlay .text{
    background-color: var(--faaBlanc5);
    border-radius: 15px;
}
.login-overlay .container{
    position: relative;
    width: 300px;
    height: 270px;
    padding: 50px 50px 20px 50px;
    margin-left: calc(50vw - 200px);
    background-color: var(--faaBlanc);
    border-radius: 10px;
    background-image: url(../media/images/Logo/LogoPropre.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 20px 10px;
    cursor: pointer;
}
.login-overlay .modal-close{
    position: absolute;
    top: 5px;
    left: calc(100% - 35px);
    width: 30px;
    height: 30px;
    background-image: url(../media/images/systems/modal-close.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
}
.login-overlay .modal-close:hover{
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.login-overlay .mdplost,
.login-overlay .connect{
    position: relative;
    top: -80px;
    left: 80px;
    width: 150px;
    color: var(--faaJaune);
    font-weight: bold;
    font-size: 0.7rem;
    cursor: pointer;
    text-align: right;
    display: inline-block;
}
.login-overlay .connect{
    top: -60px;
}
.login-overlay .mdplost:hover,
.login-overlay .connect:hover{
    display: inline-block;
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.login-overlay form h1{
    margin: 0px;
    text-shadow: 1px 2px 1px var(--faaBlanc);
}
.login-overlay form input{
    margin-top: 10px;
}
.login-overlay #formLoginAdmin input{
    margin-top: 30px;
}
.login-overlay form input[type=text],
.login-overlay form input[type=password]{
    width: 100%;
    font-size: 18px;
    line-height: 25px;
    background-color: var(--faaBlanc);
    text-align: center;
    border-radius: 10px;
}
.login-overlay form .admin,
.login-overlay form input[type=submit]{
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    font-size: 25px;
    line-height: 25px;
    background-color: var(--faaJaune);
    text-align: center;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    border-top: 1px solid var(--faaBlanc);
    border-left: 1px solid var(--faaBlanc);
    border-bottom: 2px solid var(--faaBlanc);
    border-right: 2px solid var(--faaBlanc);
    color: var(--faaBlanc);
}
.login-overlay form .admin:hover,
.login-overlay form input[type=submit]:hover{
    -webkit-transform: translate(-5px, -5px);
        -ms-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
}
.login-overlay form .admin{
    width: calc(80% - 40px);
    margin-top: 40px;
    color: black;
}
.login-overlay input{
    display: block;
}
.login-overlay .text.connected{
    position: relative;
    top: 20px;
}
.login-overlay .returnInfosLostAdmin,
.login-overlay .returnInfosLoginAdmin{
    position: relative;
    /*top: -20px;*/
}
.login-overlay .formPasswordLostAdmin{
    display: none;
}
.login-overlay .formPasswordLostAdmin .ilost{
    position: relative;
    top: 20px;
}
@media screen and (max-width: 410px){
    .login-overlay .container {
        width: 100vw;
        padding: 0;
        margin-left: 0;
    }
}
@media screen and (max-width: 300px){
    .login-overlay form .admin,
    .login-overlay form .logout{
        font-size: 1rem !important;
    }
}















/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* LOADER */
.loader-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.loader{
    display: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    border: 15px solid transparent;
    border-radius: 50%;
    border-top: 15px solid var(--faaNoir);
    width: 40px;
    height: 40px;
    -webkit-animation: spinChargementPDF 0.5s linear infinite;
    animation: spinChargementPDF 0.5s linear infinite;
}
.loader.active{
    display: block;
}
/* Safari */
@-webkit-keyframes spinChargementPDF {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spinChargementPDF {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}





























































































































































































































































































































/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* =================================  HEADER  ================================= */
/* ============================================================================ */
.header{
    position: fixed;
    top: 0;
    width: 100%;
    height: 200px;
    background-color: var(--faaBlanc);
    z-index: 99;
}
.header-container{
    z-index: 9999;
    position: relative;
}
.header .logoHeader{
    width: 300px;
}
.header .top-header{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 150px 230px;
    grid-template-columns: 150px 150px 230px;
    text-align: center;
    position: absolute;
    top: 0;
    left: calc(100% - 530px);
    border-bottom-left-radius: 20px;
    background-color: var(--faaBleu);
}
.header .top-header .col{
    border-bottom-left-radius: 20px;
    background-color: var(--faaBleu);
}
.header .top-header .col.tel,
.header .top-header .col.nos-horaires{
    color: var(--faaBlanc);
}
.header .top-header .col.tel svg{
    fill: var(--faaBlanc);
    width: 15px;
    height: 27px;
    margin-top: 10px;
}
.header .top-header .horaires{
    background-color: var(--faaBleu);
    border: none;
    color: var(--faaJaune);
    outline: none;
}
.header .top-header .col.tel a{
    display: block;
    text-decoration: none;
    color: inherit;
}
.header .top-header .col.tel span{
    position: relative;
    top: -10px;
    font-size: 1.0rem;
    font-weight: bold;
}
.header .top-header .col.nous-contacter{
    background-color: var(--faaJaune);
    width: 200%;
    font-weight: bold;
    text-decoration: none;
    color: inherit;
}
.header .slogan{
    color: var(--faaBleu);
    font-size: 2.0rem;
    line-height: 90%;
    font-weight: bold;
    width: 300px;
    text-align: center;
}
.header .top-header .col.nous-contacter p{
    width: 50%;
}
.header .clBarNavContent .menu{
    display: -ms-grid;
    display: grid;
    width: 70%;
    position: absolute;
    top: 60px;
    left: 30%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.header .nav-item{
    background-color: var(--faaJaune);
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    display: -ms-grid;
    display: grid;
    height: 80px;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: 30px;
}
.header .nav-item:nth-child(2n){
    color: var(--faaBleu);
}
.header .nav-item.active{
    margin-top: 0px;
    background-color: var(--faaBleu);
    color: var(--faaBlanc);
    height: 140px;
    width: 90%;
    margin-left: 5%;
    border-radius: 20px;
}
.header .nav-link{
    display: -ms-grid;
    display: grid;
    text-decoration: none;
    color: inherit;
}
.header .nav-link p{
    margin: auto;
}
.bg-fleche-jaune,
.bg-header-fleche-jaune{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: overlay;
    background-image: url(../media/images/systems/ligne_jaune.svg);
    background-position-x: 70%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: 70%;
}
.bg-fleche-jaune{
    opacity: 0.6;
    z-index: -1;
}
.bg-header-fleche-jaune{
    z-index: 999;
    overflow: hidden;
    height: 200px;
    opacity: 0.6;
}




/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* Barre de navigation */
header .clBarNavContentToggle{
    display: none;
    position: absolute;
    top: 70px;
    left: calc(100% - 50px);
    float: left;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    z-index: 99998;
    padding-top: 10px;
    background-color: var(--faaBlanc);
    border-radius: 5px;
    /*height: 35px;*/
    padding: 0;
}
.pageDashboard .clBarNavContentToggle{
    display: none;
}
.bar1, .bar2, .bar3 {
    width: 2rem;
    height: 0.25rem;
    background-color: var(--faaBleu9);
    -webkit-box-shadow: 2px 2px 1px var(--faaNoir3);
            box-shadow: 2px 2px 1px var(--faaNoir3);
    margin: 0.5rem 0.5rem;
    border-radius: 0.25rem;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.change .bar1, .change .bar2, .change .bar3 {
    background-color: var(--faaBleu9);
}
.change .bar2, .change .bar3 {
    -webkit-box-shadow: 0px 0px 0px var(--faaBlanc);
            box-shadow: 0px 0px 0px var(--faaBlanc);
}
.change .bar1 {
    /*-webkit-transform: rotate(-45deg) translate(-9px, 0.5rem);*/
    /*transform: rotate(-45deg) translate(-9px, 0.5rem);*/
    -webkit-transform: rotate(-45deg) translate(-12px, 10px);
    -ms-transform: rotate(-45deg) translate(-12px, 10px);
        transform: rotate(-45deg) translate(-12px, 10px);
    -webkit-transform: rotate(-45deg) translate(-0.5rem, 0.5rem);
    -ms-transform: rotate(-45deg) translate(-0.5rem, 0.5rem);
        transform: rotate(-45deg) translate(-0.5rem, 0.5rem);

}
.change .bar2 {
    opacity: 0;
}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-0.5rem, -0.5rem);
    -ms-transform: rotate(45deg) translate(-0.5rem, -0.5rem);
        transform: rotate(45deg) translate(-0.5rem, -0.5rem);
    position: relative;
}











/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* =================================  BODY  ================================= */
/* ============================================================================ */
.body-main{
    position: relative;
    top: 200px;
    min-height: calc(97.5vh - 350px);
}








/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* =================================  FOOTER  ================================= */
/* ============================================================================ */
.footer{
    position: relative;
    top: 200px;
    background-color: var(--faaBleu);
    color: var(--faaBlanc);
    text-align: center;
    padding: 10px;
    z-index: 9;
}
.footer .EntrepriseNom{
    font-size: 1.5rem;
    font-weight: bold;
}
.footer .connSecuCreateBy{
    color: var(--faaNoir);
    font-size: 0.8rem;
}

























/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* =================================  PAGES  ================================= */
/* ============================================================================ */

/* ACCUEIL */
.logo-map-voiture{
    float: left;
    position: relative;
    left: 30px;
    top: -10px;
}






/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* CGV et ML et sitemap et cookies */
.faa-page-ml .content,
.faa-page-siteMap .content,
.faa-page-poliCookies .content,
.faa-page-cgv .content{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 80px;
}
.faa-page-ml h1,
.faa-page-siteMap h1,
.faa-page-poliCookies h1,
.faa-page-cgv h1{
    color: var(--faaBleu);
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
}
.faa-page-ml h2,
.faa-page-siteMap h2,
.faa-page-poliCookies h2,
.faa-page-cgv h2{
    color: var(--faaBleu);
    font-size: 1.5rem;
    text-align: center;
}
.faa-page-poliCookies p,
.faa-page-cgv p{
    text-align: justify;
}
.faa-page-ml p{
    color: var(--faaBleu);
    text-align: center;
}


.faa-page-siteMap main{
    margin-left: 0px;
    margin-right: 50px;
}
.faa-page-siteMap .siteMap-container{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 6px 1fr;
    grid-template-columns: 1fr 6px 1fr;
    min-height: 300px;
}
.faa-page-siteMap .siteMap-container .img{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url('../media/images/entreprise/sitemap.png');
}
.faa-page-siteMap .siteMap-container .separate{
    width: 2px;
    background-color: var(--faaBleu);
    margin-left: 2px;
}
.faa-page-siteMap .tree{
    color: black;
    border-color: black;
    margin: auto;
    margin-left: 20%;
}
.faa-page-siteMap .text-title{
    position: relative;
    /*left: -20px;*/
    width: 40px;
}
.faa-page-siteMap .branch{
    /*padding-top: 5px;
    padding-left: 10px;*/
    position: relative;
    left: 20px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    height: 18px;
    width: 10px;
}
.faa-page-siteMap .text{
    position: relative;
    top:9px;
    left: 15px;
    width: 200px;
    text-align: left;
}
.faa-page-poliCookies .poliCookies-img{
    float: left;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url('../media/images/systems/cookie-25400_1280.png');
}
.faa-page-poliCookies .title-section{
    margin-bottom: 40px;
    text-align: inherit;
    margin-left: auto;
    margin-right: auto;
}
.faa-page-poliCookies h1{
    text-align: inherit;
    /*width: 430px;*/
    margin-top: 0;
}
.faa-page-poliCookies .content{
    /*display: grid;*/
}





/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* Contact */
.faa-page-contact main{
    margin-left: 0;
    margin-right: 0;
}
.faa-page-contact{
    display: -ms-grid;
    display: grid;
}
.faa-page-contact .contact-container-global{
    /*max-width: 1250px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.faa-page-contact .contact-container-general{
    background-color: var(--faaNoir5);
    padding: 0px 5%;
    overflow: hidden;
    /*max-width: 1250px;*/
}
.page-contact .contact-container-general{
    margin: auto;
    margin-top: 70px;
}
.page-rdv .content{
    margin: auto;
    margin-top: 70px;
}
.page-rdv .content .faa-page-contact .contact-container-general{
    margin-left: 2.5%;
    margin-top: 50px;
}
.faa-page-contact .title-section{
    position: relative;
    top: -20px;
    left: 65%;
    color: var(--faaBlanc);
    font-weight: bold;
}
.faa-page-contact .contact-container{
    position: relative;
    width: 100%;
    height: 520px;
}
.faa-page-contact .carte-container{
    width: 50vw;
    height: 35vh;
    border: 3px solid var(--faaJaune);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url('../media/images/entreprise/contact_image_maps.png');
}
.faa-page-contact iframe{
    width: 100%;
    height: 100%;
    border:0;
}
.faa-page-contact .contact-content{
    position: absolute;
    top: calc(100% - 50vh);
    left: calc(100% - 50vw);
    width: 50vw;
    height: 40vh;
    background-color: var(--faaBleu);
}
.faa-page-contact .form-contact{
    height: 100%;
}
.faa-page-contact .form-contact .champ-send{
    position: absolute;
    bottom: -20px;
    left: 30%;
    width: 40%;
    height: 40px;
}
.faa-page-contact .form-contact .iSend{
    width: 100%;
    height: 100%;
    background-color: var(--faaJaune);
    border-color: var(--faaJaune);
    font-weight: bold;
    border-radius: 8px;
}
.faa-page-contact .form-contact .champs{
    position: relative;
    width: 100%;
    height: 80%;
    min-height: 40px;
    background-color: var(--faaBlanc9);
    margin-top: 5%;
}
.faa-page-contact .form-contact .champs input,
.faa-page-contact .form-contact .champs textarea{
    position: absolute;
    top: 10px;
    left: 5px;
    background-color: transparent;
    border: transparent;
    outline: none;
    width: calc(100% - 10px);
    height: calc(100% - 15px);
    z-index: 9;
    font-size: 1.5rem;
}
.faa-page-contact .form-contact .champs textarea{
    text-align: left;
}
.faa-page-contact .form-contact .champ-raisons{
    height: 40px;
    margin: 6% 2% 2%;
    width: 96%;
}
.faa-page-contact .form-contact .champs-col{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2% 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2%;
    margin: 2%;
    height: 40%;
}
.faa-page-contact .form-contact .champ-projet{
    margin: 0 2%;
    width: 96%;
    min-height: 100px;
    height: 40%;
}
.faa-page-contact.rdv .form-contact .champ-projet{
    min-height: 80px;
    height: auto;
}
.faa-page-contact .form-contact .returnError{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: right;
    color: red;
    font-size: 0.75rem;
}
.faa-page-contact .encars-tel{
    position: relative;
    top: 40px;
    left: 5%;
    color: var(--faaBlanc);
}
.faa-page-contact .encars-tel svg{
    fill: var(--faaBlanc);
    width: 40px;
    height: 40px;
    margin-top: 5px;
    border-radius: 40px;
    background-color: var(--faaJaune);
    padding: 10px;
}
.faa-page-contact .encars-tel span{
    font-size: 2.5rem;
    position: relative;
    top: -20px;
    left: 20px;
}
.faa-page-contact .explication{
    position: absolute;
    bottom: 0;
}
.faa-page-contact .champ-immatriculation,
.faa-page-contact .champ-joursPref,
.faa-page-contact .champ-raisons{
    display: none;
}
.faa-page-contact.rdv .champ-immatriculation,
.faa-page-contact.rdv .champ-joursPref,
.faa-page-contact.rdv .champ-raisons{
    display: block;
}
.faa-page-contact.rdv .title-section1,
.faa-page-contact .title-section2{
    display: none;
}
.faa-page-contact .title-section1,
.faa-page-contact.rdv .title-section2{
    display: block;
}
.faa-page-contact.rdv .iJoursPref,
.faa-page-contact.rdv .iRaisons{
    position: absolute;
    top: 16px;
    width: calc(100% - 12px);
    z-index: 888;
    background-color: var(--faaBlanc);
    padding: 3px 6px;
}
.faa-page-contact.rdv .iRaisons{
    z-index: 666;
}
.faa-page-contact.rdv .iJoursPref.off>div,
.faa-page-contact.rdv .iRaisons.off>div{
    display: none;
}
.faa-page-contact.rdv .iJoursPref.off>div.select,
.faa-page-contact.rdv .iRaisons.off>div.select{
    display: block;
}
.faa-page-contact.rdv .iJoursPref.on>div.disabled,
.faa-page-contact.rdv .iRaisons.on>div.disabled{
    cursor: not-allowed;
    background-color: var(--faaNoir5);
}
.faa-page-contact.rdv .iJoursPref>div,
.faa-page-contact.rdv .iRaisons>div{
    border: 1px solid var(--faaBleu);
    color: var(--faaBleu);
    min-height: 20px;
    cursor: pointer;
    background-color: var(--faaJaune);
    text-align: center;
    line-height: 20px;
}
.faa-page-contact.rdv .iJoursPref.off>div,
.faa-page-contact.rdv .iRaisons.off>div{
    height: 20px;
}
.faa-page-contact.rdv .iJoursPref>div:hover,
.faa-page-contact.rdv .iRaisons>div:hover{
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.faa-page-contact.rdv .iJoursPref>div.none:hover,
.faa-page-contact.rdv .iJoursPref>div.disabled:hover,
.faa-page-contact.rdv .iRaisons>div.none:hover,
.faa-page-contact.rdv .iRaisons>div.disabled:hover{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
.faa-page-contact.rdv .btn-down-joursPref,
.faa-page-contact.rdv .btn-down-raisons{
    position: absolute;
    top: 20px;
    right: 7px;
    width: 20px;
    height: 20px;
    z-index: 999;
    background-color: var(--faaJaune);
    cursor: pointer;
}
.faa-page-contact.rdv .btn-down-raisons{
    z-index: 777;
}
.faa-page-contact.rdv .btn-down-joursPref svg,
.faa-page-contact.rdv .btn-down-raisons svg{
    position: relative;
    top: -5px;
    left: 0px;
}
.faa-page-contact.rdv .btn-down-joursPref.on svg,
.faa-page-contact.rdv .btn-down-raisons.on svg{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.faa-page-accueil .encars-tel{
    top: 70px;
}


















/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* ACCUEIL */
.faa-page-accueil .sec-accueil  .container h1{
    border-top: 1px solid var(--faaJaune);
    border-bottom: 1px solid var(--faaJaune);
    padding: 20px;
}




.faa-page-accueil .sec-promotions  h1{
    text-align: center;
}
.faa-page-accueil .sec-promotions  .desc-promos{
    text-align: center;
    color: var(--faaBleu);
    font-size: 1.5rem;
}
.faa-page-accueil .sec-promotions  .promos-container{
    background-color: var(--faaJaune);
    -webkit-clip-path: polygon(nonzero, 20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
            clip-path: polygon(nonzero, 20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    position: relative;
    left: -20px;
    width: 100%;
    padding: 20px;
}
.faa-page-accueil .sec-promotions  .promos-container .promos{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px (1fr)[3] 50px;
    grid-template-columns: 50px repeat(3, 1fr) 50px;
    text-align: center;
}
.faa-page-accueil .sec-promotions  .promos-container .promos .promo{
    padding: 20px;
}
.faa-page-accueil .sec-promotions  .promos-container .promos .promo:nth-child(3){
    border-left: 1px solid red;
    border-right: 1px solid red;
}
.faa-page-accueil .sec-promotions  .promos-container .promos .ligne1{
    color: var(--faaBleu);
    font-size: 2.5rem;
}
.faa-page-accueil .sec-promotions  .promos-container .promos .ligne2{
    color: red;
    width: 100%;
    font-size: 2.5rem;
}
.faa-page-accueil .sec-promotions  .promos-container .promos .ligne3{/*
    width: 50%;
    margin-left: 50%;
    font-size: 0.9rem;
    text-align: left;*/
    width: 100%;
    text-align: right;
    font-size: 0.9rem;
}
.faa-page-accueil .sec-promotions  .promos-container .promos .ligne4{
    font-size: 0.8rem;
}
.faa-page-accueil .sec-promotions  .promos-container .promos .btn-left,
.faa-page-accueil .sec-promotions  .promos-container .promos .btn-right{
    margin: auto;
}
.faa-page-accueil .sec-promotions  .promos-container .promos .btnLeftRight svg{
    width: 40px;
    height: 40px;
    border: 1px solid var(--faaNoir);
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}
.faa-page-accueil .sec-promotions  .promos-container .promos .btnLeftRight.desactif svg{
    fill: var(--faaNoir5);
    cursor: not-allowed;
    border-color: var(--faaNoir5);
}
.faa-page-accueil .sec-promotions  .promos-container .promos .btnLeftRight:hover{
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.faa-page-accueil .sec-promotions  .promos-container .promos .btnLeftRight.desactif:hover{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}










.faa-page-accueil .sec-nouveautes h1,
.faa-page-accueil .sec-nouveautes .text{
    text-align: center;
}
.faa-page-accueil .sec-nouveautes{
    margin-top: 50px;
    margin-bottom: 50px;
}
.faa-page-accueil .sec-nouveautes .content{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 560px){
    .faa-page-accueil .sec-nouveautes .content {
        grid-template-columns: 1fr;
    }
}
.faa-page-accueil .sec-nouveautes .encars-nouveautes{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(https://cdn.pixabay.com/photo/2015/10/19/20/01/petrol-996617_960_720.jpg);
    width: 100%;
    height: 250px;
    margin: auto;

}
.faa-page-accueil .sec-nouveautes .text{
    /*background-color: var(--faaBlanc2);*/
    /*position: relative;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    display: table;
    overflow: hidden;
    padding: 20px;
}
.faa-page-accueil .sec-nouveautes .subtext{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-bottom: 40px;
}
.faa-page-accueil .sec-nouveautes .subtext .certificate{
    position: absolute;
    bottom: 0;
    right: 0;
    /*text-transform: uppercase;*/
}
.faa-page-accueil .sec-nouveautes .subtext .certificate .marque-eflexfuel{

}
.faa-page-accueil .sec-nouveautes .subtext .certificate .marque-eflexfuel .eflexfuel{
    color: var(--faaNoir8);
    font-weight: bold;
    margin-bottom: 10px;
}
.faa-page-accueil .sec-nouveautes .subtext .certificate .marque-eflexfuel .eflexfuel .e{
    color: var(--faaVert);
    font-size: 12px;
}
.faa-page-accueil .sec-nouveautes .subtext .certificate .marque-eflexfuel .technology{
    background-color: var(--faaVert);
    color: white;
    font-size: 10px;

    width: fit-content;
    position: absolute;
    top: 14px;
    right: 10px;
    z-index: -1;
}
.faa-page-accueil .sec-nouveautes .subtext .certificate .iso img{
    width: 10px;
}
.faa-page-accueil .sec-nouveautes .subtext .certificate .iso{
    font-size: 10px;
}




.faa-page-accueil .sec-nouveautes-popup{
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 300px;
    height: 300px;
    border-radius: 150px;
    text-align: center;
    /*background-color: red;*/
    color: var(--faaVert);
    z-index: 999;
    box-shadow: black 0px 0px 100px 20px;
}
.faa-page-accueil .sec-nouveautes-popup.hiddenDiv{
    display: none;
}
.faa-page-accueil .sec-nouveautes-popup .container-circle{
    background-color: var(--faaBlanc8);
    width: 100%;
    height: 100%;
    border-radius: 150px;
    border: 5px solid var(--faaJaune);
}
.faa-page-accueil .sec-nouveautes-popup .container{
    position: relative;
    background: var(--faaJaune);
    top: 10px;
    left: 10px;
    width: 280px;
    height: 280px;
    border-radius: 150px;
    /*top: 0;*/
    /*left: 300px;*/
    /*width: 300px;*/
    /*height: 300px;*/
    /*border-radius: 150px;*/
    /*text-align: center;*/
}
.faa-page-accueil .sec-nouveautes-popup .container-text{
    display: table;
    overflow: hidden;
}
.faa-page-accueil .sec-nouveautes-popup .container-subtext{
    display: table-cell;
    vertical-align: middle;
}
.faa-page-accueil .sec-nouveautes-popup h1{
    border: none !important;
}
.page-accueil .sec-nouveautes-popup .close{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    background-image: url(../media/images/systems/modal-close.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.page-accueil .sec-nouveautes-popup .close:hover{
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.page-accueil .sec-nouveautes-popup img{
    width: 50px;
    margin-top: 15px;
}












.faa-page-accueil .sec-occasions h1{
    text-align: center;
}
.page-voccas .occasions-viewer,
.faa-page-accueil .contents-occasions-accueil{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
.page-voccas .occasions-viewer{
    margin-bottom: 50px;
}
.page-voccas .occasions-viewer .vehicule-card,
.faa-page-accueil .contents-occasions-accueil .vehicule-card{
    margin: auto;
}
.page-voccas .occasions-viewer img,
.faa-page-accueil .contents-occasions-accueil img{
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
}
.faa-page-accueil .contents-occasions-accueil .global{
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70% 30%;
    grid-template-columns: 70% 30%;
}
.faa-page-accueil .contents-occasions-accueil .global .tarifs{
    /*position: absolute;*/
    /*top: 0;*/
    text-align: right;
    /*width: 100%;*/
}
.faa-page-accueil .contents-occasions-accueil .global hr{
    position: absolute;
    top: 30px;
    left: 10%;
    width: 80%;
    border: none;
    border-bottom: 1px solid var(--faaBleu5);
}
.page-voccas .occasions-viewer .vehicule-details,
.faa-page-accueil .contents-occasions-accueil .vehicule-details{
    background-color: var(--faaBeige);
    text-align: center;
    -webkit-box-shadow: 5px 5px 5px var(--faaNoir7);
            box-shadow: 5px 5px 5px var(--faaNoir7);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.page-voccas .occasions-viewer .details,
.faa-page-accueil .contents-occasions-accueil .details{
    width: 100%;
    position: relative;
    font-size: 1.3rem;
}
.page-voccas .occasions-viewer .details{
    min-height: 220px;
    padding-bottom: 50px;
}
.page-voccas .occasions-viewer .options img,
.faa-page-accueil .contents-occasions-accueil .options img{
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 10px;
    display: inline-block;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}
.faa-page-accueil .contents-occasions-accueil .options img{
    /*display: none;*/
}
.page-voccas .occasions-viewer .options img.actif,
.faa-page-accueil .contents-occasions-accueil .options img.actif{
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}
.page-voccas .occasions-viewer .options,
.faa-page-accueil .contents-occasions-accueil .options{
    margin: 10px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.faa-page-accueil .contents-occasions-accueil .options,
.page-voccas .occasions-viewer .options{
    width: 200px;
}
.page-voccas .occasions-viewer .voir-plus,
.faa-page-accueil .contents-occasions-accueil .voir-plus{
    text-align: center;
    cursor: pointer;
}
.page-voccas .occasions-viewer .voir-plus{
    position: absolute;
    bottom: 5px;
    left: calc(50% - 40px);
    width: 80px;
}
.page-voccas .occasions-viewer .km,
.page-voccas .occasions-viewer .titre{
    min-height: 1.2rem;
}
.page-voccas .occasions-viewer .voir-plus .plus,
.faa-page-accueil .contents-occasions-accueil .voir-plus .plus{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../media/images/options/add.svg);
    width: 40px;
    height: 40px;
    margin: auto;
}
.page-voccas .occasions-viewer .voir-plus .moins,
.faa-page-accueil .contents-occasions-accueil .voir-plus .moins{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../media/images/options/sub.png);
    width: 40px;
    height: 40px;
    margin: auto;
}
.page-voccas .occasions-viewer .vehicule-details .titre,
.faa-page-accueil .contents-occasions-accueil .vehicule-details .titre{
    margin: 10px;
    font-weight: bold;
}
.page-voccas .occasions-viewer .vehicule-details .tarifs,
.faa-page-accueil .contents-occasions-accueil .vehicule-details .tarifs{
    position: absolute;
    bottom: 40px;
    right: 10px;
}
.faa-page-accueil .contents-occasions-accueil .vehicule-details .tarifs{
    top: 160px;
}
.faa-page-accueil .occasions-voir-plus{
    background-color: var(--faaBleu);
    color: var(--faaBlanc);
    padding: 10px 50px;
    text-align: center;
    margin: 20px auto;
    width: 20%;
    border-radius: 5px;
    cursor: pointer;
    min-width: 150px;
}
.page-voccas .occasions-viewer .voir-plus:hover,
.faa-page-accueil .occasions-voir-plus:hover,
.faa-page-accueil .contents-occasions-accueil .voir-plus:hover{
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.faa-page-accueil .occasions-voir-plus:hover{
    -webkit-box-shadow: 2px 2px 2px var(--faaNoir5);
            box-shadow: 2px 2px 2px var(--faaNoir5);
}
.faa-page-accueil .description-option,
.page-voccas .occasions-viewer .description-option{
    position: relative;
    top: -20px;
    font-size: 0.8rem;
}
.faa-page-accueil .description-option{
    height: 0rem;
}
.faa-page-accueil .occasions-voir-plus{
    padding: 0;
}
.faa-page-accueil .occasions-voir-plus>a{
    display: block;
    padding: 10px 0;
    cursor: pointer;
}
.faa-page-accueil .vehicule-details .description,
.page-voccas .vehicule-details .description{
    display: none;
}




.page-voccas .occasions-viewer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.page-voccas .vehicule-details{
    width: 400px;
    margin: 10px !important;
}
.page-voccas .vehicule-details .image img.miniature{
    display: none;
    width: 50px !important;
    height: 50px;
    -o-object-fit: cover;
       object-fit: cover;
    cursor: pointer;
}
.page-voccas .vehicule-details.developed .image .encars-image{
    visibility: hidden;
    cursor: default;
}
.page-voccas .vehicule-details .image img.miniature.actif{
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    cursor: not-allowed;
}
.page-voccas .vehicule-details.developed{
    width: 700px;
}
.page-voccas .vehicule-details.developed .image img.image0.big{
    width: calc(100% - 50px);
    float: left;
    -o-object-fit: contain;
       object-fit: contain;
    background-color: var(--faaNoir);
}
.page-voccas .vehicule-details.developed .image img.miniature,
.page-voccas .vehicule-details.developed .description{
    display: block;
}
.page-voccas .vehicule-details.developed .description{
    display: block;
    margin-bottom: 30px;
    text-align: justify;
    padding: 0 50px;
}
.page-voccas .occasions-viewer .vehicule-details.developed .details{
    min-height: 220px;
    padding-bottom: 70px;
}














.faa-page-accueil .sec-demarrage{
    display: -ms-grid;
    display: grid;
    margin-top: 100px;
}
.faa-page-accueil .sec-demarrage .container{
    margin: auto;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: var(--faaBlanc5);
}
.faa-page-accueil .sec-demarrage .entreprise{
    font-size: 3rem;
    font-weight: bold;
    color: var(--faaBleu);
}
.faa-page-accueil .sec-demarrage .adresse{
    position: relative;
}
.faa-page-accueil .sec-demarrage .adresse .svg-auto{
    position: absolute;
    top: 8px;
    left: 0;
    width: 32px;
    height: 7px;
}
.faa-page-accueil .sec-demarrage .adresse span{
    position: relative;
    top: -5px;
    font-size: 2rem;
    font-weight: bold;
}



.faa-page-accueil .sec-forfait{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}
.faa-page-accueil .sec-forfait .cartes-container{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 10% 80% 10%;
    grid-template-columns: 10% 80% 10%;
    margin-top: 40px;
}
.faa-page-accueil .sec-forfait .cartes-container .btn-before,
.faa-page-accueil .sec-forfait .cartes-container .btn-after{
    display: -ms-grid;
    display: grid;
}
.faa-page-accueil .sec-forfait .cartes-container .btn-before svg,
.faa-page-accueil .sec-forfait .cartes-container .btn-after svg{
    margin: auto;
    cursor: pointer;
    border: 2px solid var(--faaNoir);
    border-radius: 40px;
    padding: 5px;
}
.faa-page-accueil .sec-forfait .cartes-container .btn-before.desactif svg,
.faa-page-accueil .sec-forfait .cartes-container .btn-after.desactif svg{
    fill: var(--faaNoir5);
    cursor: not-allowed;
    border-color: var(--faaNoir5);
}
.faa-page-accueil .sec-forfait .cartes{
    /*display: grid;*/
    /*grid-template-columns: repeat(3, 1fr);*/
    /*grid-template-rows: 1fr;*/
    position: relative;
}
.faa-page-accueil .sec-forfait .cartes .carte{
    background-color: var(--faaJaune);
    border-radius: 20px;
    width: 40%;
}
.faa-page-accueil .sec-forfait .cartes .carte.actif:nth-child(2){
    background-color: var(--faaBleu);
    color: var(--faaJaune);
    position: absolute;
    top: -20px;
    left: 30%;
    z-index: 1;
}
.faa-page-accueil .sec-forfait .cartes .carte.actif:nth-child(3){
    position: absolute;
    top: 0;
    left: 60%;
}
.faa-page-accueil .sec-forfait .cartes .carte .title{
    height: 30px;
    line-height: 30px;
    font-size: 1.5rem;
}
.faa-page-accueil .sec-forfait .cartes .carte .img{
    height: 300px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
}
.faa-page-accueil .sec-forfait .cartes .carte.actif:nth-child(1)  .title{
    margin-right: 15%;
}
.faa-page-accueil .sec-forfait .cartes .carte.actif:nth-child(2)  .title{
    height: 40px;
    line-height: 40px;
    font-size: 1.8rem;
}
.faa-page-accueil .sec-forfait .cartes .carte.actif:nth-child(3) .title{
    margin-left: 15%;
}
.faa-page-accueil .sec-forfait .cartes .carte.actif:nth-child(2) .img{
    height: 330px;
}
.faa-page-accueil .sec-forfait .cartes .carte.desactif{
    display: none;
}
.faa-page-accueil .sec-forfait .cartes .carte.actif{
    display: block;
}




.faa-page-accueil .sec-contact{
    margin-bottom: 50px;
}

















/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* Forfaits */
.faa-page-forfaits{

}
.faa-page-forfaits .forfaits-global-content .texte{
    color: var(--faaBleu);
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}
.faa-page-forfaits .forfaits-container{
    margin-bottom: 180px;
}
.faa-page-forfaits .forfaits{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5% 1fr 5% 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5%;
}
.faa-page-forfaits .forfaits .forfait{
    background-color: var(--faaBleu);
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    margin-top: 5%;
}
.faa-page-forfaits .forfaits .forfait .titre{
    color: var(--faaJaune);
    font-weight: bold;
}
.faa-page-forfaits .forfaits .forfait hr{
    width: 80%;
    margin-left: 10%;
}
.faa-page-forfaits .forfaits .forfait .content{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    color: var(--faaBlanc);
}
.faa-page-forfaits .forfaits .forfait .content .img{
    display: block;
    width: 100%;
    height: 100%;
    min-height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.faa-page-forfaits .forfaits .forfait .content .desc{
    display: -ms-grid;
    display: grid;
}
.faa-page-forfaits .forfaits .forfait .content .desc .offre{
    margin: auto;
}
.faa-page-forfaits .forfaits .forfait .content .desc .designation{
    margin: auto;
    font-size: 0.8rem;
}
.faa-page-forfaits .forfaits .aucunForfait{
    text-align: center;
    width: 100%;
    margin-top: 50px;
}






























.page-accueil .contents-avis-client-accueil .notes{
    position: relative;
    left: 10%;
    width: 80%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    margin: 10px;
}
.page-accueil .contents-avis-client-accueil .notes>div{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 20px;
}
.page-accueil .contents-avis-client-accueil .notes>div>svg{
    width: 100%;
    height: 100%;
}
.page-accueil .contents-avis-client-accueil .notes .etoile-pleine{
    /*background-image: url(../media/images/systems/etoile_notation_pleine.svg);*/
}
.page-accueil .contents-avis-client-accueil .notes .etoile-demi{
    /*background-image: url(../media/images/systems/etoile_notation_demi.svg);*/
}
.page-accueil .contents-avis-client-accueil .notes .etoile-vide{
    /*background-image: url(../media/images/systems/etoile_notation_vide.svg);*/
}
.faa-page-accueil .contents-avis-client-accueil{
    background-color: var(--faaBeige);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
.faa-page-accueil .contents-avis-client-accueil .texte{
    background-color: var(--faaBlanc);
    padding: 10px;
    height: calc(100% - 74px);
    max-height: 120px;
    overflow: auto;
    display: -ms-grid;
    display: grid;
    background-image: url(../media/images/systems/quote-left.svg), url(../media/images/systems/quote-right.svg);
    background-position: 2px 2px, calc(100% - 2px) calc(100% - 2px);
    background-size: 10px, 10px;
    background-repeat: no-repeat, no-repeat;
}
.faa-page-accueil .contents-avis-client-accueil .texte p{
    margin: auto;
}
.faa-page-accueil .contents-avis-client-accueil .date{
    text-align: center;
}
.page-accueil .contents-avis-client-accueil{
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    -webkit-clip-path: polygon(nonzero, 0% 0%, 100% 0%, calc(100% - 50px) 50%, 100% 100%, 0% 100%, 50px 50%);
            clip-path: polygon(nonzero, 0% 0%, 100% 0%, calc(100% - 50px) 50%, 100% 100%, 0% 100%, 50px 50%);
    padding: 20px 60px;
    margin-bottom: 50px;
}
.page-accueil .contents-avis-client-accueil .card{
    display: block;
}
.page-accueil .contents-avis-client-accueil .card.actif{
    /*display: block;*/
}



.page-accueil .contents-avis-client-accueil .ligne{
    position: relative;
}
.page-accueil .contents-avis-client-accueil .ligne .date{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: right;
}
.page-accueil .avis-client-overlay-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--faaNoir5);
    display: none;
}
.page-accueil .avis-client-overlay-container.actif{
    display: -ms-grid;
    display: grid;
}
.page-accueil .avis-client-overlay-container .content{
    margin: auto;
    width: 330px;
    background-color: var(--faaBlanc);
    padding: 20px;
    border-radius: 20px;
}
.page-accueil .add-avis-client-btn{
    text-align: center;
    background-color: var(--faaBeige);
    padding: 10px 50px;
    border-radius: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    position: relative;
    top: -40px;
    font-weight: bold;
    -webkit-box-shadow: 2px 2px 2px black;
            box-shadow: 2px 2px 2px black;
    cursor: pointer;
}
.page-accueil .add-avis-client-btn:hover{
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.page-accueil .avis-client-overlay-container .content{
    text-align: center;
    position: relative;
}
.page-accueil .avis-client-overlay-container .texte,
.page-accueil .avis-client-overlay-container .personne{
    position: relative;
    height: 40px;
    margin-bottom: 10px;
}
.page-accueil .avis-client-overlay-container .texte textarea,
.page-accueil .avis-client-overlay-container .personne input{
    width: 100%;
    padding: 10px 0 0 0;
    background-color: transparent;
    border: 1px solid var(--faaBleu);
    border-radius: 5px;
    resize: none;
}
.page-accueil .avis-client-overlay-container .texte label,
.page-accueil .avis-client-overlay-container .personne label{
    position: absolute;
    top: 2px;
    left: 5px;
    text-align: left;
}

.page-accueil .avis-client-overlay-container .title{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.page-accueil .avis-client-overlay-container .notes{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (30px)[6];
    grid-template-columns: repeat(6, 30px);
    margin: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 10px;
}
.page-accueil .avis-client-overlay-container .new-avis .notes svg{
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.page-accueil .avis-client-overlay-container .notes>div{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    cursor: pointer;
}
.page-accueil .avis-client-overlay-container .notes>div:hover{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transform: translate(-1px, -1px);
        -ms-transform: translate(-1px, -1px);
            transform: translate(-1px, -1px);
}
.page-accueil .avis-client-overlay-container .notes .etoile-none{
    background-image: url(../media/images/systems/traffic.svg);
}
.page-accueil .avis-client-overlay-container .notes .etoile-pleine{
    background-image: url(../media/images/systems/etoile_notation_pleine.svg);
}
.page-accueil .avis-client-overlay-container .notes .etoile-demi{
    background-image: url(../media/images/systems/etoile_notation_demi.svg);
}
.page-accueil .avis-client-overlay-container .notes .etoile-vide{
    background-image: url(../media/images/systems/etoile_notation_vide.svg);
}
.page-accueil .avis-client-overlay-container .content .close{
    position: absolute;
    top: 5px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-image: url(../media/images/systems/modal-close.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.page-accueil .avis-client-overlay-container .content .close:hover{
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.page-accueil .avis-client-overlay-container .content .btn-valide-avis{
    background-color: var(--faaJaune);
    padding: 10px 20px;
    border-color: var(--faaJaune);
    -webkit-box-shadow: 3px 3px 3px var(--faaBleu5);
            box-shadow: 3px 3px 3px var(--faaBleu5);
    cursor: pointer;
    border-radius: 5px;
}
.page-accueil .avis-client-overlay-container .content .btn-valide-avis:hover{
    -webkit-transform: translate(-2px, -2px);
        -ms-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
}
.page-accueil .avis-client-overlay-container .content hr{
    width: 70%;
}





.anchor-decalage{
  display: block;
  height: 200px; /*same height as header*/
  margin-top: -200px; /*same height as header*/
  visibility: hidden;
}
















































































































































































































































































































































/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* ==============================      ADMIN     ============================== */
/* ============================================================================ */

.hfswaa{
}
.hfswaa main{
    left: 30px;
}
.hfswaa .AdminGlobal{
    position: fixed;
    z-index: 99999;
}
.hfswaa .AdminGlobal.actif{
    background-color: var(--faaNoir5);
    width: 100%;
}



.pageDashboard.body-main{
    background-color: var(--faaNoir1);
    font-family: "Georgia", "Times New Roman", "Arial";
    position: absolute;
    top: 0;
    min-height: calc(100vh - 16px);
    color: var(--faaBlanc);
    width: 100%;
}
.pageDashboard .not-connected{
    top: 50px;
    left: 100px;
}
.pageDashboard .not-connected .logoHeader{
    position: absolute;
    top: -60px;
    left: -120px;
    width: 200px;
}
.pageDashboard .not-connected a{
    color: var(--faaBleu);
    text-decoration: underline;
}
.pageDashboard.body-main main{
    margin-left: 30px;
    color: var(--faaNoir);
}
.pageDashboard.body-main main h1{
    margin-left: 100px;
}
.pageDashboard p.description-page{
    color: var(--faaNoir5);
    margin: 0;
    margin-left: 120px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
    position: relative;
    top: -10px;
    height: 45px;
}
.pageDashboard .navAdmin{
    height: 100vh;
    overflow: auto;
    background-color: var(--faaNoir);
    width: fit-content;
}
.pageDashboard .navAdmin .logoHeader{
    position: absolute;
    width: 200px;
}
.pageDashboard .navAdmin.desactif .logoHeader{
    width: 30px;
}
.pageDashboard nav ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.pageDashboard nav a{
    display: block;
    clip-path: polygon(nonzero, 0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    width: 150px;
    height: 100px;
    background-color: var(--faaJaune);
    position: relative;
    cursor: pointer;
}
.pageDashboard nav a:nth-child(2n){
    top: 40px;
    left: -45px;
    margin: 15px;
}
.pageDashboard nav li{
    list-style: none;
}
.pageDashboard nav li.nonActif,
.pageDashboard nav li.actif{
    list-style: none;
    clip-path: polygon(nonzero, 4px 50%, calc(25% + 3px) 3px, calc(75% - 3px) 3px, calc(100% - 4px) 50%, calc(75% - 3px) calc(100% - 3px), calc(25% + 3px) calc(100% - 3px), 4px 50%);
    width: 150px;
    height: 100px;
    background-color: crimson;
    text-align: center;
    display: grid;
    /*position: relative;*/
    /*top: 2.5px;*/
    /*left: 2.5px;*/
}
.pageDashboard nav li.returnSite{
    background-color: blueviolet;
}
.pageDashboard nav a.actif{
    background-color: var(--faaBlanc);
}
.pageDashboard nav li.actif{
    background-color: var(--faaBleu);
}
.pageDashboard nav a:hover{
    background-color: var(--faaBlanc);
}
.pageDashboard nav a:hover li{
    background-color: var(--faaNoir5);
}
.pageDashboard nav li>div{
    margin: auto;
}
.pageDashboard .navAdmin.desactif{

}
.pageDashboard .navAdmin.desactif a{
    display: none;
}
.pageDashboard .navAdmin.desactif a.actif{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}


















/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* ==============================  Statistiques  ============================== */
/* ============================================================================ */

.page-admin-statistiques{

}
.page-admin-statistiques .table-visiteurs{
    display: none !important;
}
.page-admin-statistiques .maps{
    position: relative;
    width: 100%;
    height: 600px;
}
.page-admin-statistiques .mapMonde,
.page-admin-statistiques .mapMondeAnnexe{
    position: absolute;
    top: 0;
    left: 0;
}
.page-admin-statistiques .mapMonde{
    background-color: #000321;
    background-image: url(../media/images/admin/mapMonde.png);
    background-position: 50%;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.page-admin-statistiques .mapMondeAnnexe{
    background-position: 50%;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.page-admin-statistiques .map_FR{
    background-image: url(/media/images/admin/FR.png);
}
.page-admin-statistiques .nbVisiteRecap{
    position: relative;
}
.page-admin-statistiques .listePays form{
    column-count: 5;
}
.page-admin-statistiques .triageListeGraphique span{
    color: darkgray;
    cursor: pointer;
}
.page-admin-statistiques .triageListeGraphique span.actif{
    color: darkblue;
    cursor: not-allowed;
}
.page-admin-statistiques .triageListeGraphique{
    margin: 0;
    text-align: right;
}
.page-admin-statistiques .divGraphique{
    margin-bottom: 30px;
}
.page-admin-statistiques .reseaux{
    display: flex;
}
.page-admin-statistiques .reseau{
    margin-left: 5px;
    margin-right: 5px;
    width: 300px;
    background-color: white;
    position: relative;
}
.page-admin-statistiques .Instagram{
    width: 300px;
    background-color: white;
    position: relative;
}
.page-admin-statistiques .Instagram .logo{
    position: absolute;
    top: 5px;
    left: 5px;
    height: 60px;
    width: 60px;
    background-image: url("/media/images/Reseaux/instagram.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.page-admin-statistiques .Instagram .titre-reseau{
    height: 35px;
    margin-left: 100px;
    line-height: 35px;
    width: 200px;
}
.page-admin-statistiques .Instagram .returnInsta{
    height: 35px;
    margin-left: 100px;
    line-height: 35px;
    width: 200px;
}
















/* PAGE PARAMETRES */
.page-admin-parametres{

}
.page-parametres .tableau-domaines td{
    text-align: center;
    padding: 5px 40px;
}
.img-parametres-domaines{
    width: 20px;
    height: 20px;
}
.page-admin-parametres .formChangementMotDePasse{
    position: relative;
}
.page-admin-parametres .left{
    display: grid;
    width: 50%;
    margin-bottom: 20px;
}
.page-admin-parametres .right{
    position: absolute;
    top: 0px;
    left: 60%;
    display: grid;
    width: 40%;
    font-size: 0.8rem;
}
.page-admin-parametres .trame .mdpValid{
    color: green;
}
.page-admin-parametres .left .mdpInvalid{
    border-color: red;
}














/* PAGE REALISATIONS */
.page-admin-realisation .realisations{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    justify-content: center;
}
.page-admin-realisation .realisation{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.page-admin-realisation .realisations .image{
    height: 150px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.page-admin-realisation .realisation .add{
    margin-top: 80px;
    height: 40px;
}




















/* PAGE CONTACT */
.page-admin-contact main.connected{
    display: grid;
}
.page-admin-contact hr{
    width: 100%;
}
.page-admin-contact .contacts-container{
    text-align: center;
    padding: 20px;
    background-color: var(--faaNoir1);
    border-radius: 20px;
    margin: auto;
    max-width: 1000px;
    width: 100%;
    margin-top: 20px;
}
.page-admin-contact .contact-header,
.page-admin-contact .contact > .bandeau{
    display: grid;
    grid-template-columns: 20px repeat(4, 1fr);
}
.page-admin-contact .contact-header{
    color: var(--faaBleu);
    font-weight: bold;
    margin: 20px;
}
.page-admin-contact .contact > .bandeau{
    background-color: var(--faaFond5);
    margin: 5px;
    padding: 10px;
    cursor: pointer;
}
.page-admin-contact .contact.developped > .bandeau{
    background-color: var(--faaJaune3);
}
.page-admin-contact .contact > .bandeau:hover{
    background-color: var(--faaJaune5);
}
.page-admin-contact .contact > .bandeau .lecture svg{
    width: 20px;
    display: none;
}
.page-admin-contact .contact > .bandeau .lecture.non-lu svg.svg-non-lu{
    display: block;
}
.page-admin-contact .contact > .bandeau .lecture.lu svg.svg-lu{
    display: block;
}
.page-admin-contact .contacts{
    background-color: var(--faaBlanc);
    padding: 10px 20px;
    border-radius: 10px;
}
.page-admin-contact .contact > .details{
    /*display: none;*/
    background-color: var(--faaJaune1);
    margin: 5px;
    height: 0;
    overflow: hidden;
    margin: 5px;
    opacity: 0;
    transition: all 0.3s linear;
}
.page-admin-contact .contact.developped > .details{
    /*display: block; */
    height: auto;
    overflow: auto;
    opacity: 1;
}
.page-admin-contact .contact hr{
    width: 90%;
    border-color: var(--faaNoir1);
}
.page-admin-contact .contact.developped hr{
    margin-bottom: 30px;
}
.page-admin-contact .contact > .details .ligne1{
    display: grid;
    grid-template-columns: 60% 40%;
}
.page-admin-contact .contact > .details .ligne1 .infos{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.page-admin-contact .contact > .details .ligne1 .object{
    display: grid;
}
.page-admin-contact .contact > .details .ligne1 .objet {
    margin: auto 20px;
}
.page-admin-contact .contact > .details .message{
    margin: 20px;
    padding-bottom: 20px;
}
.page-admin-contact .contact > .details .champ{
    background-color: var(--faaNoir2);
    padding: 20px;
}
.page-admin-contact .contact > .details .infos .champ{
    margin: 20px;
}



















































/* PAGE PROMOS */
.page-admin-Promos .promos-enCours .cards-container{
    height: 300px;
    overflow: auto;
}
.page-admin-Promos .promos-header{
    border-top: 2px solid var(--faaJaune);
    border-bottom: 2px solid var(--faaJaune);
    color:var(--faaBleu);
    padding: 10px 20px;
    font-weight: bold;
}
.page-admin-Promos .promos-enCours{
    display: grid;
    grid-template-columns: 45% 55%;
    grid-gap: 20px;
    width: calc(100% - 20px);
}
.page-admin-Promos .add-promos{
    position: relative;
    background-color: var(--faaBlanc);
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url('../media/images/systems/sale.png');
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 5% 5%;
}
.page-admin-Promos .add-promos .texte{
    text-align: center;
    color: var(--faaBleu);
    font-weight: bold;
}
.page-admin-Promos .promos-old .card,
.page-admin-Promos .promos-enCours .card{
    background-image: url('../media/images/systems/sale.png');
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 5% 30%;
    position: relative;
}
.page-admin-Promos .promos-old .card,
.page-admin-Promos .cards-container .card{
    background-color: var(--faaBlanc);
    padding: 20px;
    text-align: center;
    margin: 20px;
    border-radius: 10px;
}
.page-admin-Promos .card-add .plus svg{
    background-color: var(--faaBlanc);
    border-radius: 110px;
    fill: var(--faaBleu);
}
.page-admin-Promos .promos-old .card .remise,
.page-admin-Promos .promos-enCours .card .remise{
    margin: 10px;
    font-weight: bold;
    font-size: 1.5rem;
}
.page-admin-Promos .add-promos .designation,
.page-admin-Promos .add-promos .validite,
.page-admin-Promos .add-promos .reduction,
.page-admin-Promos .add-promos .prixBase,
.page-admin-Promos .add-promos .newPrix{
    position:relative;
    left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 20px;
    line-height: 20px;
    color: var(--faaBleu);
}
.page-admin-Promos .add-promos .firstInput{
    position: absolute;
    left: 200px;
    text-align: center;
}
.page-admin-Promos .add-promos .firstInput,
.page-admin-Promos .add-promos .secondInput{
    width: 100px;
    background-color: var(--faaNoir1);
    border-radius: 5px;
    border-color: transparent;
}
.page-admin-Promos .add-promos .designation .firstInput{
    width: 50%;
    text-align: left;
}
.page-admin-Promos .add-promos .textBefore{
    position: absolute;
    display: block;
    width: 200px;
    text-align: right;
}
.page-admin-Promos .add-promos .textAfter{
    margin-left: 310px;
}
.page-admin-Promos .add-promos .enLigne,
.page-admin-Promos .add-promos .horsLigne{
    position: absolute;
    bottom: 10px;
    left: 50px;
    height: 20px;
    line-height: 20px;
}
.page-admin-Promos .add-promos .enLigne::before,
.page-admin-Promos .add-promos .horsLigne::before{
    content: "";
    display: block;
    position: absolute;
    left: -30px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.page-admin-Promos .add-promos .enLigne::before{
    background-color: lawngreen;
}
.page-admin-Promos .add-promos .horsLigne::before{
    background-color: indianred;
}
.page-admin-Promos .add-promos button{
    display: block;
    background-color: var(--faaBleu);
    color: var(--faaJaune);
    width: 200px;
    margin: 10px auto;
    padding: 7px;
    border-radius: 10px;
    border-color: var(--faaBleu5);
    font-weight: bold;
    cursor: pointer;
}
.page-admin-Promos .add-promos button:hover{
    transform: translate(-2px, -2px);
}
.page-admin-Promos .add-promos .textPourcent{
    position: relative;
    left: -20px;
}
.page-admin-Promos .card-add{
    position: relative;
    display: grid;
    background-color: var(--faaBlanc);
    margin: 20px;
    border-radius: 10px;
    color: var(--faaBleu);
    font-weight: bold;
    height: 50px;
    cursor: pointer;
}
.page-admin-Promos .card-add:hover{
    transform: translate(-2px, -2px);
}
.page-admin-Promos .card-add .plus{
    position: absolute;
    left: 9px;
    top: 9px;
}
.page-admin-Promos .card-add .text{
    margin: auto;
}
.page-admin-Promos .promos-old .cards-container{
    display: flex;
    overflow: auto;
}
.page-admin-Promos .promos-old .card{
    min-width: 200px;
    width: 200px;
    position: relative;
}
.page-admin-Promos .modif{
    background-image: url("../media/images/systems/pencil-alt.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.page-admin-Promos .modif:hover{
    transform: translate(-2px, -2px);
}
.page-admin-Promos .add-promos p.return{
    width: 80%;
    padding: 10%;
    text-align: center;
}
.page-admin-Promos .add-promos .buttons{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.page-admin-Promos .promos-enCours{

}
.page-admin-Promos .promos-enCours{

}
.page-admin-Promos .promos-enCours{

}
.page-admin-Promos .promos-enCours{

}



















































/* PAGE Avis */
.page-admin-AvisClient .notes{
    position: relative;
    left: 10%;
    width: 80%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.page-admin-AvisClient .notes>div{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 20px;
}
.page-admin-AvisClient .card.new-avis .notes>div{
    cursor: pointer;
}
.page-admin-AvisClient .notes .etoile-pleine{
    background-image: url(../media/images/systems/etoile_notation_pleine.svg);
}
.page-admin-AvisClient .notes .etoile-demi{
    background-image: url(../media/images/systems/etoile_notation_demi.svg);
}
.page-admin-AvisClient .notes .etoile-vide{
    background-image: url(../media/images/systems/etoile_notation_vide.svg);
}
.page-admin-AvisClient .avisClient-enCours{
    display: grid;
    grid-template-columns: 50% 1fr;
}
.page-admin-AvisClient .avisClient-enCours-container{
    width: 100%;
}
.page-admin-AvisClient .avisClient-enCours-container .cards-container{
    /*width: 100%;*/
    /*max-width: 230px;*/
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.page-admin-AvisClient .card{
    width: auto;
    background-color: var(--faaBlanc);
    border-radius: 10px;
    padding: 20px;
    margin: 10px;
    cursor: pointer;
}
.page-admin-AvisClient .avisClient-enCours-container .card:hover,
.page-admin-AvisClient .avisClient-old .card:hover{
    transform: translate(-2px, -2px);
}
.page-admin-AvisClient .card.modif{
    background-color: var(--faaJaune);
}
.page-admin-AvisClient .modif-avisClient .card{
    width: auto;
    height: calc(100% - 50px);
    display: grid;
    min-height: 100px;
}
.page-admin-AvisClient .card-add .text{
    background-color: var(--faaBlanc);
    border: 1px solid var(--faaBleu);
    padding: 20px 50px;
    width: fit-content;
    margin: auto;
    cursor: pointer;
    margin-top: 20px;
}
.page-admin-AvisClient .card-add .text:hover{
    transform: translate(-2px, -2px);
}
.page-admin-AvisClient .avisClient-old .cards-container{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: calc(100vh - 530px);
    overflow: overlay;
}
.page-admin-AvisClient .avisClient-header {
    border-top: 2px solid var(--faaJaune);
    border-bottom: 2px solid var(--faaJaune);
    color: var(--faaBleu);
    padding: 10px 20px;
    font-weight: bold;
    margin-top: 15px;
}
.page-admin-AvisClient .modif-avisClient .buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.page-admin-AvisClient .modif-avisClient .buttons button{
    background-color: var(--faaBleu);
    color: var(--faaJaune);
    border-color: var(--faaBleu);
    cursor: pointer;
}
.page-admin-AvisClient .modif-avisClient .buttons button:hover{
    transform: translate(-2px, -2px);
}
.page-admin-AvisClient .modif-avisClient .text-return{
    margin: auto;
}
.page-admin-AvisClient .modif-avisClient .card{
    cursor: auto;
}
.page-admin-AvisClient .modif-avisClient .card,
.page-admin-AvisClient .card.new-avis{
    position: relative;
    min-height: 240px;
}
.page-admin-AvisClient .modif-avisClient .card .notes,
.page-admin-AvisClient .card.new-avis .notes{
    position: absolute;
    top: 45px;
    left: 50%;
    width: 25%;
}
.page-admin-AvisClient .modif-avisClient .card .jaugeNotes,
.page-admin-AvisClient .card.new-avis .jaugeNotes{
    width: 50%;
}
.page-admin-AvisClient .modif-avisClient .card .title,
.page-admin-AvisClient .card.new-avis .title{
    color: var(--faaBleu);
    text-align: center;
    font-weight: bold;
}
.page-admin-AvisClient .modif-avisClient .card .texte textarea,
.page-admin-AvisClient .card.new-avis .texte textarea{
    width: 100%;
    height: 100px;
}




























.page-admin-Vehicules .vehicules-container{
    display: grid;
    grid-template-columns: 60% 40%;
}
.page-admin-Vehicules .liste-vehicules-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: auto;
}
.page-admin-Vehicules .liste-vehicules-cards .vehicule-card{
    width: 200px;
    /*background-color: var(--faaBlanc);*/
    padding: 20px;
    margin: 10px;
    cursor: pointer;
    height: fit-content;
}
.page-admin-Vehicules .liste-vehicules-cards .image{
    width: 100%;
    height: 100px;
}
.page-admin-Vehicules .liste-vehicules-cards .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-admin-Vehicules .liste-vehicules-cards .details{
    position: relative;
}
.page-admin-Vehicules .liste-vehicules-cards .details .tarifs{
    position: absolute;
    top: 0;
    text-align: right;
    width: 100%;
}
.page-admin-Vehicules .liste-vehicules-cards .details hr{
    text-align: center;
    width: 80%;
    border: none;
    border-bottom: 1px solid var(--faaBleu5);
}
.page-admin-Vehicules .vehicule{
    background-color: var(--faaBlanc);
    padding: 30px;
}
.page-admin-Vehicules .vehicule>div{
    margin: 10px;
}
.page-admin-Vehicules .vehicule label{
    width: 40%;
    display: inline-block;
}
.page-admin-Vehicules .vehicule .options{
    /*width: 100%;*/
}
.page-admin-Vehicules .vehicule .options img{
    width: 30px;
    height: 30px;
    border: 1px solid var(--faaBleu5);
    margin: 5px;
    cursor: pointer;
}
.page-admin-Vehicules .vehicule .options img.actif{
    background-color: var(--faaJaune5);
}
.page-admin-Vehicules .btn-vehicule-new{
    background-color: var(--faaBleu);
    width: fit-content;
    padding: 10px 50px;
    color: var(--faaJaune);
    margin: 10px auto;
    cursor: pointer;
    border-radius: 10px;
}
.page-admin-Vehicules .vehicule textarea{
    width: 100%;
    height: 100px;
}
.page-admin-Vehicules .vehicule .title{
    width: 100%;
    text-align: center;
    color: var(--faaBleu);
    font-weight: bold;
}
.page-admin-Vehicules .vehicule input,
.page-admin-Vehicules .vehicule textarea{
    background-color: var(--faaNoir2);
    border: navajowhite;
    border-radius: 5px;
    padding: 5px;
}
.page-admin-Vehicules .vehicule textarea{
    resize: none;
    overflow: auto;
}
.page-admin-Vehicules .colonnes{
    display: grid;
    grid-template-columns: 40% 60%;
}
.page-admin-Vehicules .btns>div{
    padding: 10px 50px;
    background-color: var(--faaBleu);
    color: var(--faaBlanc);
    text-align: center;
    margin: 10px auto;
    border-radius: 10px;
    cursor: pointer;
}
.page-admin-Vehicules .liste-vehicules-cards .vehicule-card:hover,
.page-admin-Vehicules .vehicule .options img:hover,
.page-admin-Vehicules .btn-vehicule-new:hover,
.page-admin-Vehicules .btns>div:hover{
    transform: translate(-2px, -2px);
}
.page-admin-Vehicules .liste-vehicules-cards .vehicule-card:hover img,
.page-admin-Vehicules .vehicule .options img:hover,
.page-admin-Vehicules .btn-vehicule-new:hover,
.page-admin-Vehicules .btns>div:hover{
    box-shadow: 2px 2px 2px var(--faaNoir5);
}
.page-admin-Vehicules .vehicule .return{
    text-align: center;
}

.page-admin-Vehicules .vehicule .images{
    display: flex;
}
.page-admin-Vehicules .vehicule .images .image{
    position: relative;
    display: grid;
    width: 50px;
    height: 50px;
    grid-template-columns: repeat(5, 1fr);
}
.page-admin-Vehicules .vehicule .images .image:hover .overlay{
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 40px;
    height: 40px;
    border: 2px solid var(--faaNoir);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50%;
    background-image: url(../media/images/vehicules/plus.svg);
    background-color: var(--faaBlanc5);
}
.page-admin-Vehicules .vehicule .images .image input{
    display: none;
}
.page-admin-Vehicules .vehicule .images .image img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.page-admin-Vehicules .vehicule .vehimages{
    position: relative;
}
.page-admin-Vehicules .vehicule .vehimages .vehimage-overlay{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer;
}
.page-admin-Vehicules .vehicule .vehimages:hover .vehimage-overlay{
    display: block;
}





























.page-admin-Forfaits .forfait-header {
    border-top: 2px solid var(--faaJaune);
    border-bottom: 2px solid var(--faaJaune);
    color: var(--faaBleu);
    padding: 10px 20px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}
.page-admin-Forfaits .forfaits-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    height: calc(100vh - 210px);
}
.page-admin-Forfaits .forfaits-liste{
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 80px);
    height: 100%;
}
.page-admin-Forfaits .card{
    background-color: var(--faaBlanc);
    border-radius: 20px;
    padding: 20px;
    text-align: center;
}
.page-admin-Forfaits .forfaits-liste .card{
    cursor: pointer;
}
.page-admin-Forfaits .forfaits-liste .card:hover{
    transform: translate(-2px, -2px);
}
.page-admin-Forfaits .forfaits-liste .card .titre{
    color: var(--faaBleu);
}
.page-admin-Forfaits .forfaits-viewer{
    display: grid;
}
.page-admin-Forfaits .forfaits-viewer .add-forfait,
.page-admin-Forfaits .forfaits-viewer .delete-forfait,
.page-admin-Forfaits .forfaits-viewer .save-forfait{
    background-color: var(--faaBleu);
    color: var(--faaBlanc);
    margin: 20px auto;
    padding: 10px 40px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px var(--faaJaune);
    cursor: pointer;
}
.page-admin-Forfaits .forfaits-viewer .delete-forfait{
    margin-right: 10px;
}
.page-admin-Forfaits .forfaits-viewer .save-forfait{
    margin-left: 10px;
}
.page-admin-Forfaits .forfaits-viewer .add-forfait:disabled,
.page-admin-Forfaits .forfaits-viewer .add-forfait[disabled],
.page-admin-Forfaits .forfaits-viewer .delete-forfait:disabled,
.page-admin-Forfaits .forfaits-viewer .delete-forfait[disabled],
.page-admin-Forfaits .forfaits-viewer .save-forfait:disabled,
.page-admin-Forfaits .forfaits-viewer .save-forfait[disabled]{
    background-color: var(--faaNoir5);
}
.page-admin-Forfaits .forfaits-viewer .add-forfait:hover,
.page-admin-Forfaits .forfaits-viewer .delete-forfait:hover,
.page-admin-Forfaits .forfaits-viewer .save-forfait:hover{
    transform: translate(-2px, -2px);
    box-shadow: 2px 2px 5px var(--faaJaune);
}
.page-admin-Forfaits .forfaits-viewer .forfait-viewer{
    display: grid;
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 180px);
    height: 100%;
}
.page-admin-Forfaits .forfaits-viewer .forfait-viewer input,
.page-admin-Forfaits .forfaits-viewer .forfait-viewer textarea{

}
.page-admin-Forfaits .forfaits-viewer .forfait-viewer .title{
    color: var(--faaBleu);
    font-size: 1.5rem;
    font-weight: bold;
}
.page-admin-Forfaits .forfaits-viewer .forfait-viewer hr{
    width: 60%;
}
.page-admin-Forfaits .forfaits-viewer .forfait-viewer label{
    width: 30%;
    display: inline-block;
}
.page-admin-Forfaits .forfaits-viewer .forfait-viewer input{
    width: 50%;
}
.page-admin-Forfaits .forfaits-viewer .forfait-viewer input.image{
    width: 90%;
}
.page-admin-Forfaits .forfaits-viewer .forfait-viewer .card>div{
    margin: 10px auto;
}
.page-admin-Forfaits .forfaits-liste .card{
    margin: 10px;
}
.page-admin-Forfaits .forfaits-viewer{
    grid-template-rows: 80px 1fr;
}
.page-admin-Forfaits .forfaits-viewer .add-forfait{
    height: fit-content;
}
.page-admin-Forfaits .forfaits-viewer .card-result{
    display: grid;
}
.page-admin-Forfaits .forfaits-viewer .card-result>div{
    margin: auto;
}













































/* PAGE ACCUEIL */
.page-admin-accueil-content>div{
    max-width: 1000px;
    margin: auto;
}
.page-admin-accueil-content .avisClient-container{
    display: flex;
    background-color:
}
.page-admin-accueil-content>div{
    background-color: var(--faaBleu);
    border-radius: 20px;
}
.page-admin-accueil-content>div>h1{
    color: var(--faaJaune);
    font-weight: bold;
    padding-top: 20px;
}
.page-admin-accueil-content>div>hr{
    border-bottom: 1px solid var(--faaJaune);
    width: 90%;
}
.page-admin-accueil-content .avisClient-container .card{
    width: 200px;
}
.page-admin-accueil-content .contacts-container{
    width: calc(100% - 40px);
    background-color: var(--faaBlanc3);
}
.page-admin-accueil-content .contacts-container .contact-header{
    color: var(--faaJaune);
}


.page-admin-accueil-content .contacts-container .contact{
    display: none;
}
.page-admin-accueil-content .contacts-container .contact:nth-child(1),
.page-admin-accueil-content .contacts-container .contact:nth-child(2),
.page-admin-accueil-content .contacts-container .contact:nth-child(3),
.page-admin-accueil-content .contacts-container .contact:nth-child(4){
    display: block;
}
.page-admin-accueil-content .avisClient-container .card{
    display: none;
}
.page-admin-accueil-content .avisClient-container .card:nth-child(1),
.page-admin-accueil-content .avisClient-container .card:nth-child(2),
.page-admin-accueil-content .avisClient-container .card:nth-child(3),
.page-admin-accueil-content .avisClient-container .card:nth-child(4){
    display: block;
}











































/* PAGE PROMOS */
.page-admin-Vehicules .vehicule-card





















































/* PAGE CHARTE GRAPHIQUE */
.charteGraphiqueFont1{
    font-family: var(--font1);
}
.charteGraphiqueFont2{
    font-family: var(--font2);
}
.charteGraphiqueFont3{
    font-family: var(--font3);
}
.charteGraphiqueColors{
    display: grid;
    text-align: center;
}
.charteGraphiqueColor1 .color,
.charteGraphiqueColor2 .color,
.charteGraphiqueColor3 .color,
.charteGraphiqueColor4 .color,
.charteGraphiqueColor5 .color,
.charteGraphiqueColor6 .color,
.charteGraphiqueColor7 .color{
    width: 40px;
    height: 130px;
    border-radius: 20px;
    border: 1px solid black;
    margin: auto;
}
.charteGraphiqueColor1 .color{
    background-color: var(--color1);
}
.charteGraphiqueColor2 .color{
    background-color: var(--color2);
}
.charteGraphiqueColor3 .color{
    background-color: var(--color3);
}
.charteGraphiqueColor4 .color{
    background-color: var(--color4);
}
.charteGraphiqueColor5 .color{
    background-color: var(--color5);
}
.charteGraphiqueColor6 .color{
    background-color: var(--color6);
}
.charteGraphiqueColor7 .color{
    background-color: var(--color7);
}




/* PAGE VISITEURS */
.pageDashboard .table-visiteurs{
    display: grid;
}
.pageDashboard .visiteur{
    margin-top: 20px;
}
.pageDashboard .visiteur div{
    min-height: 10px;
    border:1px solid var(--abctOrange);
}
@media screen and (min-width: 560px){
    .pageDashboard .visiteur {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 770px){
    .pageDashboard .visiteur {
        display: grid;
        grid-template-columns: 20% 60% 20%;
        margin-top: 0px;
    }
    .pageDashboard .link{
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
}




















/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */
/* ==============================      BLOG      ============================== */
/* ============================================================================ */

.page-admin-blog{
    display: grid;
}
.page-admin-blog main{
    height: calc(100vh - 130px);
    max-height: calc(100vh - 130px);
}
.page-admin-blog .list-articles{
    /* width: 500px; */
    display: flex;
    flex-wrap: wrap;
}
.page-admin-blog .article{
    display: grid;
    grid-template-columns: 30px 30px 1fr;
    box-shadow: 2px 2px 10px 1px var(--abctNoir2);
    margin: 10px;
    height: 50px;
    width: 500px;
}
.page-admin-blog .article-new{
    grid-template-columns: 60px  1fr;
}
.page-admin-blog .article:hover{
    background-color: var(--abctBeige5);
}
.page-admin-blog .article img{
    margin: auto;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.page-admin-blog .article .titre{
    cursor: pointer;
}
.page-admin-blog .article img:hover{
    transform: translate(-2px, -2px);
}
.page-admin-blog .article .plus,
.page-admin-blog .article .delete,
.page-admin-blog .article .modif,
.page-admin-blog .article .titre{
    display: grid;
}
.page-admin-blog .article .delete.invisible img,
.page-admin-blog .article .modif.invisible img{
    display: none;
}
.page-admin-blog .article .titre span{
    margin: auto 0;
}
.page-admin-blog .article .ouverture,
.page-admin-blog .article .datePubli,
.page-admin-blog .article .vignette,
.page-admin-blog .article .ouverture,
.page-admin-blog .article .titre1,
.page-admin-blog .article .texte1,
.page-admin-blog .article .titre2,
.page-admin-blog .article .texte2,
.page-admin-blog .article .titre3,
.page-admin-blog .article .texte3,
.page-admin-blog .article .imgA,
.page-admin-blog .article .presenceAccueil,
.page-admin-blog .article .id{
    display: none;
}
.page-admin-blog .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    background-color: var(--abctNoir5);
    display: grid;
    padding: 50px;
    overflow: auto;
}
.page-admin-blog .overlay.invisible{
    display: none;
}
.page-admin-blog .overlay-article{
    position: relative;
    margin: auto;
    width: 800px;
    min-height: 500px;
    box-shadow: 4px 4px 10px 4px var(--abctNoir5);
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: var(--abctBlanc);
}
.page-admin-blog .overlay-article .bandeau{
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--abctBlanc);
    display: grid;
    grid-template-columns: 200px 1fr;
}
.page-admin-blog .overlay-article input.edit,
.page-admin-blog .overlay-article .corps textarea.edit{
    width: 100%;
    height: 100%;
    background: inherit;
    border: inherit;
}
.page-admin-blog .overlay-article .corps textarea.edit{
    min-height: 100px;
}
.page-admin-blog .overlay-article .corps input.edit,
.page-admin-blog .overlay-article .corps textarea.edit{
    width: calc(100% - 30px);
}
.page-admin-blog .overlay-article .bandeau .vignette{
    position: relative;
    width: 200px;
    height: 200px;
    background-image: url(/media/images/articles/default.png);
    background-image: attr(data-link);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-top-left-radius: 10px;
    cursor: pointer;
    margin: auto;
}
.page-admin-blog .overlay-article .bandeau .vignette-container{
    display: grid;
}
.page-admin-blog .overlay-article .date-titre-container{
    height: 50px;
}
.page-admin-blog .overlay-article .bandeau .datePubli{
    position: absolute;
    /*top: 0;*/
    left: 200px;
    width: 40px;
    background-color: transparent;
    /*height: 40px;*/
    padding: 5px;
    text-align: center;
    border:none;
}
.page-admin-blog .overlay-article .bandeau .datePubli.fond{
    background-color: var(--abctOrange);
    height: 40px;
    z-index: 2;
    top: 0;
}
.page-admin-blog .overlay-article .bandeau .datePubli.itda{
    top: 20px !important;
    height: 20px !important;
    z-index: 3;
}
.page-admin-blog .overlay-article .bandeau .datePubli.itd{
    top: 0 !important;
    height: 20px !important;
    z-index: 4;
    padding-bottom: 25px;
}
.page-admin-blog .overlay-article .bandeau .titre{
    position: absolute;
    top: 0;
    left: 250px;
    width: calc(100% - 290px);
    height: 50px;
    background: linear-gradient(0deg, var(--abctBeige), transparent);
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
}
.page-admin-blog .overlay-article .bandeau .titre span{
    margin: auto 0;
}
.page-admin-blog .overlay-article .ouverture-container{
    padding: 10px 20px;
}
.page-admin-blog .overlay-article .bandeau .ouverture{
    /*position: absolute;*/
    /*top: 55px;*/
    /*left: 200px;*/
    width: calc(100% - 20px);
    min-height: 92px;
    margin-left: 20px;
    margin-right: 20px;
    border: none;
}
.page-admin-blog .overlay-article hr{
    /*position: absolute;*/
    /*top: 187px;*/
    /*left: 220px;*/
    /*width: calc(100% - 240px); */
    width: calc(100% - 40px);
}
.page-admin-blog .overlay-article .close{
    position: absolute;
    top: -10px;
    left: calc(100% - 10px);
    width: 20px;
    height: 20px;
    background-image: url(/media/images/systems/remove.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    cursor: pointer;
}
.page-admin-blog .overlay-article .bandeau .close:hover{
    transform: translate(-2px, -2px);
}
.page-admin-blog .overlay-article .id{
    display: none;
}
.page-admin-blog .overlay-article .container{
    display: grid;
    grid-template-columns: 200px 1fr;
}
.page-admin-blog .overlay-article .container .images-annexe{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    margin-top: 20px;
}
.page-admin-blog .overlay-article .container .images-annexe img{
}
.page-admin-blog .overlay-article .image-annexe{
    position: relative;
    width: 80px;
    height: 80px;
    margin: 5px;
    /*background-image: url(/media/images/abct/header.jpg);*/
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: pointer;
}
.page-admin-blog .overlay-article .vignette:hover .overlay-vignette,
.page-admin-blog .overlay-article .image-annexe:hover .overlay-image-annexe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--abctBlanc8);
    background-image: url(/media/images/systems/icon-1970472.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50%;
    border-radius: inherit;
}
.page-admin-blog .overlay-article .image-annexe.btnCloseActif .overlay-image-annexe-close {
    background-image: url(/media/images/systems/remove.png);
    width: 10px;
    height: 10px;
    background-size: contain;
    position: absolute;
    top: -5px;
    left: calc(100% - 5px);
    cursor: pointer;
    z-index: 999;
}
.page-admin-blog .overlay-article .image-annexe .overlay-image-annexe-close:hover {
    transform: translate(-2px,-2px);
}
.page-admin-blog .overlay-article .titre1,
.page-admin-blog .overlay-article .titre2,
.page-admin-blog .overlay-article .titre3{
    font-size: 1.17em;
    font-weight: bold;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.page-admin-blog .overlay-article .edit{
    margin-right: 30px;
}
.page-admin-blog .overlay-article .champVide{
    border: 1px solid var(--abctBeige5);
}
.page-admin-blog .overlay-article .edit[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-placeholder);
}
.page-admin-blog .overlay-article .end{
    position: relative;
    display: grid;
    grid-template-columns: 200px 1fr;
}
.page-admin-blog .overlay-article .btns{
    position: relative;
    width: 170px;
    margin-left: 15px;
}
.page-admin-blog .overlay-article .btnCancel,
.page-admin-blog .overlay-article .btnSave{
    margin: 10px;
    text-align: center;
    padding: 10px 30px;
    cursor: pointer;
}
.page-admin-blog .overlay-article .btnCancel{
    color: var(--abctNoir5);
    text-shadow: 2px 2px 5px var(--abctOrange5);
}
.page-admin-blog .overlay-article .btnSave{
    position: relative;
    background-color: var(--abctOrange);
    color: var(--abctBlanc);
    border-radius: 10px;
    box-shadow: 4px 4px 10px 4px var(--abctNoir5);
}
.page-admin-blog .overlay-article .btnSave.desactif{
    background-color: var(--abctNoir5);
    cursor: not-allowed;
}
.page-admin-blog .overlay-article .btnCancel:hover,
.page-admin-blog .overlay-article .btnSave:hover{
    transform: translate(-2px, -2px);
}
.page-admin-blog .overlay-article .btnSave.desactif:hover{
    transform: none;
}
.page-admin-blog .overlay-article .presenceAccueilTexte{
    text-align: center;
}
.page-admin-blog .overlay-article .presenceAccueil{
    width: 100%;
}
.page-admin-blog .overlay-article .retours{
    position: relative;
    padding: 20px;
    display: grid;
}
.page-admin-blog .overlay-article .returnSave{
    margin: auto;
    width: 100%;
}
.page-admin-blog .overlay-article .btnSave:after{
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: calc(100% - 30px);
    width: 30px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}
.page-admin-blog .overlay-article .btnSave.valid:after{
    background-image: url(/media/images/systems/ok-228254499.png);
}
.page-admin-blog .loader-container{
    top: 50%;
    left: 50%;
}
.page-admin-blog .overlay-article .bandeau .vignette img,
.page-admin-blog .overlay-article .image-annexe img{
    width: 100%;
    /* margin: auto; */
    object-fit: cover;
    height: 100%;
    border-radius: inherit;
}
.page-admin-blog .overlay-delete-article-container{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    background-color: var(--abctNoir5);
    display: grid;
    padding: 50px;
    overflow: auto;
}
.page-admin-blog .overlay-delete-article-container.invisible,
.page-admin-blog .overlay-delete-article-container .id{
    display: none;
}
.page-admin-blog .overlay-delete-article-container .overlay-delete-article{
    position: relative;
    margin: auto;
    width: 400px;
    min-height: 120px;
    box-shadow: 4px 4px 10px 4px var(--abctNoir5);
    border-radius: 10px;
    background-color: var(--abctBlanc);
    padding: 20px;
    text-align: center;
}
.page-admin-blog .overlay-delete-article-container .overlay-delete-article .text{
    font-size: 1.2rem;
}
.page-admin-blog .overlay-delete-article-container .overlay-delete-article .sous-text{
    font-size: 0.8rem;
}
.page-admin-blog .overlay-delete-article-container .overlay-delete-article .reponses{
    display: flex;
    margin: 30px;
    margin-bottom: 20px;
}
.page-admin-blog .overlay-delete-article-container .overlay-delete-article .reponses .btn{
    margin: auto;
    border: 1px solid lightgrey;
    padding: 10px 30px;
    cursor: pointer;
    width: 100px;
}
.page-admin-blog .overlay-delete-article-container .overlay-delete-article .reponses .btn:hover{
    transform: translate(-2px, -2px);
}
.page-admin-blog .overlay-delete-article-container .overlay-delete-article .reponses .btn.non{
    background-color: var(--abctNoir5);
}
.page-admin-blog .overlay-delete-article-container .overlay-delete-article .reponses .btn.yes{
    background-color: var(--abctOrange);
}






















































































































































































































































































































































@media screen and (max-width: 1000px){
    body.change{
        overflow: hidden;
    }
    header .clBarNavContent .menu:not(.change){
        display: none !important;
    }
    header .clBarNavContent{
        left: 0 !important;
        width: 100% !important;
    }
    header .clBarNavContent .menu.change{
        z-index: 99;
        grid-template-columns: 1fr !important;
        padding-right: 0px !important;
        grid-gap: 0;
    }
    header .clBarNavContent .nav-item{
        border: 1px solid var(--faaNoir5);
        border-top: none;
    }
    header .clBarNavContentToggle{
        display: block;
    }
    header .clBarNavContentToggle.change{
        position: fixed;
    }
    .header .nav-item.change,
    .header .nav-sous-item.change{

    }
    .header .change .nav-item:hover .sous-menu,
    .header .change .clBarNavContent .menu::before,
    .header .change .nav-item.active>a::before,
    .header .change .nav-item.menuEnd.active>a::before,
    .header .change .nav-item.menuEnd:hover>a::before,
    .header .change .nav-item.menuEnd:hover>a::after,
    .header .change .nav-item:hover>a::before,
    .header .change .nav-item:hover>a::after{
        left: 0;
        width: 100%;
        clip-path: none;
    }
    .header .nav-item.nav-link-Nos-services{
        min-height:70px;
        height: fit-content;
    }
    .header .nav-item.nav-link-Nos-services>a{
        height: 70px;
    }
    .header .sous-menu{
        display: grid !important;
        position: relative !important;
        top: 0 !important;
        background-color: var(--faaNoir1) !important;
        grid-template-columns: 80%;
    }
    .header .sous-menu li{
        height: 40px;
    border-top: 1px dashed var(--faaNoir5);
    }
    .header .nav-item.active>a::before,
    .header .nav-item:hover>a::after{
        height: 70px;
    }
    .header .clBarNavContent .menu::before{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        clip-path: none;
    }
    .header .clBarNavContent{
        display: none;
        position: fixed;
        top: -15px;
        height: 100%;
        z-index: 99;
    }
    .change .clBarNavContent{
        display: block;
        background-color: var(--faaBlanc9);
    overflow: auto;
    }
    header .clBarNavContent .menu.change{
        height: 100%;
        padding-top: 200px;
        display: block;
        left: 15%;
    }
    .header .logoHeader.change{
        position: fixed;
        z-index: 9999;
        top: 0;
        left: calc(50% - 100px);
        width: 200px;
        height: 200px;
        object-fit: contain;
    }
    .header .nav-item.active{
        margin-top: 30px;
    }
}

@media screen and (max-width: 500px){
    .popup-cookies .buttons{
        margin-left: 20%;
    }
}
@media screen and (max-width: 330px){
    .popup-cookies .buttons{
        margin-left: 0%;
        grid-template-columns: 1fr;
    }
    .popup-cookies p{
        font-size: 0.8rem;
    }
}














@media screen and (max-width: 847px){
    .header .top-header{
        grid-template-columns: 150px 180px;
        left: calc(100% - 330px);
    }
    .top-header .tel{
        display: none;
    }
    .header .top-header {
        grid-template-columns: 150px 200px;
        left: calc(100% - 350px);
    }
}
@media screen and (max-width: 667px){
    .header .top-header{
        grid-template-columns: 150px;
        left: calc(100% - 150px);
    }
    .top-header .nos-horaires{
        display: none;
    }
}
@media screen and (max-width: 465px){
    .header .logoHeader {
        width: 200px;
    }
    .header .slogan{
        font-size: 1.9rem;
        width: 200px;
    }
    .body-main.page-accueil{
        top: 100px;
    }
}
@media screen and (max-width: 365px){
    .top-header .nous-contacter{
        display: none;
    }
}

















@media screen and (max-width: 800px){
    .faa-page-accueil .sec-demarrage .entreprise{
        font-size: 2.5rem;
    }
    .faa-page-accueil .sec-demarrage .adresse span{
        font-size: 1.8rem;
    }
    .logo-map-voiture{
        display: none;
    }
}
@media screen and (max-width: 660px){
    .faa-page-accueil .sec-demarrage .entreprise{
        font-size: 2.2rem;
    }
    .faa-page-accueil .sec-demarrage .adresse span{
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 390px){
    .faa-page-accueil .sec-demarrage .entreprise{
        font-size: 2rem;
    }
    .faa-page-accueil .sec-demarrage .adresse span{
        font-size: 1.5rem;
    }
    .faa-page-accueil .sec-demarrage .container{
        position: relative;
        left: -30px;
        width: calc(100% + 60px);
    }
}















@media screen and (max-width: 960px){
    .faa-page-accueil .sec-forfait .container{
        position: relative;
        left: -50px;
        width: calc(100% + 100px);
    }
    .faa-page-accueil .sec-forfait .cartes .carte .title{
        font-size: 1.3rem;
    }
    .faa-page-accueil .sec-forfait .cartes .carte.actif:nth-child(2) .title{
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 800px){
    .faa-page-accueil .sec-forfait .cartes .carte .title{
        font-size: 1.1rem;
    }
    .faa-page-accueil .sec-forfait .cartes .carte.actif:nth-child(2) .title{
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 650px){
    .faa-page-accueil .sec-forfait .cartes .carte.actif{
        display: none;
    }
    .faa-page-accueil .sec-forfait .cartes .carte.actif:nth-child(2){
        display: block;
        width: 80%;
        position: relative;
        top: 0;
        left: 10%;
    }
    .faa-page-accueil .sec-forfait .cartes-container .btn-before{
        position: relative;
        left: 50%;
    }
    .faa-page-accueil .sec-forfait .cartes-container .btn-after{
        position: relative;
        left: -50%;
    }
}
@media screen and (max-width: 400px){
    .faa-page-accueil .sec-forfait .cartes-container .btn-before{
        position: relative;
        left: 20%;
    }
    .faa-page-accueil .sec-forfait .cartes-container .btn-after{
        position: relative;
        left: -60%;
    }
}






















@media screen and (max-width: 1075px){
    .faa-page-accueil .contents-occasions-accueil{
        grid-template-columns: 30% 40% 30%;
    }
}
@media screen and (max-width: 800px){
    .faa-page-accueil .contents-occasions-accueil img{
        height: 200px;
    }
}
@media screen and (max-width: 620px){
    .faa-page-accueil .contents-occasions-accueil .vehicule-card:nth-child(1),
    .faa-page-accueil .contents-occasions-accueil .vehicule-card:nth-child(3){
        display: none;
    }
    .faa-page-accueil .contents-occasions-accueil{
        grid-template-columns: 1fr;
    }
}






















@media screen and (max-width: 840px){
    .faa-page-accueil .sec-promotions .promos-container .promos .ligne1{
        font-size: 2.0rem;
    }
}
@media screen and (max-width: 730px){
    .faa-page-accueil .sec-promotions .promos-container .promos .ligne1{
        font-size: 1.6rem;
    }
    .faa-page-accueil .sec-promotions .promos-container .promos .ligne2{
        font-size: 2rem;
    }
    .faa-page-accueil .sec-promotions .promos-container{
        position: relative;
        /*left: -50px;*/
        /*width: calc(100% + 60px);*/
    }
    .faa-page-accueil .sec-promotions .promos-container .promos{
        grid-template-columns: 1fr;
    }
    .faa-page-accueil .sec-promotions .promos-container .promos .promo:nth-child(3){
        border-top: 1px solid red;
        border-bottom: 1px solid red;
        border-left: 0px solid red;
        border-right: 0px solid red;
    }
    .faa-page-accueil .sec-promotions .promos-container .promos .btnLeftRight svg{
        transform: rotate(90deg);
    }
    .faa-page-accueil .sec-promotions .promos-container .promos .promo{
        margin: 0px 5%;
    }
}
@media screen and (max-width: 400px){
    .faa-page-accueil .sec-promotions .desc-promos{
        font-size: 1.2rem;
    }
}





























@media screen and (max-width: 830px){
    .page-accueil .contents-avis-client-accueil .card:nth-child(3){
        display: none;
    }
    .page-accueil .contents-avis-client-accueil{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 580px){
    .page-accueil .contents-avis-client-accueil .card:nth-child(2){
        display: none;
    }
    .page-accueil .contents-avis-client-accueil{
        grid-template-columns: repeat(1, 1fr);
    }
}










@media screen and (max-width: 580px){
    .faa-page-cgv h1{
        font-size: 2.5rem;
    }
}























































@media screen and (max-width: 460px){
    .faa-page-siteMap main{
        margin-left: 0px;
        margin-right: 50px;
    }
    .faa-page-siteMap .siteMap-container .separate{
        display: none;
    }
    .faa-page-siteMap .siteMap-container{
        grid-template-columns: 1fr;
    }
}



@media screen and (max-width: 1360px){
    .faa-page-contact .title-section{
        top: -20px;
        left: 0;
        text-align: center;
        width: 100%;
    }
}
@media screen and (max-width: 1050px){
    .faa-page-contact .title-section{
        top: -10px;
        left: 0;
        text-align: center;
        width: 100%;
    }
}
@media screen and (max-width: 390px){
    .faa-page-contact .explication{
        font-size: 0.7rem !important;
    }
    .faa-page-contact .encars-tel{
        /*top: 430px !important;*/
    }
}
























@media screen and (max-width: 400px){
    .faa-page-ml .content{
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
}























@media screen and (max-width: 1300px){
    .faa-page-forfaits .forfaits{
        grid-template-columns: repeat(2, 1fr);
    }
    .faa-page-forfaits .forfaits .forfait .content .desc .offre{
        font-size: 1.2rem;
    }
    .faa-page-forfaits .forfaits .forfait .content .desc .designation{
        font-size: 1rem;
    }
}

@media screen and (max-width: 920px){
    .faa-page-forfaits .forfaits{
        grid-template-columns: repeat(1, 1fr);
    }
    .faa-page-forfaits .forfaits .forfait{
        margin: 5% auto 0;
        width: 500px;
    }
}

@media screen and (max-width: 700px){
    .faa-page-forfaits .forfaits .forfait{
        width: calc(100% - 40px);
    }
}
@media screen and (max-width: 360px){
    .faa-page-forfaits .forfaits .forfait .content{
        grid-template-columns: 1fr;
    }
    .faa-page-forfaits .forfaits .forfait .content .desc .offre{
        margin-bottom: 20px;
    }
}
.faa-page-accueil .cartes .carte{
    cursor: pointer;
}










































@media screen and (max-width: 570px){
    .page-voccas .content h1{
        font-size: 1.5rem
    }
}
@media screen and (max-width: 400px){
    .page-voccas .occasions-viewer{
        position: relative;
        left: -30px;
        width: calc(100% + 60px);
    }
}
@media screen and (max-width: 360px){
    .page-voccas .occasions-viewer{
        position: relative;
        left: -50px;
        width: calc(100% + 100px);
    }
}











































@media screen and (max-width: 1206px){
    .page-rdv .explication{
        font-size: 0.8rem
    }
}
@media screen and (max-width: 1015px){
    .page-rdv .encars-tel span{
        font-size: 2.0rem
    }
    .page-rdv .title-section2 h1{
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 910px){
    .page-rdv .encars-tel span{
        font-size: 1.5rem;
        top: -15px;
        left: 5px;
    }
    .page-rdv .title-section2 h1{
        font-size: 1.2rem;
    }
    .page-rdv .encars-tel svg{
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 820px){
    .page-rdv .champ-joursPref .iLabel{
        font-size: 0.9rem;
    }
    .page-rdv .explication{
        font-size: 0.6rem;
    }
}
@media screen and (max-width: 755px){
    .page-rdv .champ-joursPref .iLabel{
        font-size: 1rem;
    }
    .page-rdv .carte-container{
        display: none;
    }
    .page-rdv .encars-tel{
        top: 430px;
    }
    .page-rdv .title-section2{
        left: 0;
        width: 100%;
        text-align: center;
    }
    .page-rdv .contact-content{
        left: 0;
        width: 100%;
    }
    .page-rdv .explication{
        bottom: -90px;
        right: 0;
        font-size: 1rem;
    }
    .page-rdv .form-contact .champ-projet{
        height: 90px !important;
    }
}
@media screen and (max-width: 670px){
    .page-rdv .form-contact .champ-projet{
        height: 110px !important;
    }
}
@media screen and (max-width: 570px){
    .page-rdv .form-contact .champ-projet{
        height: 120px !important;
    }
    .page-rdv .form-contact .champs-col{
        grid-template-columns: 1fr;
    }
    .page-rdv .contact-container-global{
        overflow-x: hidden;
    }
    .page-rdv .contact-content{
        height: auto;
        padding-bottom: 30px;
    }
    .page-rdv .encars-tel{
        top: calc(100% + 180px);
    }
    .page-rdv .form-contact .champ-raisons{
        margin-top: 60px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 490px){
    .page-rdv .encars-tel{
        top: calc(100% + 160px);
    }
}
@media screen and (max-width: 425px){
    .page-rdv .encars-tel{
        top: calc(100% + 160px);
    }
    .page-rdv main{
        margin-left: -10px;
        margin-right: 0px;
    }
}
@media screen and (max-width: 315px){
    .page-rdv .champ-raisons .iLabel{
        font-size: 0.9rem;
    }
}
@media screen and (max-width: 285px){
    .page-rdv .champ-raisons .iLabel{
        font-size: 0.8rem;
    }
}






















@media screen and (max-width: 1200px){
    .page-contact .explication{
        bottom: -90px;
        right: 0;
        font-size: 1rem;
    }
}
@media screen and (max-width: 800px){
    .page-contact .encars-tel span{
        font-size: 1.5rem;
        top: -15px;
        left: 5px;
    }
    .page-contact .title-section1 h1{
        font-size: 1.5rem;
    }
    .page-contact .encars-tel svg{
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 570px){
    .page-contact .carte-container{
        display: none;
    }
    .page-contact .contact-content{
        left: 0;
        width: 100%;
    }
    .page-contact .encars-tel{
        top: 440px;
    }
    .page-contact .title-section1{
        left: 0;
        text-align: center;
    }
    .page-contact .contact-content{
        top: 20px;
    }
    .page-contact .contact-container-general{
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 570px){
    .page-contact .form-contact .champ-projet{
        height: 45%;
    }
}
@media screen and (max-width: 450px){
    .page-contact .form-contact .champs-col{
        grid-template-columns: 1fr;
        height: auto;
        padding-bottom: 30px;
    }
    .page-contact .contact-content{
        height: auto;
        padding-bottom: 30px;
    }
    .page-contact .explication{
        bottom: -75px;
    }
}
















@media screen and (max-width: 1620px){
    .faa-page-contact .explication{
        font-size: 0.8rem;
    }
}
@media screen and (max-width: 1240px){
    .faa-page-contact .explication{
        font-size: 0.5rem;
    }
}
@media screen and (max-width: 520px){
    .page-rdv .encars-tel {
        top: calc(100% + 150px);
    }
}
@media screen and (max-width: 490px){
    .page-rdv .encars-tel {
        top: calc(100% + 150px);
    }
}
@media screen and (max-width: 490px){
    .faa-page-accueil .encars-tel span{
        font-size: 1.5rem;
    }
    .faa-page-accueil .encars-tel svg{
        width: 20px;
        height: 20px;
        margin-top: 25px;
    }
    .faa-page-accueil .encars-tel{
        top: 180px !important;
    }
}
@media screen and (max-width: 820px){
    .faa-page-contact .explication{
        display: none;
    }
}
@media screen and (max-width: 400px){
    .faa-page-accueil .encars-tel span{
        font-size: 1.0rem;
        top: -10px;
    }
    .faa-page-accueil .encars-tel svg{
        width: 10px;
        height: 10px;
        margin-top: 35px;
    }
}
.page-rdv .encars-tel{
    display: none;
}

@media screen and (max-width: 500px){
    .faa-page-contact .contact-content{
        top: 0;
    }
    .page-rdv .content .faa-page-contact .contact-container-general{
        margin-top: -50px;
    }
}

.page-admin-Forfaits .card-new,
.page-admin-Forfaits .card-view{
    height: 250px;
}
.page-admin-Forfaits .image-view img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.page-admin-Forfaits .image-view{
    display: inline-flex;
}