@charset "UTF-8";
/************************** Zurb Foundation
/* Copyright (c) 2013-2016 ZURB, inc.
* https://opensource.org/licenses/mit-license.html
*/
@import "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css";
@import "https://cdn.jsdelivr.net/npm/motion-ui@1.2.3/dist/motion-ui.min.css";

/************************** Font Awesome
* https://opensource.org/licenses/mit-license.html
* Font Awesome by Dave Gandy
http://fontawesome.io - Full details: http://fontawesome.io/license/
*/
@import "https://use.fontawesome.com/releases/v5.15.4/css/all.css";
/*************************** Animate.css
Animate.css - http://daneden.me/animate
https://opensource.org/licenses/mit-license.html
Copyright (c) 2015 Daniel Eden
*/
@import "https://cdn.jsdelivr.net/animatecss/3.5.2/animate.min.css";

/*************************** flag-icon-css
/* Part of flag-icon-css / https://github.com/lipis/flag-icon-css
// Copyright (c) 2013 Panayiotis Lipiridis
// This flag-icon-css wouldn't exist without the awesome and now deleted collection
// of SVG flags by koppi. github.com/koppi
*/
.flag-icon{width:1em;}

/*  ODBOX ADMIN CSS SETTINGS / DO NOT DELETE UNDER THAT PART */
html, body {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
	word-wrap: break-word;
}
#i-o-body{ padding-bottom: 60px}
.switch-label{ position: relative;left:5px;bottom:5px;color:#333}
.spinner{vertical-align:middle;display:inline-block;width:12px;height:12px;border:2px solid rgba(0,0,0,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}
.tiny .spinner{ width:8px; height:8px;}
.large .spinner{ width:40px; height:40px}
@keyframes spin{to{-webkit-transform:rotate(360deg)}}
@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}

.pages-edit-accordion::before{
  content:"";
}
.media-block .file-placeholder {
    display: inline-block;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 0px 5px;
    color: #fff;
    z-index: 3;
    position: absolute;
    font-size: .8rem;
    right: 15px;
    top: 15px;
}
/* meter */
.progress {
    margin: 0;
    height: .3rem;
    top: 40px;
    position: absolute;
    z-index: 1;
    width: 100%;
    background-color: rgba(201, 201, 201, 0.21);
}
#password-strength-text {
  display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    font-weight: 400;
    right: 70px;
    top: 7px;
}
.progress-meter {
  transition: width .3s cubic-bezier(0.1, 1.3, 1, 1);
  -webkit-transition: width .3s cubic-bezier(0.1, 1.3, 1, 1);
  -moz-transition: width .3s cubic-bezier(0.1, 1.3, 1, 1);
}
/* Webkit based browsers */
.progress-meter[bgcolor=bgcolor-1] { background-color: #f08686; }
.progress-meter[bgcolor=bgcolor-2] { background-color: #ECEBCE; }
.progress-meter[bgcolor=bgcolor-3] { background-color: #9980B9; }
.progress-meter[bgcolor=bgcolor-4] { background-color: #90c6af; }

.form-error{ text-align: left;}
.semi-light{ background-color: #E6E6E6}
.light:not(hr){ background-color:#F7F7F7; padding-top:30px; padding-bottom:30px}
.menu.vertical .light-item{ background-color:#E6E6E6}
hr.light{ border-color:#f3f3f3}

.aj-loading-container{position: relative; top: -47px; float: right;right: 15px;height: 0;}
#infinite .sizes{display: inline-block; vertical-align: top;}

.mute{ font-size:.7rem; color:#AAA}
small.mute{color:#ccc}

.modal-widescreen{ width: 80% !important}

.poster-it-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    text-align: center;
    background-color: #000;
}
.poster-it-container .grid-container-capture{ padding: 60px; padding-top:0}
.poster-it-container video { width: 100%; height: 100%;}
.capture-poster-container{padding:40px}

.chalkboard-toggle{
	display:inline-block;font-size:.8rem;background-color:#F7F7F7;padding:5px 0;color:#333;
}
.chalkboard-toggle.open{
	top:13px;left:0;position:fixed;border-radius:0 2px 2px 0;
}
.chalkboard-toggle.close{
	right:15px;position:absolute;border-radius:2px 0 0 2px;
}
.chalkboard-toggle:hover{
	background-color:#333;color:#FEFEFE;
}

/* dev datas */
.nomStructureDEV{color: #a7a7a7;font-size: 0.7rem; text-align:left; padding:10px; border-top:1px dotted #CCC}
.back-end-dev-print_r{ font-size:.7rem; padding: 5px}
.switch small.infos-cgu{color:#000; padding-left:15px}
#odbox-update.button[disabled]{ opacity:1;}
.subField-infos{ display:block; overflow:hidden;font-size: .8rem}
.no-overflow{ overflow:hidden}
.callout.showdatas{ padding:20px; box-shadow:none}

/* filters */
.filters a.active{ color:#333;}
/* bars actions */
.EditActionNavBar {position:fixed;bottom:0;z-index:2;right:0}
.EditActionNavBar .button-group {margin:10px 0; float:right}

a span.label:hover{ cursor:pointer}
label{ position: relative;}
#togglePassword {
    position: absolute;
    right: 40px;
    top: 13px;
    opacity: .3;
    z-index: 1;
}
#togglePassword:hover {cursor: pointer;}

/* media-block */
ul.sortable li.tmp-sortable-handle{ position:absolute; visibility:hidden}

/* nav */
div.top-bar-title{ margin:0}
header.fixed{ left:0; right:0; z-index:1}

.l-header {
  text-align: center;background-color: #1779ba;
  background-size: cover;position: relative;overflow: visible;
  image-rendering: pixelated;height: 140px;
  background-image: url(https://source.unsplash.com/1200x200/?city);background-size: cover;
  background-position: center;box-shadow: inset 0 0 120px 20px rgba(0,0,0,.5);
}
.l-header .headline {color: #fff}
.l-header-subnav {float: none;position: absolute !important;text-align: center;margin: 0 auto;bottom: 0;width: 100%;-webkit-backdrop-filter: blur(8px);}
.l-header-subnav li {float: none;display: inline-block;}

/* elements*/
.page-up {display: none;}
.show {display: inherit;}
.fixed{position:fixed;}
.callout{ border-color:transparent; margin:0;margin:0}

/* forms */
a .label{cursor:pointer}

/* table */
/********************************************************************** Sortables */
ul.sortable li:not(.markItUpButton){ margin:0 !important}
.sortable .accordion-title, .handle-dd,
.sortable tr:hover,
#sortable li:hover,
#sortable tr:hover,
#sortable div:hover{cursor: all-scroll}
.sortable-chosen{}
.sortable-ghost{background-color:#2199e8 !important; color: #FFF;}
.sortable-ghost a{color: #FFF;}
.sortable-drag, .sortable-drag div{background-color: #fff !important; opacity: .99} /* ?? opacity 1 bug */

.admin-creedit .sortable.media-liste{ clear:both;margin-bottom: 20px}
.menu.sortable.media-liste {
  min-height: 30px;
  background-color: rgba(0, 0, 128, 0.02);
  border-radius: 3px;
}
/* media-block */
.une-content.is-cover{
	position: relative;
	margin-bottom: -140px;
	top: -155px;
	z-index: 1;
	width:170px;
	height:170px;
	left: 105px;
}
.une-content.is-cover .media-block a.button{ left: auto; right: 0}
.is-une{
	position: relative;
	z-index: 2;
	width: 105px;
	height: 105px;
	margin: 0 0 1rem;
	list-style: none;
}
.media-block.is-cover, .media-block.is-cover img {width: 170px;height: 170px}
.media-block.is-une, .media-block.is-une img {width: 105px;height: 105px}

.images-content.url.une,
.images-content.url.cover{ margin-bottom: 15px}

.input-select-input-file{position:absolute; opacity:0;left:0;height: 100%; z-index: -1}

/* tpl thumb */
.acc-img-tpl,
.acc-txt-tpl{
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  top: 7px;
  left: 50px;
  border-radius: 3px;
  overflow: hidden;
}
.acc-txt-tpl{
  left: 110px;
  width: auto;
  padding: 12px 0;
  text-transform: initial;
}

.media-content-del{ cursor:pointer}


	/* loader aj*/
.aj-loading-processed{
	position: absolute;
	border-radius:3px;
	background-color: rgba(0, 0, 0, 0.3);
	text-align: center;
	width: 100%;
	height: 100%;
	color: #FFF;
	z-index: 1
}

.media-block .aj-loading{
	position: absolute;
	background-color: rgba(23, 121, 186, 0.75);
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	width: 100%;
	color:#FFF;
  z-index: 1;

	-webkit-transition: width 1s, background-color 1s;
	-moz-transition: width 1s, background-color 1s;
	-ms-transition: width 1s, background-color 1s;
	-o-transition: width 1s, background-color 1s;
	transition: width 1s, background-color 1s;

}

.media-block .aj-loading-processed .fa-spin{
  font-size: 3rem;
  color: rgba(255, 255, 255, 0.5);
  top: 25%;
  position: relative;
}

	/* btn's */
.media-block span.label{
	opacity:0;
	position:absolute;
	font-size: 1rem;
	text-align: right;
	font-weight:bold;
  padding:4px 6px;
  cursor: all-scroll;
  bottom:0;
  right:0;
  z-index: 1;
}
.media-block a.button{
	opacity:0;
	padding:6px;
	position:absolute;
	left:0;
	z-index: 1
}
.media-block:hover a,
.media-block:hover span{opacity:1}

.media-block .publish-field-data{ margin: 0}

.media-block .th:hover{ background-color: #E6E6E6}
.media-block .input-select-input-file:hover{ cursor: pointer}
.media-block span.label{}
.media-block video{ width: 100%;height: 105px;}

#file-to-upload{min-height: 100px}

/***************************************************************************** */
.textHTML_library{

	position: fixed;
	width: 20%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 1;
	left: 0;
	background-color: #FFF;
	bottom: 0;
	top: 0;
	padding: 15px;

}

.hr-dev{ padding-top:60px}
pre.dump b{display:block;background-color:#ededed;border-radius:3px;padding:5px 10px}
.l-header-subnav .button{margin:0}
.edit-langs-values .accordion-title{text-transform:lowercase}
.edit-langs-values [textHTML]{height:390px}
#library-upload-mp4 li{background-color:NAN}
.font-xtra{text-transform:initial;margin:0 15px}

.media-block,
.library-accordion .file-content,
.library-accordion-page li li{position:relative; width:105px;	height: 105px; overflow: hidden; background-color: rgba(0, 0, 0, .06)}
.library-accordion-page li #library-upload-mp4 video{ height: 105px;}
.library-accordion-page li #library-upload-mp4 li{ height: initial; font-size: .9rem}
/*.library-accordion .media-block{width:180px}*/
.content-frames .media-block, .content-frames li{width:100%}
/*.files-content img{width: 105px;height: 105px}*/

/* VUES */
.quatrecentquatre-views-content, .maintenance-views-content{ text-align:center; margin-top:60px}

body.i .EditActionNavBar{position: static;background-color: transparent;}
body.is-mobile  [class$="-views-content"] .button{display:block; width:100%;}
.no-js .top-bar {display: none;}

/* abide box*/
.abide-back{display: inline-block;float: right;margin-top: 10px;margin-right: 1px;}

/* QCSS */
#qcss-menu{ position:fixed; bottom:0; left:0; right:0;padding:0px;z-index:998; text-align:center;display: inline-block;}
#qcss-menu a.button{ margin:0;/*box-shadow: 0 0 60px 0 rgba(0,0,0,.3)*/}
body section .qcssOverElement{
	box-shadow : inset 0 0 0 3px rgba(0,0,0,1);outline : 1px solid #FFF;
}
.button-group.qcss-menu{ margin:0}
.qcss-menu i.fas, .indev i.fas{ font-size: .8em}

/* extra end */
.full-width{width:100%}
.top-transition {
    -webkit-transition: top .15s ease-out;
    -moz-transition: top .15s ease-out;
    -o-transition: top .15s ease-out;
    transition: top .15s ease-out;
	}

.bottom-transition {
    -webkit-transition: bottom .15s;
    -moz-transition: bottom .15s;
    -o-transition: bottom .15s;
    transition: bottom .15s;
	}

.tox.tox-tinymce{ z-index: 999;box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);}
.tox-notification.tox-notification--in.tox-notification--warning{ display: none;}
.tox-tinymce-inline .tox-editor-header{ border: none !important;}

.live-edit-input-file{
  background-color: #000;
  padding: 10px;
  border-radius: 3px;
  line-height: 0;
  font-size: 0;
  position:absolute;
  z-index:2;
  width: 40px;
  height: 40px;
}
.live-edit-input-file:hover{ background-color: #333}
.live-edit-input-file .input-select-input-file{top: 0;}

._admin .swal2-toast .swal2-icon.swal2-success [class^=swal2-success-line]{ background-color: rgba(0,0,0,.2);}
._admin .colored-toast {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important}
._admin .colored-toast.swal2-icon-success {background-color: #a5dc86 !important;}
._admin .colored-toast.swal2-icon-error {background-color: #f27474 !important;}
._admin .colored-toast.swal2-icon-warning {background-color: #f8bb86 !important;}
._admin .colored-toast.swal2-icon-info {background-color: #3fc3ee !important;}
._admin .colored-toast.swal2-icon-question {background-color: #87adbd !important;}

.swal2-html-container{ text-align: center;}

/* INDEV */
.INDEV{ padding-top: 60px}
.indev{position:fixed; bottom:0; left:0; z-index: 999}
.indev .button{margin: 0; border-radius: 0}
.indev .button:last-child{border-radius: 0 3px 0 0}
pre.pre_dev { padding: 30px; background: #F7F7F7}
pre.pre_dev > b{ background: #E6E6E6; display: block; padding: 8px; border-radius: 3px;}
.front-end-on-air{ position: fixed; top: 0; left: 0;z-index: 999; border-radius: 0 0 3px 0}

@media print {
  a[href]:after {
    content: none !important;
  }
  #o-header, .inputPlaceTitre,.admin-lister-search{ display: none; break-after:always;}
  .lister-pbuilder li.cell{ width: 100%; break-after:always;}
  .lister-pbuilder li.cell .carte img{ width: 100%;break-after:always;}
  .lister-pbuilder li.cell .carte :not(.img-listing, .infos-page-id){ }
}