/*
 * Feuille de style des blocs de contenu, reprise telle quelle de paierh34.com
 * (`opn_inlineeditor/opn.css`) au 19 septembre 2026.
 *
 * FICHIER REPRIS, NON ÉCRIT ICI. C'est elle qui porte la mise en page des blocs du site —
 * largeurs, colonnes, bandeaux. Sans elle, le contenu s'affiche mais ne ressemble à rien.
 * Elle se charge APRÈS `theme.css`, comme sur le site d'origine.
 *
 * Deux transformations : les adresses `url(...)` pointent sur `/site/...`, et les
 * déclarations de police ne gardent que le woff2 — les autres formats visent des
 * navigateurs qui n'existent plus, et chacun serait un fichier de plus dans le dépôt.
 */
/*

Liste des fichiers charg?s : 

	https://www.paierh34.com/wp-content/plugins/opn_inlineeditor/External/fonts/OpenSans/open-sans.css
	https://www.paierh34.com/wp-content/plugins/opn_inlineeditor/opn.css

*/

/* ----- https://www.paierh34.com/wp-content/plugins/opn_inlineeditor/External/fonts/OpenSans/open-sans.css ----- */

/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Light/OpenSans-Light.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Light/OpenSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/LightItalic/OpenSans-LightItalic.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/LightItalic/OpenSans-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Regular/OpenSans-Regular.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Regular/OpenSans-Regular.woff2') format('woff2');
  font-weight: normal;
  font-display: swap;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Italic/OpenSans-Italic.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Italic/OpenSans-Italic.woff2') format('woff2');
  font-weight: normal;
  font-display: swap;
  font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Semibold/OpenSans-Semibold.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Semibold/OpenSans-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Bold/OpenSans-Bold.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/Bold/OpenSans-Bold.woff2') format('woff2');
  font-weight: bold;
  font-display: swap;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/BoldItalic/OpenSans-BoldItalic.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/BoldItalic/OpenSans-BoldItalic.woff2') format('woff2');
  font-weight: bold;
  font-display: swap;
  font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/ExtraBold/OpenSans-ExtraBold.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/ExtraBold/OpenSans-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-display: swap;
  font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2') format('woff2');
  src: url('/site/plugins/opn_inlineeditor/External/fonts/OpenSans/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 800;
  font-display: swap;
  font-style: italic; }
/* END Extrabold Italic */

/*# sourceMappingURL=open-sans.css.map */


/* ----- https://www.paierh34.com/wp-content/plugins/opn_inlineeditor/opn.css ----- */

/* DIALOG GENERAL FOND ETC...*/

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

[data-url]{
	cursor:pointer;
}

/*On initiale les border a transparent car sinon le HTML prend le css color  et l'affecte au border-color border-top-color ...*/
button.button_opn{
	border-color:transparent;
}

.opn-ui .media-frame-toolbar .media-toolbar {
    bottom: -53px;
}

.body-editor button.media-modal-close{
	background-color:#4C5866;
	color:#fff;
}

.body-editor button.media-modal-close:hover{
	background-color:#cc0000;
}

.opn-ui .media-modal {
    top: 3px !important;
    left: 0  !important;
    right: 0  !important;
    bottom: 3px  !important;
}

.ui-front.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 0;
	background: none;
	zoom: 1;
}

/*
.ui-front.ui-dialog .ui-dialog-content:not(#IEDialog) {
	overflow: auto;
}
*/

.ui-front.ui-dialog .ui-dialog-titlebar-close { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition: none; -moz-transition: none; transition: none; }
.ui-front.ui-dialog .ui-dialog-titlebar-close:hover { background-position: -16px -16px; }
.ui-front.ui-dialog .ui-dialog-titlebar-close span { display: none; }
.ui-front.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; border: 0; }
.ui-front.ui-dialog .ui-dialog-content.opn_txtarea_nopadding { padding: 0; }
.ui-front.ui-dialog .ui-dialog-buttonpane { text-align: left;background-image: none;background-color:#f4f4f4;height:50px;}
.ui-front.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; height:50px }
.ui-front.ui-dialog .ui-dialog-buttonpane button { cursor: pointer; }
.ui-front.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-front.ui-draggable .ui-dialog-titlebar { cursor: move; }

.opn-ui{
	overflow-x:initial !important; /*mis pour la fen bdview affichage*/
}

.opn-no-amin {
 /*CSS transitions*/
 transition-property: none !important;
 /*CSS transforms*/
 transform: none !important;
 /*CSS animations*/
 animation: none !important;
}

.opn-ui{
	margin: 0;
	font-family: "open sans";
	font-size: 16px;
	font-weight: normal;
	color: #4c5866;
}

#opn_BlockActions{
/*	background-color:rgba(255,0,0,0.5);*/
}

.opn_BlockActionsCombox{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	/* background-color:rgba(255,255,255,0.5); */
	/*background-color:rgba(76, 88, 102, 0.5);*/
	z-index: 999;
}

/*#toolbar-dialog.opn-no-scroll * {
    overflow: hidden !important;
}*/

html.opn-no-scroll,
body.opn-no-scroll{
    position: fixed !important;
    width: 100% !important;
    overflow-y:scroll;
}


/*DIALOG CONFIRMATION DELETE */
.opn-button-delete-action-yes{
	background-color:#4C5866;
}
.opn-button-delete-action-yes:hover{
	background-color:#298618;
}

.opn-button-delete-action-no{
	background-color:#4C5866;
}
.opn-button-delete-action-no:hover{
	background-color:#cc0000;
}

/* DIALOG WP */


/*on cache le bouton publish de WP*/
.opn-ui #major-publishing-actions{
	display:none !important;
}

/*sticky checkbox*/
#sticky-span label{
	top:0 !important
}

/*On enelve les puce des li pods pour panel*/
.opn-ui li.pods-file-col{
	list-style:none;
}

/*on cache l'accordion PLUS DE CHAMP*/
.opn-ui #pods-meta-plus-de-champs>button,.opn-ui #pods-meta-plus-de-champs>h2{
	display:none;
}
/*et  on force l'ouverte de son contenu */
.opn-ui #pods-meta-plus-de-champs .inside{
	display:block ! important;
}

.opn-ui a#post-preview {
    position: absolute;
    right: 30px;
}

.opn-ui #wpcontent{
	margin:0;
	padding:0;
}

.opn-ui .wrap{
	margin:0;
}

.opn-ui .wrap h1.wp-heading-inline {
    display: none;
    margin-right: 5px;
    position: relative;
    left: 20px;
}

.opn-ui .wrap .page-title-action{
    display: none;
}

.opn-ui #postdivrich{
	padding:20px;
}

.opn-ui #titlediv #title-prompt-text{
	z-index:1;
	font-size:inherit;
	padding:7px;
}

.opn-ui #titlediv #title{
	font-size:inherit;
	height:38px;
}

/*pour dialog  Aller A et dashbord*/

.opn-ui .wrap h1{
	padding:0 0 0 10px;
	display:none;
}

.opn-ui #dashboard-widgets-wrap{
	margin:0;
}

.opn-ui #dashboard-widgets .meta-box-sortables{
	margin:0;
}

.opn-ui #wpbody-content .metabox-holder{
	padding-top:0;
}

.opn-ui.opn-ui-opn_onattachments #major-publishing-actions{
	display:none;
}

.opn-ui.opn-ui-opn_onattachments #normal-sortables{
	min-height :0 !important;
}

.opn-ui.opn-ui-opn_onattachments .hndle.ui-sortable-handle{
	display:none;
}

.opn-ui.opn-ui-opn_onattachments .handlediv{
	display:none !important;
}

/* INPUT */

.opn-ui .clear-input {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 8px !important;
    right: -25px;
    background-image: none;
    cursor: pointer;
}

.opn-ui .clear-input:after{
	content: "\f158";
	font-family:"dashicons";
	font-size:15px;
	line-height:32px;
	color:#ccc;
}

.opn-ui .clear-input:hover:after{
	color:#4C5866;
}


.button.pods-dfv-list-add {
     /*depuis wordpress 4.9 et pods pour adinfo*/
    display:inline-block;
}

#ContentEditor .pods-ui-form {
    height: 45px !important;
}

.opn-ui input[type=text], .opn-ui input[type=password], .opn-ui input[type=url], .opn-ui textarea{
	font-size: 16px;
	width: 100%;
	background-color:#f4f4f4;
	position: relative;
	margin-top: 0.3em;
	margin-bottom: 1em;
	border-radius: 0px;
	box-shadow: none;
	font-family:"open sans";
	font-weight:normal;
	border: 1px solid #ddd;
	color: #777;
	padding: 7px 20px 7px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.opn-ui input[type=text], .opn-ui input[type=password], .opn-ui input[type=url]{
	height:38px;
}

#ContentEditor .opn-ui input[type=text],#ContentEditor .opn-ui input[type=password],#ContentEditor .opn-ui input[type=url]{
	width:100% !important;
}

.opn-ui input[type=text]:focus, .opn-ui input[type=password]:focus, .opn-ui input[type=url]:focus, .opn-ui textarea:focus {
	outline:none;
	color: #4c5866;
}

.pods-form .pods-field-input textarea {
    min-height: 200px;
}

/* RADIO */
.opn-ui  .opn-dialog-accordion .radio-line,
.opn-ui .opn-toolbar-background-content  .radio-line{
	padding:10px 20px 10px 0;
	float:left;
}

#ContentEditor .opn-ui [type="radio"],
.opn-ui  .opn-dialog-accordion [type="radio"],
.opn-ui .opn-toolbar-background-content  [type="radio"]:not(:checked),
.opn-ui .opn-toolbar-background-content  [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

/* on prépare le label */

.opn-ui  .opn-dialog-accordion [type="radio"] + label,
.opn-ui .opn-toolbar-background-content [type="radio"]:not(:checked) + label,
.opn-ui .opn-toolbar-background-content [type="radio"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding: 2px 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
  width:100%; /*100%*/
  margin:5px;
  line-height:30px;
  /*top:-10px;*/
}

#ContentEditor .opn-ui [type="radio"] + label{
  position: relative; /* permet de positionner les pseudo-éléments */
  padding: 4px 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
  width:100%; /*100%*/
  margin:5px;
  line-height:12px;
}


/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
#ContentEditor .opn-ui [type="radio"] + label:before,
.opn-ui  .opn-dialog-accordion [type="radio"] + label:before,
.opn-ui .opn-toolbar-background-content [type="radio"]:not(:checked) + label:before,
.opn-ui .opn-toolbar-background-content [type="radio"]:checked + label:before {
	position: absolute;
	left: -4px; top: 0px;
	width: 16px; height: 16px;
	content: '';
	border:2px solid #ddd;
	border-radius:100%;
/*
	background-image: url('/site/theme/images/form3.png');
	background-repeat: no-repeat;
	background-position: 0px -120px;
*/
}

/* Aspect général de la coche */
#ContentEditor .opn-ui [type="radio"] + label:after,
.opn-ui  .opn-dialog-accordion [type="radio"] + label:after,
.opn-ui .opn-toolbar-background-content  [type="radio"]:not(:checked) + label:after,
.opn-ui .opn-toolbar-background-content  [type="radio"]:checked + label:after {
	/*content: '?';*/
	position: absolute;
	top: 4px;
	left: 0px;
	transition: transform 0.2s, opacity 0s;
	line-height: 20px;
	content: '';
	border:6px solid #4c5866;
	border-radius:100%;
}


#ContentEditor .opn-ui [type="radio"]:not(:checked) + label:after,
.opn-ui  .opn-dialog-accordion [type="radio"]:not(:checked) + label:after,
.opn-ui .opn-toolbar-background-content  [type="radio"]:not(:checked) + label:after{
	transition: transform 0.5s, opacity 1s;
}

/* Aspect si "pas cochée" */

#ContentEditor .opn-ui [type="radio"]:not(:checked) + label:after,
.opn-ui  .opn-dialog-accordion [type="radio"]:not(:checked) + label:after,
.opn-ui .opn-toolbar-background-content  [type="radio"]:not(:checked) + label:after {
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  opacity:0;
  transform: scale(0);
}

/* Aspect si "cochée" */

#ContentEditor .opn-ui [type="radio"]:checked + label:after,
.opn-ui  .opn-dialog-accordion [type="radio"]:checked + label:after,
.opn-ui .opn-toolbar-background-content  [type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  opacity:1;
  transform: scale(1);
}

/* aspect désactivée */
#ContentEditor .opn-ui [type="radio"]:disabled + label:before,
.opn-ui  .opn-dialog-accordion [type="radio"]:disabled + label:before,
.opn-ui .opn-toolbar-background-content  [type="radio"]:disabled:not(:checked) + label:before,
.opn-ui .opn-toolbar-background-content  [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
#ContentEditor .opn-ui [type="radio"]:disabled:checked + label:after,
.opn-ui  .opn-dialog-accordion [type="radio"]:disabled:checked + label:after,
.opn-ui .opn-toolbar-background-content  [type="radio"]:disabled:checked + label:after {
  color: #999;
}
/* on style aussi le label quand désactivé */
#ContentEditor .opn-ui [type="radio"]:disabled + label,
.opn-ui  .opn-dialog-accordion [type="radio"]:disabled + label,
.opn-ui .opn-toolbar-background-content  [type="radio"]:disabled + label {
  color: #aaa;
}


/* aspect désactivée */
#ContentEditor .opn-ui [type="radio"]:disabled + label:before,
.opn-ui  .opn-dialog-accordion [type="radio"]:disabled + label:before,
.opn-ui .opn-toolbar-background-content  [type="radio"]:disabled:not(:checked) + label:before,
.opn-ui .opn-toolbar-background-content  [type="radio"]:disabled:checked + label:before {
	/*
	background-image: url('/site/theme/images/form3.png');
	background-repeat: no-repeat;
	background-position: 0px -120px;
	*/
}

#ContentEditor .opn-ui [type="radio"]:disabled:checked + label:after,
.opn-ui .opn-dialog-accordion [type="radio"]:disabled:checked + label:after,
.opn-ui .opn-toolbar-background-content  [type="radio"]:disabled:checked + label:after {
	/*
	background-image: url('/site/theme/images/form3.png');
	background-repeat: no-repeat;
	background-position: 0px -180px;
	*/
}
/* on style aussi le label quand désactivé */
#ContentEditor .opn-ui [type="radio"]:disabled + label,
.opn-ui  .opn-dialog-accordion [type="radio"]:disabled + label,
.opn-ui .opn-toolbar-background-content  [type="radio"]:disabled + label {
  color: #aaa;
}

#ContentEditor .opn-ui [type="radio"]:hover:not(:disabled) + label:before,
.opn-ui  .opn-dialog-accordion [type="radio"]:hover:not(:disabled) + label:before,
.opn-ui .opn-toolbar-background-content  [type="radio"]:hover:not(:disabled) + label:before {
	background-repeat: no-repeat;
	background-position: 0px -150px;
}


#ContentEditor .opn-ui [type="radio"]:checked:not(:disabled):hover + label:after,
.opn-ui  .opn-dialog-accordion [type="radio"]:checked:not(:disabled):hover + label:after,
.opn-ui .opn-toolbar-background-content  [type="radio"]:checked:not(:disabled):hover + label:after {
	background-repeat: no-repeat;
	background-position: 0px -210px;
}

/*CHECKBOX */

.opn-ui .checkbox-line{
 padding:10px 0;
}

.opn-ui [type="checkbox"]:not(:checked),
.opn-ui [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

/* on prépare le label */
.opn-ui [type="checkbox"]:not(:checked) + label,
.opn-ui [type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding: 0px 0 0 55px; /* fait un peu d'espace pour notre case à venir  ancien 35px*/
  cursor: pointer;    /* affiche un curseur adapté */
  width:100%; /*100%*/
  margin: 5px;
  line-height: 40px !important;
  top: 0px;
}


/* on prépare le label */
#ContentEditor .opn-ui [type="checkbox"]:not(:checked) + label,
#ContentEditor .opn-ui [type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding: 0 0 0 55px; /* fait un peu d'espace pour notre case à venir  ancien 35px*/
  cursor: pointer;    /* affiche un curseur adapté */
  width:100%; /*100%*/
  margin: 10px 5px;
  line-height: 20px !important;
  top: 0px;
   /*transition: all 0.3s ease;*/
}


/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.opn-ui [type="checkbox"]:not(:checked) + label:before,
.opn-ui [type="checkbox"]:checked + label:before {
	position: absolute;
	left: -4px; top: -4px;
	width: 48px;
	height: 24px;
	content: '';
	transition: transform 0.2s, opacity 0.2s;
	border:2px solid #ddd;
	    border-radius: 20px;
}

.opn-ui [type="checkbox"]:checked + label:before {
	border:2px solid #4c5866;
}

/* Aspect général de la coche */
.opn-ui [type="checkbox"]:not(:checked) + label:after,
.opn-ui [type="checkbox"]:checked + label:after {
	position: absolute;
	top: 0px;
	left: 0px;
	border:10px solid #4c5866;
	color: #4c5866;
	/*transition: transform 0.2s, opacity 0s;*/
	content: "";
	border-radius:50%;
}

.opn-ui [type="checkbox"]:not(:checked) + label{
	color:#aaa;
}

.opn-ui [type="checkbox"]:checked + label{
	color:#4c5866;
	font-weight:600;
}


.opn-ui [type="checkbox"]:not(:checked) + label:after{
/*	transition: transform 0.5s, opacity 1s;*/
}

/* Aspect si "pas cochée" */
.opn-ui [type="checkbox"]:not(:checked) + label:after {
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  opacity:1;
  transform: scale(1);
  border: 10px solid #f1f1f1;
 transition: all 0.2s ease-in;
}
/* Aspect si "cochée" */
.opn-ui [type="checkbox"]:checked + label:after {
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  opacity:1;
  transform: scale(1);
  left: 24px;
  transition: all 0.2s ease-in;
}

/* aspect désactivée */
.opn-ui [type="checkbox"]:disabled:not(:checked) + label:before,
.opn-ui [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
.opn-ui [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
/* on style aussi le label quand désactivé */
.opn-ui [type="checkbox"]:disabled + label {
  color: #aaa;
}

/* styles de la coche (si cochée/désactivée) */
.opn-ui [type="checkbox"]:disabled:checked + label:after {
	position: absolute;
	top: 2px;
	left: -25px;
	font-size: 14px;
	color: #0058A8;
	line-height: 20px;
	content: '';
	width: 30px;
	height: 30px;
	background-image: url('http://wordpresstest/wp-content/themes/opntemplate/images/form3.png');
	background-repeat: no-repeat;
	background-position: 0px -60px;
}


/* aspect désactivée */
.opn-ui [type="checkbox"]:disabled:not(:checked) + label:before,
.opn-ui [type="checkbox"]:disabled:checked + label:before {
	background-image: url('/site/theme/images/form3.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.opn-ui [type="checkbox"]:disabled:checked + label:after {
	background-image: url('/site/theme/images/form3.png');
	background-repeat: no-repeat;
	background-position: 0px -60px;
}
/* on style aussi le label quand désactivé */
.opn-ui [type="checkbox"]:disabled + label {
  color: #aaa;
}


.opn-ui [type="checkbox"]:not(:disabled):hover + label:before {
	background-repeat: no-repeat;
	background-position: 0px -30px;
}


.opn-ui [type="checkbox"]:checked:not(:disabled):hover + label:after {
	background-repeat: no-repeat;
	background-position: 0px -90px;
}

.opn-ui .pods-pick-values .pods-checkbox-view li {
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
    line-height: 1em;
    margin: 0;
    padding: 0;
    float: left;
    width: 25%;
}

/* COMBOX */

.visual-combox{
	width: calc(33.3% - 10px);
	margin: 0px 10px 10px 0px;
	height: 100px;
	float: left;
	box-shadow: 0 0 0 5px #f1f1f1 inset;
	background-color: #f1f1f1;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transition:all 0.5s ease;
}

.visual-modegal1{
	background-image:none;
}
.visual-modegal2{
	background-image:none;
}
.visual-modegal3{
	background-image:none;
}

.visual-counter-combox1{
	background-image:none;
	width:calc(25% - 10px);
}
.visual-counter-combox2{
	background-image:none;
	width:calc(25% - 10px);
}
.visual-counter-combox3{
	background-image:none;
	width:calc(25% - 10px);
}
.visual-counter-combox4{
	background-image:none;
	width:calc(25% - 10px);
}

.visual-combox.active{
	box-shadow: 0 0 0 5px #76C5EB inset !important;
	transition:all 0.5s ease;
}
.visual-combox:hover{
	box-shadow: 0 0 0 5px #ddd inset;
}

.visual-tdbview-combox1,.visual-typegal1{
	background-image:none;
}
.visual-tdbview-combox2{
	background-image:none;
}
.visual-tdbview-combox3, .visual-typegal2{
	background-image:none;
}
.visual-tdbview-combox4{
	background-image:none;
}
.visual-tdbview-combox5{
	background-image:none;

}
.visual-tdbview-combox6{
	background-image:none;
	background-size: cover !important;
	margin-right:0 !important
}

.visual-carte{
	width:100%;
	height:150px;
	background-image:none;
	background-size: cover !important;
	margin-right:0 !important;
	padding: 10px;
	box-sizing: border-box;
	position:relative;
}
.visual-map-control{
	width: 30px;
	height: 10px;
	background-color: #fff;
	box-shadow: 0 0 0 3px transparent;
	border: 1px solid #b0b0b0;
	margin:0;
	position:absolute;
}

.visual-map-control:hover{
	box-shadow: 0 0 0 3px #aaa;
	border: 1px solid #aaa;
}

.visual-map-control.active{
	box-shadow: 0 0 0 3px #76C5EB !important;
	border: 1px solid #76C5EB;
}


.visual-map-control3,.visual-map-control5,.visual-map-control7,.visual-map-control9,.visual-map-control12{
    right:10px;
}

.visual-map-control8,.visual-map-control9,.visual-map-control10,.visual-map-control11,.visual-map-control12{
	bottom:10px;
}
.visual-map-control2,.visual-map-control11{
       left: calc(50% - 15px);
}
.visual-map-control4,.visual-map-control5{
       top: 30px;
}

.visual-map-control6,.visual-map-control7{
       top: calc(50% - 5px);
}

.visual-map-control8,.visual-map-control9{
       bottom: 30px;
}

/* NEW*/

.cusSelBlock {
  height: 38px;
  width:100%;
 /* min-width: 250px;*/
}
#cusSelectbox {
  height: 100%;
  width: 100%;
}
.s-hidden {
  visibility: hidden;
}
.cusSelBlock {
  display: inline-block;
  position: relative;
  -webkit-perspective: 800px;
  perspective: 800px;
}
.selectLabel {
  margin-top:0.4em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #f4f4f4;
  box-shadow: 0 0 0 1px #ddd;
  color: #777;
  cursor: pointer;
  display: block;
  height: 34px;
  width: 100%;
  line-height: 34px;
  padding: 0 40px 0 7px;
  box-sizing:border-box;
  text-align: left;
  overflow: hidden;

  /*
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
*/
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectLabel:after {
  content: "\f10c";
  font-family: fontawesome;
  color: #bbb;
  font-size: 17px;
  line-height: 17px;
  padding: 10px;
  box-sizing:border-box;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  width: 38px;
  /*margin-top:-3px;*/
}
.selectLabel:hover:after {
	color:#4c5866;
}

.cusSelBlock:not(.active) .options {
	opacity:0;
}

.cusSelBlock.active .selectLabel.active {
	display:none;
/*
  -webkit-transform: rotateX(30deg);
  transform: rotateX(30deg);
  */
}
.selectLabel:active:after {
content: "\f111";
color: #4c5866;
}
.selectLabel.active:after {
content: "\f111";
    color: #4c5866;
}

.cusSelBlock .options::-webkit-scrollbar {
  display: block;
  width:23px;
  background-color:transparent;
}
.cusSelBlock .options::-webkit-scrollbar-thumb{
	background-color:#4C5866;
	border:9px solid #fff;
	border-radius:7px;
}

.cusSelBlock .options {
    position: absolute;
    top: 3px;
    height: 1px;
    color:#4c5866;
    font-weight:600;
	min-width:300px;
    font-size:14px;
    overflow: auto;
    width: 25%;
    margin: 0 !important;
    box-shadow: 8px 8px 18px -7px #555;
    border: 1px solid #ddd;
    background-color: #ffffff;
    border-radius: 10px;
    box-sizing:border-box;
}
.cusSelBlock .options li {
  /*background-color: #f4f4f4;*/
  cursor: pointer;
  display: block;
  line-height: 38px;
  list-style: none;
  opacity: 1;
  padding: 0 10px 0 40px;
    box-sizing:border-box;
  text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;

/*	
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
*/
  transition:none !important;
  transition-timing-function:unset !important;
  position: absolute;
   top: -38px;
  left: 0;
  z-index: 1;
  height: 38px;
  width: 100%;
  overflow:hidden;

}
.cusSelBlock .options li:hover{
  background-color: #4c5866 !important;
  color: #fff;
}

.cusSelBlock .options li.active {

}

.cusSelBlock .options li:before {
content: "\f1db";
    font-family: fontawesome;
    color: #f1f1f1;
    float: left;
    position: absolute;
    left: 13px;
    font-size: 20px;
}

.cusSelBlock .options li.active:before {
	content: "\f111";
	font-family: fontawesome;
	color: #00c900;
	float: left;
	position: absolute;
	left: 13px;
}

.opn-ui .cusSelBlock.active {
	position:fixed;
	z-index:99999;
	width:0px;
    display: block;
}

.opn-ui .styled-select {
    /*overflow remis pour le wp-link*/
	overflow: inherit;
	height:41px; /*ne pas mettre 38px*/
	margin-bottom:1em;

}


/*END NEW*/
/*
.opn-ui .styled-select {

	position: relative;
	margin: 0.3em 0;
	font-family:'open sans';
	font-size:16px;
	height:38px;

}

#ie9 .opn-ui .styled-select {
 background:none;
}

.opn-ui .styled-select select {
	background-color: #f4f4f4;
	line-height: 1.2em;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	margin: 0!important;
	height:38px;
	width:100%;
	padding:0 50px 0 10px;
	font-family: 'open sans';
	font-size: 16px;
	font-weight:normal;
	color:#4c5866;

}

.opn-ui .styled-select select:hover {
	border: 1px solid #e5e5e5 !important;
}

.opn-ui .styled-select:after {
	content:'\f107';
	font-family: FontAwesome;
	font-size: 20px;
	vertical-align:middle;
	line-height:38px;
	position: absolute;
	left: calc(100% - 30px);
	top: 0px;
	color: #d4d4d4;
	transition: all 0.5s;
}

.opn-ui .styled-select:hover::after {
	color:#4c5866;
	transition: all 0.5s;
}

.opn-ui .styled-select select:focus {
	outline:none;
}
*/
.degrad {
    background: url('/site/theme/images/new_arrow_degrad.png') repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 36px;
    pointer-events: none;
}


/* SLIDER */

.ui-slider-horizontal {
    height: 10px !important;
	top:40px;
	z-index:1;
}

.opn-ui .ui-slider .ui-slider-handle {
    border: 1px solid #ddd!important;
    background: #4c5866 !important;
    color:#fff;
    cursor: pointer;
    width: auto;
    height: 18px;
    text-align: center;
    font-size: 13px;
    padding:2px 5px;
    margin-left:0;
}

.opn-ui .opn-slider-size .ui-slider-handle {
    border: none!important; 
    background-color: rgba(76,88,102,0.3) !important;
    color: #fff0;
    cursor: pointer;
    top: 0px;
    width: 10px;
    height: 10px;
    text-align: center;
    font-size: 0;
    padding: 0;
    margin-left: 0;
}

/*
  .opn-slider-size {
     width: 60%;
     float: left;
     margin-right: 40px;
     margin-top: 22px;
     z-index: 0 !important;
     border-style: solid;
     background-color: #d7d7d7;
   }
*/

 .opn-slider-size {
     width: 100%; 
    /* z-index: 0 !important;*/
     border-style: solid;
     background-color: #d7d7d7;
   }
  
   
.opn-slider-size.max {
     width: 90%;
     margin: 22px 40px 6px 0;
  }

#dim-slider .ui-slider-handle {
    width: 45px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -10px;
}

.ui-slider .ui-slider-range {
    background: #4c5866;
}

.ui-slider {
    background: #ccc;
    box-shadow: none;
}


/* DIALOG */

.opn_transparent {
	opacity: 0.5;
}

.hachure {
    border: 1px solid rgba(220, 220, 200, 1);
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png');
}

.hachure img {
    border: none!important;
    background: none!important;
    padding: 0!important;
    box-shadow: none!important;
    max-height: 80px !important;
}

.opn_class_editDialog {
    z-index: 99999 !important;
    /* The default is 100. !important overrides the default. */
}


.opn-ui .opn-content {
    display: none;
    font-family: "open sans";
    padding: 20px 40px;
    position: relative;
    cursor: pointer;
    color: #666;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    border-top: none;
    overflow: auto;
}

.opn-ui .opn-content.sub-content {
	padding:0;
}

.opn-ui .opn-field-left {
    width: 100%;
    padding: 0 5% 0 0;
    float: left;
}

.opn-ui .opn-field-right {
    width: 100%;
    padding: 0 0 0 5%;
    float: right;
}

.opn-ui .opn-field-50-first {
    width: 45%;
    float: left;
	margin-right:10%;
}

.opn-ui .opn-field-50-last {
    width: 45%;
    float: left;
}

.opn-ui .opn-field-33 {
    width: 30%;
    float: left;
   margin-right:5%;
}

.opn-ui .opn-field-33-last {
    width: 30%;
    float: left;
}

.opn-ui .opn-field-33-nomarge {
    width: 33.3%;
    float: left;
}

.opn-ui .opn-field-25 {
    width: 20%;
    float: left;
   margin-right:5%;
}

.opn-ui .opn-field-25-last {
    width: 20%;
    float: left;
}

.opn-ui .opn-field-25-first,.opn-ui .opn-field-25-second,.opn-ui .opn-field-25-third,.opn-ui .opn-field-25-fourth {
    width: 25%;
    float: left;
}

.opn-ui .borderall,.opn-ui .bordertop,.opn-ui .borderright,.opn-ui .borderleft,.opn-ui .borderbottom{
	display:none;
}

.opn-ui .opn-btn-border{
	float:left;
    width: calc(13% - 8px);
    height: 30px;
    background-color: #f1f1f1;
    line-height: 30px;
    padding: 5px 2.5%;
    text-align:center;
	margin:2% 0% 2% 2%;
}

.opn-ui .opn-btn-border.active, .opn-ui .opn-btn-border:hover{
	box-shadow:0 0 0 5px #76C5EB;
}

.opn-ui  .borderbtnleft {
    border: 1px solid transparent;
    border-left: 4px solid #4C5866;
	border-bottom-left-radius:20px
}

.opn-ui .borderbtnright {
    border: 1px solid transparent;
    border-right: 4px solid #4C5866;
	border-top-right-radius:20px;
}

.opn-ui .borderbtntop {
    border: 1px solid transparent;
    border-top: 4px solid #4C5866;
	border-top-left-radius:20px;
}

.opn-ui .borderbtnbottom {
    border: 1px solid transparent;
    border-bottom: 4px solid #4C5866;
	border-bottom-right-radius:20px;
}

.opn-ui  .borderbtnall {
    border: 4px solid #4C5866;
	border-radius:10px;
}

#ParamsSite .opn-ui .screen .context{
	width: 100%;
	height: 80px;
	padding-top: 10px;
	background-color: #76c5eb80;
	box-shadow: inset 0 0 0 5px #76c5eb;
}

#ParamsSite .opn-ui .screen .contin{
	width: 80%;
	margin: 0 auto;
	height: 70px;
	background-color: rgba(255, 255, 255, 0.31);
	line-height: 70px;
	text-align: center;
}

#ParamsSite .opn-ui .screen .context1{
	width: 100%;
	height: 80px;
	padding-top: 10px;
	background-color: #FFF;
}

#ParamsSite .opn-ui .screen .contin1{
	width: 80%;
	margin: 0 auto;
	height: 70px;
	background-color: #76c5eb80;
	box-shadow: inset 0 0 0 5px #76c5eb;
	line-height: 70px;
	text-align: center;
}

#ParamsSite .opn-ui .screen .head,
#ParamsSite .opn-ui .screen .foot{
	width: 100%;
	height: 30px;
	background-color: #aaa;
	text-align: center;
	line-height: 30px;	
}

#ParamsSite .opn-ui .screen{
	width: 24%;
	margin: 5px 4% 0 0;
	height: 150px;
	float: left;
	border: 10px solid #000;
}

#ParamsSite .opn-ui .opn-accordion-palette .wp-picker-container{
	position: relative;
	float:left;
	margin : 35px 10px 10px 10px;
	width:38px;
}

#ParamsSite .opn-ui .opn-accordion-palette .wp-color-result{
	height :38px !important;
}

#ParamsSite .opn-ui .wp-color-result .color-alpha{
	height: 38px !important;
}

#ParamsSite .opn-ui .opn-default-color-container .wp-picker-input-wrap:after {
    display: none;
}

#ParamsSite .opn-ui .wp-picker-container button:before{
	display:none;
}

#ParamsSite .opn-ui .wp-picker-container .wp-color-result-text{
	display:none;
}

#ParamsSite .opn-add-color:hover{
	background-color:#aaa !important;
}

/*
#ParamsSite .opn-accordion-palette{
	height:311px;
}
*/

#ParamsSite .opn-add-color:after {
    content: "+";
    font-size: 30px;
    padding: 0.35em;
    font-weight: bold;
    color: #fff;
}

#ParamsSite .opn-ui .opn-add-color{
    width: 38px;
    height: 38px;
    background-color: #ddd;
    float: left;
    margin: 35px 10px 0 10px;
    border: 1px solid #ddd;
}

#ParamsSite .opn-ui .opn-default-color-container .wp-picker-input-wrap{
    width: 257px;
    margin-top: 10px;
}

#ParamsSite .opn-ui .opn-default-color-container .wp-picker-input-wrap label{
    width: 100%
}

#ParamsSite .opn-ui .opn-delete-color{
    float: right;
    position: absolute;
    top: -28px;
    margin: 7px 0;
    left: -7px;
    cursor: pointer;
    color: #4C5866;
}

#ParamsSite .opn-ui .opn-delete-color:hover{
    color:#cc0000;
}

#ParamsSite .opn-ui .opn-delete-color:after{
    content: "\f014";
    font-family: FontAwesome;
    font-size: 15px;
    padding: 0 20px;
    font-weight: 500;
}

.wp-picker-container {
	margin-top: 3px;
	/*width: 250px;*/ /*pour que l'on puisse cliquer a coté du picker pour le fermer*/
	width: auto; 
}

#toolbar-dialog .wp-picker-container {
	width: auto; /*pour que l'on puisse cliquer a coté du picker pour le fermer*/
	/*max-width:250px;*/
}

.opn-ui .opn-preset{
	width: 33.33%;
	text-align: center;
	line-height: 60px;
	padding: 2px;
	box-sizing: border-box;
	float: left;
	font-weight: 900;
	font-size: 250%;
	color: #fff;
}

.opn-ui .opn-preset .textinner{
	background-color: #f5f5f5;
}

.opn-ui .opn-preset .textinner:hover{
	background-color: #f5f5f5;
	box-shadow: 0px 0px 0px 5px #76C5EB inset;
}

.opn-ui .opn-preset-sep{
    width: 100%;
    background-color: #FFF;
    margin: 0 0 20px 0;
    line-height: 1;
    padding: 0;
    font-size: 0;
}

.opn-ui .opn-preset-sep-rl{
    width: 25px;
	height:150px;
    background-color: #FFF;
    margin: 0 10px 10px 0;
    line-height: 1;
    padding: 0;
    font-size: 0;
}

.opn-ui .opn-preset-sep.opn-sep1, .opn-ui .opn-preset-sep.opn-sep1001,  .opn-ui .opn-preset-sep-rl.opn-sep2001, .opn-ui .opn-preset-sep-rl.opn-sep3001{
	background-color: #f1f1f1 ! important;
}

.opn-ui .opn-preset-sep.opn-sep1.active, .opn-ui .opn-preset-sep.opn-sep1001.active,  .opn-ui .opn-preset-sep-rl.opn-sep2001.active, .opn-ui .opn-preset-sep-rl.opn-sep3001.active{
	background-color: #76c5eb ! important;
}

.opn-sep-visuel-top,.opn-sep-visuel-bottom,.opn-sep-visuel-right,.opn-sep-visuel-left {
    height: 170px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    border: 1px solid #ddd;
	box-sizing:border-box;
}

.opn-ui .the_elem{
    height: 40px;
    float: left;
    background-color: #f1f1f1;
    border-right: 5px solid #FFF;
    text-align: center;
    line-height: 40px;	
}

.opn-ui .the_elem.active{
    background-color: #76C5EB;
    color: #fff;	
}

.opn_sep-up {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
}

.opn_sep-up svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
	display: none;
}

.opn-sep-visuel-right .opn-preset-sep-rl svg{
	transform: rotateZ(90deg);
    transform-origin: 0;
    position: relative;
    left: calc(100% - 8px);
    top: -8px;
    width: 150px;
}

.opn-sep-visuel-left .opn-preset-sep-rl svg {
    transform: rotateZ(-90deg);
    transform-origin: 0;
    position: relative;
    left: calc(100% - 18px);
    top: calc(100% - 8px);
    width: 150px;
}


.opn_sep-down {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
}

.opn_sep-down svg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
   display: none;
}

.opn_sep-right {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
	/* background-repeat: no-repeat!important;
    transform: rotateZ(-90deg) rotateX(180deg);
    transform-origin: 0 0!important;
    top: 100%; */
	/* background-repeat: no-repeat!important; */
    transform: rotateZ(-90deg) rotateX(180deg) rotateY(180deg);
    transform-origin: 0 0!important;
    top: 0;
}

.opn_sep-right svg{
    position: absolute;
    transform: rotateZ(90deg);
	transform-origin: 0 0;
    top: 0;
    left: 100%;
    width: 100px;
    height: 100%;
    display: none;
}

.opn_sep-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	/* background-repeat: no-repeat!important; */
    transform: rotateZ(-90deg);
    transform-origin: 0 0!important;
    top: 100%;
}

.opn_sep-left svg{
    position: absolute;
    transform: rotateZ(-90deg);
    transform-origin: 0 0;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    display: none;
}

.opn-params-sep-up, .opn-params-sep-down,.opn-params-sep-right,.opn-params-sep-left {
	display: none;
}


.opn-preset.opn-preset-sep.active svg,.opn-preset.opn-preset-sep-rl.active svg {
    fill: #76c5eb;
    box-shadow: none !important;
}
.opn-preset.opn-preset-sep.active,.opn-preset.opn-preset-sep-rl.active {
    box-shadow: none !important;
}

.opn-ui .opn-preset-sep:hover, .opn-ui .opn-preset-sep-rl:hover{
	box-shadow: 0px 0px 0px 5px #76C5EB;
}

.opn-ui .opn-preset .boxinner {
    background-color: #fff;
    width: 70%;
    height: 55px;
    margin: 5% auto;
}

.opn-ui .opn-preset.opn-preset-boxshadow:hover {
	box-shadow: 0px 0px 0px 5px #76C5EB inset;
}

.opn-ui .opn-preset .boxinner-0 {
	box-shadow: rgba(0,0,0,0) 0px 0px 0px 0px;
}

.opn-ui .opn-preset .boxinner-1 {
	box-shadow: rgba(0,0,0,0.5) 0px 0px 10px 0px;
}
.opn-ui .opn-preset .boxinner-2 {
	box-shadow: rgba(0,0,0,0.5) 5px 5px 5px 0px;
}
.opn-ui .opn-preset .boxinner-3 {
	box-shadow: rgba(0,0,0,0.5) 0px 7px 7px -3px;
}
.opn-ui .opn-preset .boxinner-4 {
	box-shadow: rgba(0,0,0,0.5) 0px 0px 0px 7px;
}
.opn-ui .opn-preset .boxinner-5 {
	box-shadow: inset rgba(0,0,0,0.5) 0px 0px 10px 5px;
}
.opn-ui .opn-preset .boxinner-6 {
	box-shadow: inset rgba(0,0,0,0.5) 0px -10px 20px -5px;
}
.opn-ui .opn-preset .boxinner-7 {
	box-shadow:rgba(0,0,0,0.5) 0px -5px 20px 0px;
}

.opn-preset-boxshadow{
	background-color: #f1f1f1;
	margin: 2px;
	padding:2% !important;
	width: calc(25% - 4px) !important;
}

.opn-ui .displayshadow {
	margin-top: 20px;
	/*overflow:auto;*/
}

.opn-ui .opn-preset.opn-preset-txtshadow0{
	text-shadow: none;
	width:100%;
}
.opn-ui .opn-preset.opn-preset-txtshadow1{
	text-shadow:rgba(0,0,0,0.5) 0em 0em 0.2em ;
}
.opn-ui .opn-preset.opn-preset-txtshadow2{
	text-shadow:rgba(0,0,0,0.5) 0.1em 0em 0.1em ;
}
.opn-ui .opn-preset.opn-preset-txtshadow3{
	text-shadow:rgba(0,0,0,0.5) 0.1em 0.1em 0.1em;
}
.opn-ui .opn-preset.opn-preset-txtshadow4{
	text-shadow:rgba(0,0,0,0.5) 0em 0.1em 0.1em;
}
.opn-ui .opn-preset.opn-preset-txtshadow5{
	text-shadow:rgba(0,0,0,0.5) -0.1em 0.1em 0.1em;
}
.opn-ui .opn-preset.opn-preset-txtshadow6{
	text-shadow:rgba(0,0,0,0.5)-0.1em 0em 0.1em;
}
.opn-ui .opn-preset.opn-preset-txtshadow7{
	text-shadow:rgba(0,0,0,0.5) -0.1em -0.1em 0.1em;
}
.opn-ui .opn-preset.opn-preset-txtshadow8{
	text-shadow:rgba(0,0,0,0.5) 0em -0.1em 0.1em;
}
.opn-ui .opn-preset.opn-preset-txtshadow9{
	text-shadow:rgba(0,0,0,0.5) 0.1em -0.1em 0.1em;
}

.opn-ui  .opn-bloc-text-transform .opn-container-transform {
    background-color: #f1f1f1;
    width: calc(25% - 2%);
    float: left;
    margin: 10px 2% 10px 0;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #aaa;
	transition:all 0.5s ease;
}

.opn-ui  .opn-bloc-text-transform .opn-container-transform:hover{
	box-shadow: 0 0 0 5px #ddd inset;
	color: #4c5866;
	transition:all 0.5s ease;
}

.opn-ui  .opn-bloc-text-transform .opn-container-transform.active{
	box-shadow: 0px 0px 0px 5px #76C5EB inset;
	color: #4c5866;
}

.opn-ui  .opn-bloc-text-variant .opn-container-variant {
background-color: #f1f1f1;
    /*box-shadow: 0 0 0 5px #ddd inset;*/
    width: calc(50% - 2%);
    float: left;
    margin: 10px 2% 10px 0;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #aaa;
	transition:all 0.5s ease;
}

.opn-ui  .opn-bloc-text-variant .opn-container-variant:hover{
	box-shadow: 0px 0px 0px 5px #ddd inset;
	color: #4c5866;
	transition:all 0.5s ease;
}

.opn-ui  .opn-bloc-text-variant .opn-container-variant.active{
	box-shadow: 0px 0px 0px 5px #76C5EB inset;
	color: #4c5866;
}

.opn-ui  .opn-bloc-background-position .opn-container-background-position {
    width: 33%;
    height: 75px;
    float: left;
    padding: 3px;
    box-sizing: border-box;
    color: #aaa;
	transition:all 0.5s ease;
}

.opn-ui  .opn-bloc-background-position .opn-container-background-position:hover{
	box-shadow: 0px 0px 0px 5px #ddd inset;
	color: #4c5866;
	transition:all 0.5s ease;
}

.opn-ui  .opn-bloc-background-position .opn-container-background-position.active{
	box-shadow: 0px 0px 0px 5px #76C5EB inset;
	color: #4c5866;
}

.opn-ui .opn-visual-background-image{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.opn-ui .opn-visual-background-image[data-target="hover-background-position"][data-type="0% 0%"],
.opn-ui .opn-visual-background-image[data-target="background-position"][data-type="0% 0%"]{
    background-image:none
}

.opn-ui .opn-visual-background-image[data-target="hover-background-position"][data-type="50% 0%"],
.opn-ui .opn-visual-background-image[data-target="background-position"][data-type="50% 0%"]{
    background-image:none
}

.opn-ui .opn-visual-background-image[data-target="hover-background-position"][data-type="100% 0%"],
.opn-ui .opn-visual-background-image[data-target="background-position"][data-type="100% 0%"]{
    background-image:none
}

.opn-ui .opn-visual-background-image[data-target="hover-background-position"][data-type="0% 50%"],
.opn-ui .opn-visual-background-image[data-target="background-position"][data-type="0% 50%"]{
    background-image:none
}

.opn-ui .opn-visual-background-image[data-target="hover-background-position"][data-type="50% 50%"],
.opn-ui .opn-visual-background-image[data-target="background-position"][data-type="50% 50%"]{
    background-image:none
}

.opn-ui .opn-visual-background-image[data-target="hover-background-position"][data-type="100% 50%"],
.opn-ui .opn-visual-background-image[data-target="background-position"][data-type="100% 50%"]{
    background-image:none
}

.opn-ui .opn-visual-background-image[data-target="hover-background-position"][data-type="0% 100%"],
.opn-ui .opn-visual-background-image[data-target="background-position"][data-type="0% 100%"]{
    background-image:none
}

.opn-ui .opn-visual-background-image[data-target="hover-background-position"][data-type="50% 100%"],
.opn-ui .opn-visual-background-image[data-target="background-position"][data-type="50% 100%"]{
    background-image:none
}

.opn-ui .opn-visual-background-image[data-target="hover-background-position"][data-type="100% 100%"],
.opn-ui .opn-visual-background-image[data-target="background-position"][data-type="100% 100%"]{
    background-image:none
}

.opn-ui  .opn-bloc-position .opn-container-position {
    width: 33.3%;
    height: 60px;
    float: left;
    padding: 3px;
    margin:0 0 20px 0;
    box-sizing: border-box;
    color: #aaa;
	transition:all 0.5s ease;
}

.opn-ui  .opn-bloc-position .opn-container-position:hover{
	box-shadow: 0px 0px 0px 5px #ddd inset;
	color: #4c5866;
	transition:all 0.5s ease;
}

.opn-ui  .opn-bloc-position .opn-container-position.active{
	box-shadow: 0px 0px 0px 5px #76C5EB inset;
	color: #4c5866;
}

.opn-ui .opn-visual-position{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50%;
}

.opn-ui .opn-visual-position .opn-label{
	position: relative;
	bottom: -100%;
	text-align: center;
}

.opn-ui .opn-visual-position[data-target="hover-position"][data-type="relative"],
.opn-ui .opn-visual-position[data-target="position"][data-type="relative"]{
    background-image:none
}
.opn-ui .opn-visual-position[data-target="hover-position"][data-type="absolute"],
.opn-ui .opn-visual-position[data-target="position"][data-type="absolute"]{
    background-image:none
}
.opn-ui .opn-visual-position[data-target="hover-position"][data-type="fixed"],
.opn-ui .opn-visual-position[data-target="position"][data-type="fixed"]{
    background-image:none
}
.opn-ui .opn-visual-position[data-target="hover-position"][data-type="static"],
.opn-ui .opn-visual-position[data-target="position"][data-type="static"]{
    background-image:none
}

.opn-ui  .opn-bloc-col-responsive{
    float: left;
    padding: 5px;
    box-sizing: border-box;
    color: #aaa;
    transition:all 0.5s ease;
    display:none;
}

.opn-ui  .opn-bloc-col-responsive.nbcol1,
.opn-ui  .opn-bloc-col-responsive.nbcol2{
    width: 33.33%;
    height: 70px;
}

.opn-ui  .opn-bloc-col-responsive.nbcol3{
    width: 25%;
    height: 70px;
}

.opn-ui  .opn-bloc-col-responsive.nbcol4{
    width: 33.33%;
    height: 70px;
}

.opn-ui  .opn-bloc-col-responsive.nbcol5{
    width: 33.33%;
    height: 70px;
}

.opn-ui  .opn-bloc-col-responsive.nbcol6{
    width: 33.33%;
    height: 70px;
}

.opn-ui  .opn-bloc-col-responsive:hover{
	box-shadow: 0px 0px 0px 5px #ddd inset;
	color: #4c5866;
	transition:all 0.5s ease;
}

.opn-ui  .opn-bloc-col-responsive.active{
	box-shadow: 0px 0px 0px 5px #76C5EB inset;
	color: #4c5866;
}

.opn-ui .opn-visual-col-responsive{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    background-color: #f3f3f3;
}

.opn-ui .opn-visual-col-responsive[data-ncol="1"][data-type="c0"]{
	    background-image:none
}

.opn-ui .opn-visual-col-responsive[data-ncol="2"][data-type="c0"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="2"][data-type="c1"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="2"][data-type="c2"]{
	    background-image:none
}

.opn-ui .opn-visual-col-responsive[data-ncol="3"][data-type="c0"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="3"][data-type="c1"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="3"][data-type="c2"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="3"][data-type="c3"]{
	    background-image:none
}

.opn-ui .opn-visual-col-responsive[data-ncol="4"][data-type="c0"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="4"][data-type="c1"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="4"][data-type="c2"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="4"][data-type="c3"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="4"][data-type="c4"]{
	    background-image:none
}


.opn-ui .opn-visual-col-responsive[data-ncol="5"][data-type="c0"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="5"][data-type="c1"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="5"][data-type="c2"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="5"][data-type="c3"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="5"][data-type="c4"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="5"][data-type="c5"]{
	    background-image:none
}

.opn-ui .opn-visual-col-responsive[data-ncol="6"][data-type="c0"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="6"][data-type="c1"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="6"][data-type="c2"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="6"][data-type="c3"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="6"][data-type="c4"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="6"][data-type="c5"]{
	    background-image:none
}
.opn-ui .opn-visual-col-responsive[data-ncol="6"][data-type="c6"]{
	    background-image:none
}

.opn-ui .styled-select [rel="900"] {
	font-weight: 900;

}
.opn-ui .styled-select [rel="400"]{
	font-weight: 400;

}
.opn-ui .styled-select [rel="100"] {
	font-weight: 100;

}
.opn-ui .styled-select [rel="300"] {
	font-weight: 300;

}
.opn-ui .styled-select [rel="500"] {
	font-weight: 500;

}
.opn-ui .styled-select [rel="700"] {
	font-weight: 700;

}

.para-hidden-field {
    display: none;
}

.opn-ui .paramstxt{
    text-align: center;
    line-height: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 100px;
    font-weight: 600;
    background-color:#8CB6C0;
    box-shadow: inset 0 0 0px 20px #C3D08B, 0 0 0 20px #F9CC9D;	
}

.opn-ui .params-alone{
	width:100%;
}
.opn-ui .params-first{
}
.opn-ui .params-middle{
}
.opn-ui .params-last{
}

.opn-ui .opn-pt, .opn-ui .opn-pr, .opn-ui .opn-pl, .opn-ui .opn-pb, .opn-ui .opn-mb, .opn-ui .opn-mr, .opn-ui .opn-mt, .opn-ui .opn-ml, .opn-ui .opn-bb, .opn-ui .opn-br, .opn-ui .opn-bt, .opn-ui .opn-bl
{
    height: 15px !important;
    width: 35px !important;
    background-color: #fafafa !important;
    font-size: 11px !important;
    text-align: center;
    position: absolute !important;
    padding: 0 !important;
    border: 1px solid #a0a99a !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

.opn-ptalone,
.opn-pbalone,
.opn-plalone,
.opn-pralone,
.opn-plfirst,
.opn-prfirst,
.opn-plmid,
.opn-prmid,
.opn-pllast,
.opn-prlast,
.opn-mtalone,
.opn-mbalone,
.opn-mlalone,
.opn-mralone,
.opn-mlfirst,
.opn-mrfirst,
.opn-mlmid,
.opn-mrmid,
.opn-mllast,
.opn-mrlast {
    height: 25px !important;
    width: 45px !important;
    background-color: #fafafa !important;
    font-size: 12px !important;
    text-align: center;
    position: absolute !important;
    padding: 0 !important;
    border: 1px solid #a0a99a !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

.opn-ui .opn-pr {
    top: 6px;
    left: calc(99% + 7px);
}

.opn-ui .opn-pl {
    top: 6px;
    left: -40px;
}

.opn-ui .opn-pt {
    top: -19px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-pb {
    top: 32px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-mr {
    top: 6px;
    left: calc(100% + 33px);
}

.opn-ui .opn-ml {
    top: 6px;
    left: -68px;
}

.opn-ui .opn-mt {
    top: -43px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-mb {
    top: 55px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-br {
    top: 6px;
    left: calc(93% + 20px);
}

.opn-ui .opn-bl {
    top: 6px;
    left: -42px;
}

.opn-ui .opn-bt {
    top: -22px;
    left: calc( 45% - 9px);
}

.opn-ui .opn-bb {
    top: 35px;
    left: calc( 45% - 9px);
}

.opn-trash-style {
    position: absolute;
    right: 0;
    width: 30px;
    height: 60px;
    margin: 0;
    padding: 0;
    border: 1px solid;
    background-color: #cbcbcb;
}

.opn-ui .opn-dim-diagram-bloc {
   /* background-color: #ffffff;*/
    height: 60px;
    position: relative;
    width:50%;
   /* top: 10px;
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);*/
}

.opn-ui .opn-dim-diagram-parent {
    height: 80px;
    padding: 10px
}

.opn-input-detail-dim {
    display: block;
    width: 60px !important;
    margin: 0 auto;
    padding: 5px !important;
    position: absolute !important;
   /* left: calc(( 100% - 60px) / 2);*/
    text-align: center !important;
    /*top: 18%;*/
}

.opn-ui .pmb {
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/damier.png');
    height: 120px;
}

.opn-ui .pmb-margin {
    background-color: #fff;
    border: 1px solid #666;
    width: 60%;
    height: 70px;
    position: relative;
    top: 25px;
    margin: 0 auto;
}

.opn-ui .pmb-padding {
    background-color: #fff;
    border: 1px solid #666;
    width: 80%;
    height: 70px;
    position: relative;
    top: 25px;
    margin: 0 auto;
}

.opn-ui .pmb-contenu-margin {
    border: 1px dashed #000;
    background-color: #fff;
    width: 60%;
    height: 28px;
    position: relative;
    top: 20px;
    margin: 0 auto;
}

.opn-ui .pmb-contenu-border {
    border: 1px solid #000;
    background-color: #fff;
    width: 60%;
    height: 28px;
    position: relative;
    top: 45px;
    margin: 0 auto;
}

.opn-ui .pmb-contenu-pad {
    border: 1px dashed #000;
    background-color: #fff;
    width: 50%;
    height: 28px;
    position: relative;
    top: 20px;
    margin: 0 auto;
}

.opn-ui .text-help {
    display: none;
    color: #e37702;
    font-size: 13px;
    font-weight: 600;
}

.opn-ui .text-help.sub-text-help{
	padding: 7px 0 10px 45px;
}

.opn-ui .sub-text {
    padding: 10px 0 0 0;
    color: #000000;
    font-weight: 600;
    font-size: 15px;
}

.opn-ui .help {
    width: 15px;
    height: 15px;
    background-color: #ffd6a9;
    color: #fff;
    margin: 0 4px 0 -31px; /*-36px*/
    text-align:center;
    float:left;
    padding: 2px 2px;
    border-radius: 33px;
    font-size: 11px;
    font-weight: bold;
}

.opn-ui .help.sub-help{
	/* background-color: #cecece;  */
	background-color: #ffd6a9;
	margin: 10px 10px 0 10px
}

.opn-ui .help.sub-help-grey{
	color: #ddd;
    background-color: transparent;
    border: 1px solid #ddd;
    font-weight: 700;
    margin-left:-25px;
	margin-top: 0px;
}

.opn-ui .help:hover {
    background-color: #4c5866;
    color: #fff;
	cursor:pointer;
}

.opn-ui .pods-form-ui-label,
.opn-ui .label-title {
    font-family: "open sans condensed";
    font-size: 17px;
    font-weight: 600;
}


.opn-ui .opn-sub-content .label-title {
    font-family: "open sans";
    font-size: 14px;
    font-weight: 600;
}

.opn-ui .label-mini-title {
    font-family: "open sans condensed";
    font-size: 14px;
    font-weight: 600;
}


body:not(.body-editor) #mes-ok .opn_finalContent{
  display:none
}

.opn-ui .opn-dialog-comment{
	color:#AAA;
	font-style:italic;
	margin-bottom:20px;
}

/* BOUTON LOAD IMG ET VID*/

.opn-ui .opn-load:hover {
    background-color: #555;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.opn-ui .opn-load {
    height: 40px;
    width: 100%;
    background-color: #f4f4f4;
    position: relative;
    color: #555;
    transition: all 0.3s ease-in-out;
}

.opn-ui .opn-load .ico {
    position: absolute;
    width: 38px;
    height: 40px;
    line-height: 42px;
    background-color: #4c5866;
    text-align: center;
    color: #fff;
    font-size: 15px;
}

.opn-ui .opn-load .img {}

.opn-ui .opn-load .del {
    color: #cc0000;
    display: none;
    background-color: #ddd;
}

.opn-ui .opn-load .text {
    margin: 0 0 0 48px;
    line-height: 42px;
    font-size: 13px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.opn-load .ico {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.opn-ui .back-size-select {
    width: 100%;
}


/* ACCORDION */


/* dialog */

.opn-dialog-accordion{
 /*overflow:auto;*/
}

.opn-content.ui-accordion-content{
	margin:0;
}

/*INTERFACE  WP*/

.opn-ui a{
	text-decoration:none;
}

.opn-ui #postimagediv .inside{
	text-align:center;
}

.opn-ui #set-post-thumbnail{
	display:block;

}

.opn-ui .howto{
	text-align:center;
}

.opn-ui .postbox,
.opn-ui .stuffbox{
	border:0;
	margin-bottom:0;
}

.opn-ui #submitdiv {
    overflow: auto;
}

.opn-ui #poststuff{
/*	background-color:#f1f1f1;*/
	background-color:#fff;
}

.opn-ui #tagsdiv-post_tag{
	background-color: #fff !important;
}

.opn-ui #post-body-content{
	margin:0 ! important;
}

.opn-ui #post-body-content #titlediv{
	margin:0 ! important;
	padding:0 20px;
}

.opn-ui #titlediv #title{
	background-color: #f4f4f4 !important;
	margin-top : 20px;
}

.opn-ui #wp-content-editor-tools {
    background-color: #fff;
}

.opn-ui #post-body-content #titlediv .inside{
	display:none; /*enlever car affiche le permalink des proprièté page*/
}

.opn-ui #poststuff .inside {
	padding: 20px !important;
	background-color: #fff !important;
}

.opn-ui #poststuff #submitdiv .inside {
    background-color: #fff !important;
}

/*LE TRAIT DANS LA FEN PIECE JOINTES*/
.opn-ui #post-status-info, .postbox{
	box-shadow:none;
}

.opn-ui .notice{
	display:none;
}

.opn-ui .postbox .toggle-indicator:before {
	content: "\f347" !important;
}
.opn-ui .postbox.closed .toggle-indicator:before {
	content: "\f345" !important;
}

.opn-ui .postbox.closed:hover .toggle-indicator {
	color:#fff;
}

.opn-ui .postbox .toggle-indicator {
	color:#fff;
}
.opn-ui .postbox.closed .toggle-indicator{
	color:#4C5866;
}

.opn-ui .postbox .handliv:focus {
	box-shadow:none;
	-webkit-box-shadow:none;
}


.opn-ui .postbox .handlediv {
    float: left;
    position: relative;
    z-index: 99999;
    width: 36px;
    height: 52px;
    padding: 0;
}

.opn-dialog-accordion .opn-container{
	font-weight: 100;
	padding: 0px 4px 0px 40px;
	line-height:50px;
	height:50px;
	margin:0;
	position: relative;
	cursor: pointer;
	border-top:1px solid #ddd !important;
    /*background: #f8f8f8;*/
	text-align: left;
	font-family: "open sans";
	font-size: 20px;
	background-color: #f4f4f4;
	color: #4C5866;
}

.opn-dialog-accordion .opn-container:hover, .opn-dialog-accordion .opn-container.active, .opn-dialog-accordion .opn-container.ui-state-active {
	background-color: #4C5866;
	color: #fff;
	border-bottom: none;
}

.opn-accordion .opn-sub-container.opn-sub {
    /* border-top: 1px solid #ddd; */
    padding: 10px;
    /*background-color: #f5f5f5;*/
    background-color: #fff;
    /*color:#4c5866;*/
    color:#5d7795;
    line-height: 23px;
    height: auto;
}

.opn-accordion .opn-sub-container.opn-sub:before {
	content:"";
}
.opn-accordion .opn-sub-container.opn-sub:after {
    content: "\f345";
    font-family: dashicons;
    font-size: 20px;
    position: relative;
    float: right;
}

.opn-sub-container.opn-sub.open:after {
   content: "\f347";
}


.opn-ui .opn-accordion .info-normal-hover {
    box-sizing: border-box;
    margin-bottom: 20px;
    font-weight: 100;
    color: #4c5866;
}

.opn-sub-container.opn-sub.open {
    /* border-top: 1px solid #ddd; */
    box-shadow: 0 3px 5px 0px #ddd;
    background-color: #fff3e5;
}

.opn-accordion .opn-sub-content {
    padding: 20px 4% 20px 45px;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 -2px 10px 0px #ddd inset;
}

.opn-sub-content{
    overflow-x: hidden !important;
}

#toolbar-dialog .opn-accordion .opn-sub-content {
    padding: 20px 30px 20px 45px;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    max-height:500px;
}

/*
#toolbar-dialog .opn-sub-content .opn-field-50-last .wp-color-picker,
#toolbar-dialog .opn-sub-content .opn-field-50-first .wp-color-picker{
    width: 114px !important;
}
*/

.opn-accordion .opn-sub-container.opn-sub:hover {
	background:#ececec;
	color:#000;
}

.opn-accordion .opn-sub-container.opn-sub.open:hover {
	background-color: #fff3e5;
}

.opn-ui #poststuff h2,
.opn-ui .postbox h2,
.opn-dialog-accordion .opn-container:nth-last-child(2){
	border-bottom:1px solid #ddd !important;
}

.opn-ui #poststuff h2,
.opn-ui .postbox h2,
.opn-dialog-accordion .opn-container:focus{
	outline:none;
}

.opn-dialog-accordion .opn-container:before {
    content: "\f345";
    font-family: "dashicons";
    position: absolute;
    height: 24px;
    left: 10px;
    top: 0px;
}

.opn-dialog-accordion .opn-container.ui-state-active:before {
    content: "\f347";
    font-family: "dashicons";
    position: absolute;
    height: 24px;
    left: 10px;
    top: 0px;
}

.opn-ui #poststuff .postbox h2,
.opn-ui .postbox h2{
	font-weight: 100;
	padding: 0px 4px 0px 40px;
	line-height:50px;
	height:50px;
	margin:0;
	position: relative;
	cursor: pointer;
	border-top:1px solid #ddd !important;
    /*background: #f8f8f8;*/
	text-align: left;
	font-family: "open sans";
	font-size: 20px;
	background-color: #4C5866;
	color: #fff;
}

.opn-ui #poststuff .postbox.closed h2,
.opn-ui .postbox.closed h2{
	font-weight: 100;
	padding: 0px 4px 0px 40px;
	line-height:50px;
	height:50px;
	margin:0;
	position: relative;
	cursor: pointer;
	border-top:1px solid #ddd !important;
    /*background: #f8f8f8;*/
	text-align: left;
	font-family: "open sans";
	font-size: 20px;
	background-color: #f4f4f4;
	color: #4C5866;
}

.opn-ui #poststuff .postbox.closed h2:hover,
.opn-ui #poststuff h2:hover,
 opn-ui .postbox.closed h2:hover,
.opn-ui .postbox h2:hover{
	background-color: #4C5866 !important;
	color: #fff !important;
}

/*propriéte de la page*/
.opn-ui.opn-ui-opn_onproperty #post-body-content #titlediv{
	padding:0;
}

.opn-ui.opn-ui-opn_onproperty #post-body-content #edit-slug-box{
	line-height:38px;
}

.opn-ui.opn-ui-opn_onproperty #post-body-content #editable-post-name input{
	height:38px;
}

.opn-ui.opn-ui-opn_onproperty #major-publishing-actions{
	display:block !important;
	background:#fff ! important;
}

/* .opn-ui.opn-ui-opn_onproperty #major-publishing-actions #delete-action:before{
	content: "\f182";
	font-family:dashicons;
	font-size:40px;
} */

.opn-ui.opn-ui-opn_onproperty #major-publishing-actions #publishing-action{
	display:none;
}

.opn-ui.opn-ui-opn_onproperty #post-body-content .inside{
	display:block !important;
	margin:0 !important;
}

/*dialog des pièce jointes + contenu interne*/
.opn-ui.opn-ui-opn_oncontent #submitdiv,
.opn-ui.opn-ui-opn_onattachments #submitdiv{
	display:none;
}

.opn-ui.opn-ui-opn_oncontent #poststuff,
.opn-ui.opn-ui-opn_onattachments #poststuff{
	background-color:#fff;
}

.opn-ui.opn-ui-opn_oncontent #post-body #normal-sortables{
	min-height:0;
}

/*toolbar*/
.opn-accordion .fa-stack {
    width: 0.75em !important;
}

.opn-accordion .ico-right.text.info {
    font-weight: 400;
}

.opn-accordion .ico-right.text.info.colorb {
    background: #4c5568;
}

.opn-accordion .ico-right {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
    display: none;
}

.opn-accordion .ico-right-accordion {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
}

.opn-accordion .ico-css-style-accordion {
    position: absolute;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
    right: 6%
}

.opn-accordion .opn-center-div-text {
    text-align: center;
    vertical-align: middle;
    line-height: 90px;
}

.opn-accordion .ico-anim {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
}

.opn-accordion .ico-right.text {
    font-size: 12px;
    font-family: "open sans";
    font-weight: 400;
}

.opn-accordion .ico-right .fa-close, .opn-accordion .ico-right .fa-ban {
    color: #F00;
    opacity: 0.4;
    font-size: 200%;
}

.opn-accordion .ico-right img {
    width: 60px;
    position: relative;
    top: -5px;
    left: 14px;
    /*opacity:0;*/
}

.opn-del-css-style {
    float: right;
    position: relative;
    top: -12px;
    right: -28px;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
}


.ico-style-warning {
    color: #de7d01;
    position: absolute;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
    right: 12%;
}

.opn-del-element-style {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0px;
    font-size: 12px;
    display: none;
}

.opn-del-css-style:hover, .opn-del-element-style:hover {
    cursor: pointer;
    color: #c00;
}

.opn-accordion-item {
    border-bottom: 1px solid #ddd;
}

.opn-accordion .opn-container {
    font-weight: 400;
    padding: 10px 4px 10px 40px;
    position: relative;
    cursor: pointer;
    color: #4C5866;
    /* background:#f4f4f4; */
    background: #f8f8f8;
    text-align: left;
    font-family: "open sans";
    font-size: 16px;
}

.opn-accordion .opn-container:before {
    content: "\f345";
    font-family: "dashicons";
    position: absolute;
    height: 24px;
    left: 10px;
    top: 14px;
}

.opn-accordion .opn-container.active:before {
    content: "\f347";
    font-family: "dashicons";
    position: absolute;
    height: 24px;
    left: 10px;
    top: 14px;
}

.opn-accordion .opn-container:hover, .opn-accordion .opn-container.active, .opn-accordion .opn-container.open {
    background-color: #4C5866;
    color: #fff;
    border-bottom: none;
}

.opn-accordion:not(#accordion1) .opn-content { /*pour les acc hors celui de style*/
    max-height: 500px;
}

/*Bouton visuel*/

.opn-toolbar-head{
	/*background-color:#eee;*/
	background-color:#e2e6e9;
	height:40px;
	width:100%;
	cursor:move;
	border-bottom:1px solid #cdcdcd;
}

.opn-toolbar-head:after {
    content:"\f142";
    font-family: fontawesome;
    margin: 0 0 0 15px;
    line-height: 40px;
    float: left;
    display:none;
}

.opn-toolbar-button-visuel {
    margin: 0 0px 0 34px !important;
    cursor: pointer;
    font-size: 20px !important;
}

.opn-toolbar-button-visuel:hover {
    transform: scale(1.5);
    color: #fff;
    transition: transform 0.5s;
}


/*Bouton contenu*/

.opn-toolbar-button-content {
    cursor: pointer;
    text-align: center;
    width: 40px;
    font-size: 20px;
    line-height: 22px;
    padding: 10px 2px;
	float:right;
    /*background-color: #f8f8f8;*/
}

.opn-toolbar-button-content:hover {
    color: #fff;
    background-color: #4c5866;
}


/*Bouton animation*/

.opn-toolbar-button-animation {
    padding: 5px;
    position: relative;
    cursor: pointer;
    color: #666;
    background: #eee;
    white-space: nowrap;
    margin-top: 1em;
    width: 100px;
    text-align: center;
    margin-left: 21%;
    border: 1px solid #9c9c9c;
}

.opn-toolbar-button-animation:hover {
    color: #000;
}


/* TG cache les icones du style rapide et de "responsive" */


/*#accordion1 .ico-right{
display:none;
}*/

#accordion1 .opn-toolbar-button-visuel {
    display: block;
}

html:not(.opn-visual-editor) #accordionPos{
    display: none !important;
}

.opn-dim-align:hover {
    background-color: #ddd;
    cursor: pointer;
}

.opn-dim-align.active {
    background-color: #ddd;
}

.opn_hilight {
    box-shadow: inset 0 0 0 5px #ff9733;
    background-color: rgba(255, 151, 51, 0.2);
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png');
}

#accordion2 .ico-right {
    display: none;
}

/*
.opn-ui.opn-toolbar-mode {
    position: fixed;
    width: 100px;
    height: 40px;
    bottom: 0;
    right: 90px;
    box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0.30);
    background-color:#fff;
}
*/

.opn-ui.opn-toolbar-bottom {
    background-color: white;
    width: 150px;
    height: 40px;
    position: fixed;
    bottom: 0;
    right: 90px;
    z-index: 9999;
}

.opn-ui .opn_objetanim-level{
	background-color:#ddd;
	float:left;
	margin:4px;
	width:30px;
	height:30px;
}

.opn_trigger-anim:before{
	content:"";
	position: absolute;
	z-index: 1 !important;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color : rgba(118, 197, 235, 0.8)  !important;
	box-shadow : 0 0 0 5px rgba(118, 197, 235, 1) inset !important;
	transition: all 0.5s ease;
}

.opn-ui .opn_objetanim-level.level1{
	box-shadow:0 0 0 8px #fff inset;
}
.opn-ui .opn_objetanim-level.level2{
	box-shadow:0 0 0 6px #fff inset;
}
.opn-ui .opn_objetanim-level.level3{
	box-shadow:0 0 0 4px #fff inset;
}
.opn-ui .opn_objetanim-level.level4{
	box-shadow:0 0 0 2px #fff inset;
}

.opn-ui .opn_objetanim-level:hover, .opn-ui .opn_objetanim-level.active{
	background-color:#76C5EB;
}

.opn-ui .opn-ico-mode.active{
box-shadow: inset 0 0 0 3px #76C5EB;
}

.opn-ui .opn-ico-mode:not(.active):hover{
	background-color: #9a9a9a2e;
}

.opn-ui .opn-ico-mode{
	cursor: pointer;
	width: 50px;
	height: 40px;
	padding: 5px 10px;
	box-sizing: border-box;
	float:left;
}

.opn-ui .opn-ico-mode1:before {
    background-image: url('/site/plugins/opn_inlineeditor/images/mode1.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 40px;
    position: absolute;
    width: 40px;
    z-index: 1;
    content: "";
    text-align: center;
}

.opn-ui .opn-ico-mode2:before {
    background-image: url('/site/plugins/opn_inlineeditor/images/mode2.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 40px;
    position: absolute;
    width: 40px;
    z-index: 1;
    content: "";
    text-align: center;
}

.opn-ui .opn-ico-mode3{
	display:none;
}

.opn-visual-editor .opn-ui .opn-ico-mode3{
	display:block;
}


.opn-visual-editor .opn-ui .opn-ico-mode3{
    background-image: url('/site/plugins/opn_inlineeditor/images/layerall.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    height: 50px;
    top: 0px;
    right: 102px;
    position: fixed;
    width: 50px;
    z-index: 1;
    content: "";
    text-align: center;
}

.opn-visual-editor .opn-ui .opn-ico-mode3.layerall {
    background-image: url('/site/plugins/opn_inlineeditor/images/layerall.png');
}

.opn-visual-editor .opn-ui .opn-ico-mode3.layer1 {
    background-image: url('/site/plugins/opn_inlineeditor/images/layer1.png');
}

.opn-visual-editor .opn-ui .opn-ico-mode3.layer2 {
    background-image: url('/site/plugins/opn_inlineeditor/images/layer2.png');
}


body:not(.body-editor) .opn-ui.opn-toolbar-bottom{
	display:none;
}

.opn-ui.opn-toolbar-changeres {
    position: fixed;
    width: 50px;
    height: 40px;
    bottom: 0;
    right: 90px;
    box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0.30);
}

.opn-ui .opn-reponsive-media {
	float:left;
	width:33%;
	text-align:center;
}

.opn-ui.opn-toolbar-changeres .opn-ico-media {
	background-color:#fff;
}

.opn-ui .visuel-media {
	height:128px;
	line-height:128px;
}

.opn-ui .opn-media-text1 {
	width:33.3% !important;
	float:left;
	text-align:right;
	font-weight:bold;
	padding:0 5px;
	box-sizing:border-box;
	height:49px;
	line-height:49px;
	text-decoration: underline;
	font-size:25px;
}
.opn-ui .opn-media-text2 {
	float:left;
	width:33.3% !important;
	text-align:center;
	box-sizing:border-box;
}
.opn-ui .opn-media-text3 {
	float:left;
	width:33.3% !important;
	text-align:left;
	font-weight:bold;
	padding:0 5px;
	box-sizing:border-box;
	height:49px;
	line-height:49px;

}

.opn-choose-res {
    display: none;
    background-color: #e2e6e9;
    position: absolute;
    z-index: 1;
    top: 0px;
}

.ico-mediaclose{
	background-color:#fff;
}

.ico-mediaclose:before {
    background-size: 53%;
    background-repeat: no-repeat;
    background-position: 6px 3px;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 1;
    content: "\f078";
	font-family:fontawesome;
    text-align: center;
}

.opn-toolbar-button-media.active{
	background-color:#fff !important;
}

.opn-toolbar-button-media, .ico-mediaclose{
	cursor: pointer;
	width: 50px;
	height:40px;
	padding: 10px;
	box-sizing:border-box;
}

.opn-toolbar-button-media.hide{
	opacity:0.1;
}

.opn-toolbar-button-media:hover,.opn-toolbar-button-media.active {
    background-color: #f1f1f1;
}

body[class*="opn-res-"].body-editor{
    cursor: auto;
    background-size: 15px;
    background-color: #f1f1f1;
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/hachurep.png');
    margin: auto;
    box-shadow: 0 5px 30px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.7);
	transition: all 1s cubic-bezier(0, 1.21, 0.7, 1.07);
}


.opn-ui .opn-ico-media {
    position: absolute;
	cursor: pointer;
    width: 50px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
}

.opn-ui .ico-media0, .opn-ui .ico-media1, .opn-ui .ico-media2{
	padding: 0 10px;
}

.opn-ui .ico-media0:before {
    background-image: url('/site/plugins/opn_inlineeditor/images/media1.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 40px;
    position: absolute;
    width: 40px;
    z-index: 1;
    content: "";
    text-align: center;
}


.opn-ui .ico-media1:before {
    background-image: url('/site/plugins/opn_inlineeditor/images/media2.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 40px;
    position: absolute;
    width: 40px;
    z-index: 1;
    content: "";
    text-align: center;
}

.opn-ui .ico-media2:before {
    background-image: url('/site/plugins/opn_inlineeditor/images/media2.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    height: 40px;
    position: absolute;
    width: 40px;
    z-index: 1;
    content: "";
    text-align: center;
}
.opn-ui .ico-media3:before {
    background-image: url('/site/plugins/opn_inlineeditor/images/media3.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px 1px;
    height: 20px;
    position: absolute;
    width: 30px;
    z-index: 1;
    content: "";
    text-align: center;
}
.opn-ui .ico-media4:before {
    background-image: url('/site/plugins/opn_inlineeditor/images/media4.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    height: 20px;
    position: absolute;
    width: 30px;
    z-index: 1;
    content: "";
    text-align: center;
}
.opn-ui .ico-media5:before {
    background-image: url('/site/plugins/opn_inlineeditor/images/media5.png');
    background-size: 53%;
    background-repeat:no-repeat;
	background-position:6px 3px;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 1;
    content: "";
    text-align: center;
}
.opn-ui .ico-media6:before {
    background-image: url('/site/plugins/opn_inlineeditor/images/media6.png');
    background-size: 53%;
    background-repeat:no-repeat;
	background-position:7px 2px;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 1;
    content: "";
    text-align: center;
}


.opn-ui .opn-reponsive-media3 img,.opn-ui .opn-reponsive-media4 img {
    height: 70px;
    display: inline-block;
    vertical-align: middle;
}

.opn-ui .opn-reponsive-media5 img,.opn-ui .opn-reponsive-media6 img {
    height: 50px;
    display: inline-block;
    vertical-align: middle;
}

/* Accordeon d'ouverture et de fermeture*/

.opn-toolbar-control{
    height: 40px;
	float: left;
    overflow: hidden;
    background-color: #eee;
    cursor: pointer;
}

#opn-toolbar-close{
    box-sizing: border-box;
    text-align: center;
    line-height: 40px;
    color: #f5b776;
    font-size: 14px;
	transition:0.5s all ease;
	width:20%;
}

.opn-toolbar-background-bottom{
    background-color: #eeeeee;
    overflow: auto;
}

#opn-toolbar-close:hover{
	background-color: #fd9a2f;
	color:#fff;
	transition:0.5s all ease;
}

#opn-toolbar-close:before{
	content: "\f00d";
	font-family:FontAwesome;
}

#opn-toolbar-validate{
	text-align: center;
	font-size: 17px;
	line-height: 40px;
	transition: 0.5s all ease;
	width:20%;
	float:right;
	box-sizing: border-box;
	color: #5bab5b;
}

#opn-toolbar-validate:before{
    font-family: FontAwesome;
    content: "\f0c7";
}

#opn-toolbar-validate:hover{
	background-color: #70BC38;
	color: #fff;
	transition: 0.5s all ease;
}

#opn-toolbar-open {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 12px;
/*	border-right: 1px solid #d8d8d8;*/
	box-sizing: border-box;
	width:60%;
}


#opn-toolbar-open.active {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 12px;
}

.opn-content-open:hover, #opn-toolbar-open:hover {
    background-color: #ddd;
}

.opn-toolbar-background {
    background: #fff;
    /*border: 1px solid #aaa;*/
    width: 430px; /*390*/
    overflow: hidden;
}

.opn-content-open {
    width: 100%;
    height: 30px;
    overflow: hidden;
    background-color: #eee;
    cursor: pointer;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    /*position: absolute;*/
    position: static;
    bottom: -30px;
    /*	left: -1px;
	border-left: 1px solid #B6B6B6;
 	border-right: 1px solid #B6B6B6;*/
    color: #4c5866;
}

.opn-content-open.active {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.opn-toolbar-iconspace {
    overflow: hidden;
    height: 50px;
    padding: 0px 0px 3px 0px;
    width: 800px;
}


/*.opn-switch-iconspace{
background-color: #eeeeee;
overflow: auto;
padding: 5px;
border: 1px solid #ddd;
}*/

.opn-toolbar-switch {
    width: 41.3px!important;
    height: 50px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    color: #bbb;
}

.opn-toolbar-switch:hover {
    color: initial;
}

.opn-toolbar-switch-right {
    float: right
}

.opn-toolbar-switch-left {
    float: left
}


#opn-first-iconspace, #opn-second-iconspace {
    position: relative;
    float: left;
}


/*.opn-switch-left:hover,.opn-switch-right:hover{
color: #656262;
}*/

.opn-toolbar-background-content {
    display: none;
}

.styleAddDialog {
    /*height:90% !important;*/
}


/* BOUTON*/

.disable {
    box-shadow: none;
    opacity: 0.3;
    cursor: default;
}

/*
body:not(.opn_bodyinmove) body:not(.opn_editor) .opn_alone {
    width: 100% !important;
}
*/

/*rajout du not opn_resize le 18/08/2018  PL car sinon en no fluidres, les blocs cote a cote des fens de la page ne fonctionne pas*/
body:not(.opn_bodyinmove):not(.opn_resize) .opn_alone {
   /* width: 100% !important; */ /* BK__ 31.08.2020 : Sur Adinfo ebp nouvelle generation : les bloc date_event et lieu passait à la ligne */
   width: 100%;
}

/*Gestion repartition des block sur les 6 mode responsive*/
.opn-res-1 #contenair [data-opn-res-1="c1"]{
 width:100% !important;
}
.opn-res-1 #contenair [data-opn-res-1="c2"]{
 width:50% !important;
}
.opn-res-1 #contenair [data-opn-res-1="c3"]{
 width:33.33% !important;
}
.opn-res-1 #contenair [data-opn-res-1="c4"]{
 width:25% !important;
}
.opn-res-1 #contenair [data-opn-res-1="c5"]{
 width:20% !important;
}
.opn-res-1 #contenair [data-opn-res-1="c6"]{
 width:16.666% !important;
}

.opn-res-2 #contenair [data-opn-res-2="c1"]{
 width:100% !important;
}
.opn-res-2 #contenair [data-opn-res-2="c2"]{
 width:50% !important;
}
.opn-res-2 #contenair [data-opn-res-2="c3"]{
 width:33.33% !important;
}
.opn-res-2 #contenair [data-opn-res-2="c4"]{
 width:25% !important;
}
.opn-res-2 #contenair [data-opn-res-2="c5"]{
 width:20% !important;
}
.opn-res-2 #contenair [data-opn-res-2="c6"]{
 width:16.666% !important;
}

.opn-res-3 #contenair [data-opn-res-3="c1"]{
 width:100% !important;
}
.opn-res-3 #contenair [data-opn-res-3="c2"]{
 width:50% !important;
}
.opn-res-3 #contenair [data-opn-res-3="c3"]{
 width:33.33% !important;
}
.opn-res-3 #contenair [data-opn-res-3="c4"]{
 width:25% !important;
}
.opn-res-3 #contenair [data-opn-res-3="c5"]{
 width:20% !important;
}
.opn-res-3 #contenair [data-opn-res-3="c6"]{
 width:16.666% !important;
}

.opn-res-4 #contenair [data-opn-res-4="c1"]{
 width:100% !important;
}
.opn-res-4 #contenair [data-opn-res-4="c2"]{
 width:50% !important;
}
.opn-res-4 #contenair [data-opn-res-4="c3"]{
 width:33.33% !important;
}
.opn-res-4 #contenair [data-opn-res-4="c4"]{
 width:25% !important;
}
.opn-res-4 #contenair [data-opn-res-4="c5"]{
 width:20% !important;
}
.opn-res-4 #contenair [data-opn-res-4="c6"]{
 width:16.666% !important;
}

.opn-res-5 #contenair [data-opn-res-5="c1"]{
 width:100% !important;
}

.opn-res-5 #contenair [data-opn-res-5="c2"]{
 width:50% !important;
}
.opn-res-5 #contenair [data-opn-res-5="c3"]{
 width:33.33% !important;
}
.opn-res-5 #contenair [data-opn-res-5="c4"]{
 width:25% !important;
}
.opn-res-5 #contenair [data-opn-res-5="c5"]{
 width:20% !important;
}
.opn-res-5 #contenair [data-opn-res-5="c6"]{
 width:16.666% !important;
}

.opn-res-6 #contenair [data-opn-res-6="c1"]{
 width:100% !important;
}
.opn-res-6 #contenair [data-opn-res-6="c2"]{
 width:50% !important;
}
.opn-res-6 #contenair [data-opn-res-6="c3"]{
 width:33.33% !important;
}
.opn-res-6 #contenair [data-opn-res-6="c4"]{
 width:25% !important;
}
.opn-res-6 #contenair [data-opn-res-6="c5"]{
 width:20% !important;
}
.opn-res-6 #contenair [data-opn-res-6="c6"]{
 width:16.666% !important;
}

.opn-res-1 #contenair .ncol3.opn_lastonres[data-opn-res-1="c2"],
.opn-res-2 #contenair .ncol3.opn_lastonres[data-opn-res-2="c2"],
.opn-res-3 #contenair .ncol3.opn_lastonres[data-opn-res-3="c2"],
.opn-res-4 #contenair .ncol3.opn_lastonres[data-opn-res-4="c2"],
.opn-res-5 #contenair .ncol3.opn_lastonres[data-opn-res-5="c2"],
.opn-res-6 #contenair .ncol3.opn_lastonres[data-opn-res-6="c2"]{
	width:100% !important;
}

.opn-res-1 #contenair .ncol4.opn_lastonres[data-opn-res-1="c3"],
.opn-res-2 #contenair .ncol4.opn_lastonres[data-opn-res-2="c3"],
.opn-res-3 #contenair .ncol4.opn_lastonres[data-opn-res-3="c3"],
.opn-res-4 #contenair .ncol4.opn_lastonres[data-opn-res-4="c3"],
.opn-res-5 #contenair .ncol4.opn_lastonres[data-opn-res-5="c3"],
.opn-res-6 #contenair .ncol4.opn_lastonres[data-opn-res-6="c3"]{
	width:100% !important;
}

.opn-res-1 #contenair .ncol5.opn_lastonres[data-opn-res-1="c4"],
.opn-res-2 #contenair .ncol5.opn_lastonres[data-opn-res-2="c4"],
.opn-res-3 #contenair .ncol5.opn_lastonres[data-opn-res-3="c4"],
.opn-res-4 #contenair .ncol5.opn_lastonres[data-opn-res-4="c4"],
.opn-res-5 #contenair .ncol5.opn_lastonres[data-opn-res-5="c4"],
.opn-res-6 #contenair .ncol5.opn_lastonres[data-opn-res-6="c4"]{
	width:100% !important;
}

.opn-res-1 #contenair .ncol5.opn_lastonres[data-opn-res-1="c2"],
.opn-res-2 #contenair .ncol5.opn_lastonres[data-opn-res-2="c2"],
.opn-res-3 #contenair .ncol5.opn_lastonres[data-opn-res-3="c2"],
.opn-res-4 #contenair .ncol5.opn_lastonres[data-opn-res-4="c2"],
.opn-res-5 #contenair .ncol5.opn_lastonres[data-opn-res-5="c2"],
.opn-res-6 #contenair .ncol5.opn_lastonres[data-opn-res-6="c2"]{
	width:100% !important;
}

.opn-res-1 #contenair .ncol5.opn_lastonres[data-opn-res-1="c3"],
.opn-res-2 #contenair .ncol5.opn_lastonres[data-opn-res-2="c3"],
.opn-res-3 #contenair .ncol5.opn_lastonres[data-opn-res-3="c3"],
.opn-res-4 #contenair .ncol5.opn_lastonres[data-opn-res-4="c3"],
.opn-res-5 #contenair .ncol5.opn_lastonres[data-opn-res-5="c3"],
.opn-res-6 #contenair .ncol5.opn_lastonres[data-opn-res-6="c3"],
.opn-res-1 #contenair .ncol5.opn_beforelastonres[data-opn-res-1="c3"],
.opn-res-2 #contenair .ncol5.opn_beforelastonres[data-opn-res-2="c3"],
.opn-res-3 #contenair .ncol5.opn_beforelastonres[data-opn-res-3="c3"],
.opn-res-4 #contenair .ncol5.opn_beforelastonres[data-opn-res-4="c3"],
.opn-res-5 #contenair .ncol5.opn_beforelastonres[data-opn-res-5="c3"],
.opn-res-6 #contenair .ncol5.opn_beforelastonres[data-opn-res-6="c3"]{
	width:50% !important;
}

.opn-res-1 #contenair .ncol6.opn_lastonres[data-opn-res-1="c4"],
.opn-res-2 #contenair .ncol6.opn_lastonres[data-opn-res-2="c4"],
.opn-res-3 #contenair .ncol6.opn_lastonres[data-opn-res-3="c4"],
.opn-res-4 #contenair .ncol6.opn_lastonres[data-opn-res-4="c4"],
.opn-res-5 #contenair .ncol6.opn_lastonres[data-opn-res-5="c4"],
.opn-res-6 #contenair .ncol6.opn_lastonres[data-opn-res-6="c4"],
.opn-res-1 #contenair .ncol6.opn_beforelastonres[data-opn-res-1="c4"],
.opn-res-2 #contenair .ncol6.opn_beforelastonres[data-opn-res-2="c4"],
.opn-res-3 #contenair .ncol6.opn_beforelastonres[data-opn-res-3="c4"],
.opn-res-4 #contenair .ncol6.opn_beforelastonres[data-opn-res-4="c4"],
.opn-res-5 #contenair .ncol6.opn_beforelastonres[data-opn-res-5="c4"],
.opn-res-6 #contenair .ncol6.opn_beforelastonres[data-opn-res-6="c4"]{
	width:50% !important;
}


.opn-res-1 #contenair .ncol6.opn_lastonres[data-opn-res-1="c5"],
.opn-res-2 #contenair .ncol6.opn_lastonres[data-opn-res-2="c5"],
.opn-res-3 #contenair .ncol6.opn_lastonres[data-opn-res-3="c5"],
.opn-res-4 #contenair .ncol6.opn_lastonres[data-opn-res-4="c5"],
.opn-res-5 #contenair .ncol6.opn_lastonres[data-opn-res-5="c5"],
.opn-res-6 #contenair .ncol6.opn_lastonres[data-opn-res-6="c5"]{
	width:100% !important;
}


.opn-btn-add-content {
    font-size: 55px;
    font-weight: bold;
    /*padding: 10px 0;*/
}

.opn_content .opn_emptyContent {
    overflow: hidden !important;
}

.zone_ext {
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png');
    background-color: rgba(255, 165, 0, 0.8);
    box-shadow: inset 0 0 0 1px #aaa;
    z-index: 44; 
}

.opn-visual-editor .zone_ext {
	z-index: 9999; /*depuis le builder dbview*/
}

.zone {
    z-index: 1;
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png');
    cursor: pointer;
    box-sizing: border-box;
    background-color: rgba(194, 226, 255, 0.7);

}

body:not(.opn-template-body) .opn_emptyContent {
    background-color: rgba(225, 225, 225, 0.5);
    color: rgba(0, 0, 0, 0.5);
    padding: 10px !important;
    text-align: center;
    transition: all 0.5s;
    /*	border: 1px dashed #A2A2A2;	*/
}

.arrow_box:after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #000;
    border-width: 10px;
    margin-top: -10px;
}

.opn-btn-in-plus {
    position: absolute;
    top: 2300px;
    left: 500px;
    background-color: rgba(255, 125, 0, 1);
    border-radius: 100%;
	text-align:center;
    color: #fff;
    /* padding: 5px; */
    width:16px; /*16px  changer depuis test sur theme wordpress de base twentyseven */
    height:16px;
	font-size:0px; /*laisser cette valeur*/
    padding: 3px;
    display: none;
    border: 1px solid #FFFFFF;
    z-index: 99;
    transition: color 0.5s ease;
}

.opn-visual-editor .opn-btn-in-plus{
    z-index: 99999 !important;
}

.opn-btn-in-plus .fa {
    width: 16px;
    height: 16px;
    line-height: 15px;
   font-size:16px;
}

.opn-btn-in-plus .fa:before {
/*    content: "\f132";*/
   /*content: "\f10c";*/
   height: 100%;
    font-size: 12px;
}


#opn-btn-in-dplus:hover:after {
    border-top-color: #355888;
    transition: color 0.5s ease;
}

.opn-btn-in-plus:hover {
    background-color: #355888;
    transition: all 0.5s ease;
    cursor: pointer;
	transform:scale(1.2);
}

.opn-btn-plus {
    top: 500px;
    left: 800px;
    position: absolute;
	    /*background: #aaa;*/
    /*background-color: rgba(125,125,125,0.8);*/
    background-color: rgba(0, 150, 190,1);
	box-shadow: 2px 2px 4px 1px #0003;
    font-family: Arial;
    color: #fff;
    font-size: 20px;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    display: none;
    cursor: pointer;
    transition: color 0.5s;
    transition: background 0.5s;
    z-index: 99;
    /*transition: all 0.5s ease;*/
	border-radius: 100%;
}

.opn-visual-editor .opn-btn-plus{
    z-index: 99999 !important;
}

.opn-btn-plus:hover {
    /*background: #555;*/
	background-color: rgba(255,125,0,8);
    color: #fff;
/*    transition: color 0.5s;
    transition: background 0.5s;
*/
   transition: all 0.5s;
    transform: scale(1.2);
}

#opn-btn-lplus {
    width: 25px;
    height: 25px;
    line-height: 25px;
/*     border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; */
}

#opn-btn-dplus {
    width: 25px;
    height: 25px;
    line-height: 25px;
/*     border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
 */
}

#opn-btn-rplus {
    width: 25px;
    height: 25px;
    line-height: 25px;
/*     border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
 */
}

#opn-btn-uplus {
    width: 25px;
    height: 25px;
    line-height: 25px;
/*     border-top-right-radius: 5px;
    border-top-left-radius: 5px;
 */
 }

#opn-btn-uplus span, #opn-btn-dplus span, #opn-btn-uplus-maxsize span, #opn-btn-dplus-maxsize span {
    font-size: 12px;
    top: -2px;
    position: relative;
}

#opn-btn-lplus span, #opn-btn-rplus span, #opn-btn-rplus-maxsize span, #opn-btn-lplus-maxsize span {
    font-size: 12px;
    top: -2px;
    position: relative;
}

.opn_bodyinmove * {
    cursor: none !important;
}

.opn_bodyinmove .opn-btn-plus, .opn_bodyinmove .opn-btn-in-plus {
    background-color: transparent;
    color: #ff8200;
    /*#000*/
    box-sizing: border-box;
    box-shadow:none;
    border: none;
}

.opn_bodyinmove #opn-btn-lplus, .opn_bodyinmove #opn-btn-rplus {
    width: 30px;
	height: 30px;
	line-height: 30px;
}
.opn_bodyinmove #opn-btn-in-lplus, .opn_bodyinmove #opn-btn-in-rplus {
    width: 30px;
	height: 30px;
	line-height: 30px;
}

.opn_bodyinmove #opn-btn-uplus, .opn_bodyinmove #opn-btn-dplus {
    height: 30px;
	width: 30px;
    line-height: 30px;
}
.opn_bodyinmove #opn-btn-in-uplus, .opn_bodyinmove #opn-btn-in-dplus {
    height: 30px;
	width: 30px;
    line-height: 30px;
}

.opn_bodyinmove .opn-btn-plus:hover,.opn_bodyinmove .opn-btn-in-plus:hover {
    background-color: transparent;
    color: #fff;
}

.opn_bodyinmove .opn-btn-plus .fa-plus:before {
   content: "\f19a";
   color: rgb(255, 255, 255);
   background-color:#fff;
   border-radius: 100%;
   border: 3px solid #ff7f00;
}
.opn_bodyinmove .opn-btn-in-plus .fa-plus:before  {
   content: "\f19a";
   color: rgb(255, 255, 255);
   background-color:#fff;
   border-radius: 100%;
   border: 3px solid #0096be;
}

#opn-btn-lplus-maxsize {
    width: 25px;
    height: 25px;
    line-height: 25px;
	border-radius:100%;
/*     border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
 */}

#opn-btn-rplus-maxsize {
    width: 25px;
    height: 25px;
    line-height: 25px;
	border-radius:100%;
}

.opn-ui .optmarge-save, .opn-ui .optmarge-cancel{
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #4c5866;
	color:#fff;
	float: right;
	cursor:pointer;
}

.opn-ui .toolbar-optmarge-bottom {
    background-color: #f1f1f1;
    overflow: auto;
}

.opn-ui .optmarge-save:hover{
		background-color:#00cc00;
}

.opn-ui .optmarge-cancel:hover{
		background-color:#cc0000;
}


.opn-ui.opn-toolbar-optmarge{
	 display:none;
	 width:auto;
	 height:auto;
	 position:absolute;
	 background-color:#fff;
	 box-shadow:0 0 10px 1px rgba(0,0,0,0.3);
	 z-index:99999;
 }

 .opn-ui.opn-toolbar-optmarge .linkpadd, .opn-ui.opn-toolbar-optmarge .linkmarge{
	float:left;
	margin:-10px 0;
	width:30px;
	cursor:pointer;
	color:#ddd;
 }

.opn-ui.opn-toolbar-optmarge .linkpadd:hover, .opn-ui.opn-toolbar-optmarge .linkmarge:hover{
	color:#aaa;
 }

.opn-ui.opn-toolbar-optmarge .active .linkpadd, .opn-ui.opn-toolbar-optmarge .active .linkmarge{
	color:#4C5866;
 }


 .opn-ui.opn-toolbar-optmarge .linkpadd:before, .opn-ui.opn-toolbar-optmarge .linkmarge:before{
	content:"\f127";
	font-family:fontawesome;
	font-size:20px;
	background-color: #fff;
	padding: 5px;

 }

 .opn-ui.opn-toolbar-optmarge .linkpadd:before, .opn-ui.opn-toolbar-optmarge .linkmarge:before{
	 content:"\f0c1";
	/* color:#4C5866;*/
 }

 .opn-ui.opn-toolbar-optmarge .bloc1padd, .opn-ui.opn-toolbar-optmarge .bloc1marge{
	border: 1px dashed rgba(115, 125, 135,0);
	margin:20px 10px 0 10px;
	overflow:visible;
	height:55px;
 }

 .opn-ui.opn-toolbar-optmarge .bloc2padd, .opn-ui.opn-toolbar-optmarge .bloc2marge{
	 float:left;
	 margin:0px 20px;
	 border: 1px dashed rgba(115, 125, 135,0);
	 height:55px;
 }

 .opn-ui.opn-toolbar-optmarge .bloc4padd, .opn-ui.opn-toolbar-optmarge .bloc4marge{
	 width:30px;
	 height:30px;
	 float:left;
	 margin:10px;
	 border:1px solid #4C5866;
 }

.opn-ui.opn-toolbar-optmarge .paddtblr.active, .opn-ui.opn-toolbar-optmarge .margetblr.active{
	border: 1px dashed rgba(115, 125, 135,1);
}
.opn-ui.opn-toolbar-optmarge .paddtb.active, .opn-ui.opn-toolbar-optmarge .margetb.active{
	border: 1px dashed rgba(115, 125, 135,1);
}
.opn-ui.opn-toolbar-optmarge .paddlr.active, .opn-ui.opn-toolbar-optmarge .margelr.active{
	border: 1px dashed rgba(115, 125, 135,1);
}


.opn-ui.opn-toolbar-optmarge .paddt{
	border-top:3px solid #00cc00;
}
.opn-ui.opn-toolbar-optmarge .paddb{
	border-bottom:3px solid #00cc00;
}
.opn-ui.opn-toolbar-optmarge .paddl{
	border-left:3px solid #00cc00;
}
.opn-ui.opn-toolbar-optmarge .paddr{
	border-right:3px solid #00cc00;
}

.opn-ui.opn-toolbar-optmarge .marget{
	box-shadow: 0 -5px 0 0 #ff8200;
}
.opn-ui.opn-toolbar-optmarge .margeb{

	box-shadow: 0 5px 0 0 #ff8200;
}
.opn-ui.opn-toolbar-optmarge .margel{

	box-shadow: -5px 0px 0 0 #ff8200;
}
.opn-ui.opn-toolbar-optmarge .marger{

	box-shadow: 5px 0px 0 0 #ff8200;
}



.opn-ui.opn-toolbar-optmarge .unit1padd, .opn-ui.opn-toolbar-optmarge .unit1marge {
    margin: -18px 10px 0px 10px;
    overflow: auto;
	border: 1px solid transparent;
	float:left;
}

.opn-ui.opn-toolbar-optmarge .unit4padd, .opn-ui.opn-toolbar-optmarge .unit4marge {
	width: 30px;
	height: 30px;
	line-height:30px;
	float: left;
	margin: 5px 10px 5px 10px;
	text-align:center;
	border: 1px solid transparent;
	font-size:15px;
	visibility:visible;
	background-color:#fff;
	cursor:pointer;
	font-weight:bold;
}

.opn-ui.opn-toolbar-optmarge .unit2padd, .opn-ui.opn-toolbar-optmarge .unit2marge {
    float: left;
    margin: 0px 20px;
	border: 1px solid transparent;
	font-size:15px;
}

.opn-ui.opn-toolbar-optmarge .unitpadd, .opn-ui.opn-toolbar-optmarge .unitmarge {
    float: left;
    margin: 0;
	width:30px;
	height:30px;
	line-height:30px;
	padding:0;
	font-size:15px;
	background-color:#fff;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
}

.opn-ui.opn-toolbar-optmarge .unit4padd:hover,.opn-ui.opn-toolbar-optmarge .unitpadd:hover,.opn-ui.opn-toolbar-optmarge .unit4marge:hover, .opn-ui.opn-toolbar-optmarge .unitmarge:hover {
	background-color:#ccc;
}

.opn-ui.opn-toolbar-optmarge .unitpaddtblr, .opn-ui.opn-toolbar-optmarge .unitmargetblr {
	visibility:hidden;
}

.opn-ui.opn-toolbar-optmarge .unitpaddtb,.opn-ui.opn-toolbar-optmarge .unitpaddlr, .opn-ui.opn-toolbar-optmarge .unitmargetb, .opn-ui.opn-toolbar-optmarge .unitmargelr {
	visibility:hidden;
}

 .opn-btn-optmarge:hover:after {
     /*background-color :#ff7d00;*/
	 color:rgb(41, 206, 206);

	/*background-color: #ACACFF;*/
	/*border: 3px solid #ACACFF;*//*f55*/
    /*border:none;*/
}

.opn-btn-optmarge:after {
   content: "\f013";
    color: #ff7d00;
    font-family: fontawesome;
	font-weight:100;
    font-size: 18px;
	text-shadow:-1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5),-1px 1px 0 rgba(255, 255, 255, 0.5),1px 1px 0 rgba(255, 255, 255, 0.5);
}

.opn-btn-optmarge {
    top: 8px;
    left: 14px;
    position: absolute;

    /*background-color: #fff;*/
    /*font-family: Arial;*/
    color: #FFF;
    width: 17px;
    height: 17px;
    box-sizing: border-box;
    /*border: 3px solid #ff7d00;*/
    text-decoration: none;
    text-align: center;
    /*display: none;*/
    cursor: pointer;
    transition: color 0.5s;
    transition: background 0.5s;
    z-index: 1500;
}


.opn-btn-fen:hover:after {
	color:rgb(41, 206, 206);
}

.opn-btn-fen:after {
	content: "\f180";
	color: #ff7d00;
	font-family: dashicons;
	font-weight:100;
	font-size: 20px;
	text-shadow:-1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5),-1px 1px 0 rgba(255, 255, 255, 0.5),1px 1px 0 rgba(255, 255, 255, 0.5);
}

.opn-btn-fen {
    top: 5px;
    right: 15px !important;
    position: absolute;

    /*background-color: #fff;*/
    /*font-family: Arial;*/
    color: #FFF;
    font-size: 13px;
    width: 20px;
    height: 20px;
	line-height:20px;
    box-sizing: border-box;
    /*border: 3px solid #ff7d00;*/
    text-decoration: none;
    text-align: center;
    display: none;
    cursor: pointer;
    transition: color 0.5s;
    transition: background 0.5s;
    z-index: 1500;
}

.opn-pointer-events{
	pointer-events:none;
	opacity:0.05 !important;
}

.opn-btn-eyes:hover:after {
	color:rgb(41, 206, 206);
}

.opn-btn-eyes:after {
	//content: "\f06e";
	content: "\f205";
	color: #ff7d00;
	font-family: fontawesome;
	font-weight:100;
	font-size: 20px;
	text-shadow:-1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5),-1px 1px 0 rgba(255, 255, 255, 0.5),1px 1px 0 rgba(255, 255, 255, 0.5);
}

.opn-btn-eyes {
    top: 4px;
    left: calc((100% / 2 ) - 10px) !important;
    position: absolute;
	visibility:visible;
    color: #FFF;
    font-size: 13px;
    width: 20px;
    height: 20px;
	line-height:20px;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: color 0.5s;
    transition: background 0.5s;
    z-index: 1500;
}



.opn-btn-move:hover {
    /* background-color :#555; */
    /*background-color: #ff7d00;*/
    /*border:none;*/
}


.opn-btn-move:hover:after {
	color:rgb(41, 206, 206);
}

.opn-btn-move:after {
/*    content: "\f047";
    font-family: fontawesome;
	*/
    content: "\f124";
    font-family: fontawesome;
    font-size: 20px;
    font-weight: 100;
    color: rgba(255, 125, 0, 1);
	text-shadow:-1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5),-1px 1px 0 rgba(255, 255, 255, 0.5),1px 1px 0 rgba(255, 255, 255, 0.5);
}

.opn-btn-move {
    top: 5px;
    left: 15px;
    position: absolute;
    /*background-color: #fff;*/
    font-family: Arial;
    color: #FFF;
    font-size: 10px;
	line-height:1.8em;
    height: 20px;
    width: 20px;
    padding: 0px;
    border-radius: 100%;
    /* border: 1px solid #fff; */
    /*border: 1px solid #ff7d00;*/
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    display: none;
    cursor: pointer;
    transition: color 0.5s;
    transition: background 0.5s;
    z-index: 1500;
}

.opn_content[data-container="true"] > .opn-btn-move {
    display: none !important;
}

.opn_textContent .opn-btn-move {
    /*display: block !important;*/
    display: block;
}

.opn-sizediv-marge,
.opn-sizediv-marge:after{
    position: absolute;
    background-color: rgba(255, 125, 0, 0.3);
    border-radius: 0px;
    content: "";
    z-index: 51;
	visibility:visible;
}


.opn-sizediv-marge:after{
    background-color: transparent;
}

/*.opn-sizediv-marge.active:after*/
.opn-sizediv-marge:hover:after
{
    background-color: rgba(255, 151, 10, 1);
}

.opn-sizediv-marge.sn0:hover:after{
	background-color: rgba(255, 151, 10, 0);
}

.opn-sizediv-marge.opn-sizediv-marger,
.opn-sizediv-marge.opn-sizediv-marger:after{
	height: 100%;
	width: 5px;
	left:0;
	top:0;
	cursor: col-resize;
}

.opn-sizediv-marge.opn-sizediv-marger:after{
	left:-5px;
}

.opn-absolute .opn-sizediv-marge.opn-sizediv-marger:after,
.opn-fixed .opn-sizediv-marge.opn-sizediv-marger:after{
	left:0;
}


.opn-sizediv-marge.opn-sizediv-margel,
.opn-sizediv-marge.opn-sizediv-margel:after {
	height: 100%;
	width: 5px;
	left:0;
	top:0;
	cursor: col-resize;
}

.opn-sizediv-marge.opn-sizediv-margel:after {
	left:calc(100% - 0px);
}

.opn-sizediv-marge.opn-sizediv-marget,
.opn-sizediv-marge.opn-sizediv-marget:after{
	height: 5px;
	width: 100%;
	top:0;
	left:0;
	cursor: row-resize;
}

.opn-sizediv-marge.opn-sizediv-marget:after{
	top:calc(100% - 0px);
}

.opn-sizediv-marge.opn-sizediv-margeb,
.opn-sizediv-marge.opn-sizediv-margeb:after{
	height: 5px;
	width: 100%;
	bottom:0;
	left:0;
	cursor: row-resize;
}

.opn-sizediv-marge.opn-sizediv-margeb:after{
	bottom:calc(100% - 0px);
}

.opn-sizediv-padd,
.opn-sizediv-padd:after{
    position: absolute;
    background-color: rgba(130, 210, 95, 0.3);
    border-radius: 0px;
    content: "";
    z-index: 50;
	visibility:visible;
}

.opn-sizediv-padd:after{
    background-color: transparent;
}

.opn-sizediv-padd:hover:after{
  transition:all 0.3s ease;
}

/*GESTION PADDING RIGHT*/
.opn-sizediv-padd.opn-sizediv-paddr{
	cursor: col-resize;
}
.opn-sizediv-padd.opn-sizediv-paddr:after{
	height: 100%;
	width: 20px;
	left:-20px;
	top:0;
	cursor: col-resize;
	box-shadow:-10px  0 0 0 rgba(130, 210, 95, 0) inset;

}

.opn-sizediv-padd.opn-sizediv-paddr:after{
	right:calc(100% - 0px);
}

.opn-sizediv-paddr:hover:after{
  box-shadow:-10px  0 0 0 rgba(130, 210, 95, 1) inset;
  position:absolute;
  left:-20px;
  transition:all 0s;
}

.opn-sizediv-padd.opn-sizediv-paddr.sn0:hover:after{
  box-shadow:-3px  0 0 0 rgba(130, 210, 95, 0) inset;
  transition:all 0s;
}


/*GESTION PADDING LEFT*/
.opn-sizediv-padd.opn-sizediv-paddl{
	cursor: col-resize;
}
.opn-sizediv-padd.opn-sizediv-paddl:after {
	height: 100%;
	width: 20px;
	left:3px;
	top:0;
	cursor: col-resize;
	box-shadow:10px  0 0 0 rgba(130, 210, 95, 0) inset;
}

.opn-sizediv-padd.opn-sizediv-paddl:after {
	left:calc(100% + 0px);
}

.opn-sizediv-paddl:hover:after{
  box-shadow:10px  0 0 0 rgba(130, 210, 95, 1) inset;
}

.opn-sizediv-padd.opn-sizediv-paddl.sn0:hover:after{
  box-shadow:3px  0 0 0 rgba(130, 210, 95, 0) inset;
  transition:all 0s;
}

/*GESTION PADDING TOP*/
.opn-sizediv-padd.opn-sizediv-paddt{
	cursor: row-resize;
}

.opn-sizediv-padd.opn-sizediv-paddt:after{
	height: 10px;
	width: 100%;
	top:0;
	left:0;
	cursor: row-resize;
	box-shadow:0 10px 0 0 rgba(130, 210, 95, 0) inset;
}

.opn-sizediv-padd.opn-sizediv-paddt:after{
	top:calc(100% - 0px);
}

.opn-sizediv-paddt:hover:after{
  box-shadow:0 10px 0 0 rgba(130, 210, 95, 1) inset;

}

.opn-sizediv-padd.opn-sizediv-paddt.sn0:hover:after{
  box-shadow:0 3px 0 0 rgba(130, 210, 95, 0) inset;
  transition:all 0s;
}

/*GESTION PADDING BOTTOM*/
.opn-sizediv-padd.opn-sizediv-paddb{
	cursor: row-resize;
}
.opn-sizediv-padd.opn-sizediv-paddb:after {
	height: 10px;
	width: 100%;
	bottom:0;
	left:0;
	cursor: row-resize;
	box-shadow:0 -10px 0 0 rgba(130, 210, 95, 0) inset;
}

.opn-sizediv-padd.opn-sizediv-paddb:after {
	bottom:calc(100% - 0px);
}

.opn-sizediv-paddb:hover:after{
  box-shadow:0 -10px 0 0 rgba(130, 210, 95, 1) inset;

}

.opn-sizediv-padd.opn-sizediv-paddb.sn0:hover:after{
  box-shadow:0 3px 0 0 rgba(130, 210, 95, 0) inset;
  transition:all 0s;
}

#opn_templates .opn-sizediv-e.display:hover:after{
	 transform: scale(1.5);
	 transition:all 0.5s;
}
#opn_templates .opn-sizediv-w.display:hover:after{
	 transform: scale(1.5);
	 transition:all 0.5s;
}
#opn_templates .opn-sizediv-e.display:after{
	content: '';
	position: absolute;
	width: 4px;
	height: 20px;
	background-color: rgba(0, 150, 190,1);
	border-radius:5px;
	bottom: 0;
	right: calc(100%);
}
#opn_templates .opn-sizediv-w.display:after{
	content: '';
	position: absolute;
	width: 4px;
	height: 20px;
	background-color:  rgba(0, 150, 190,1);
	border-radius:5px;
	bottom: 0;
	left: calc(100%);
}

#opn_templates .opn-sizediv-e.display, #opn_templates .opn-sizediv-w.display{
	background-color: rgba(0, 150, 190, 0.03);
	background-image:url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png');
}

#opn_templates .opn-sizediv-e.display:hover, #opn_templates .opn-sizediv-w.display:hover{
	/*background-color:rgba(125,125,125,0.05);*/
	/*background-color: rgba(255, 125,0,0.1);*/
}

#opn_templates .opn-sizediv-e{
	position:absolute;
	width:10px;
	background-image:url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png');
	background-color: rgba(0, 150, 190, 0.03);
	height: 10px;
	z-index:98;
	cursor:ew-resize;
}

#opn_templates .opn-sizediv-w{
	position:absolute;
	width:10px;
	background-image:url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png');
	background-color: rgba(0, 150, 190, 0.03);
	height: 10px;
	z-index:98;
	cursor:ew-resize;
}

.selectedFen {}

.firstOpnContent:after {
    /* background-image: url('/site/plugins/opn_base/images/hachure.png'); */
    z-index: 5!important;
    position: absolute!important;
    background-color: rgba(255, 255, 255, 0.2)!important;
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8)!important;
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8)!important;
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8)!important;
    transition: all 1s ease!important;
    /*box-shadow:inset 0 0 0 3px #aaa;*/
}


/* OPN */

body.body-editor {
    margin-top: 58px;
	overflow-y:scroll !important; /*pour le probleme des ajout de blocs pour OPn_OnEqual*/
}


/*
body{
margin:0px;
}
p
{
margin-top:0px;
}
*/


/*
.opn_definefont{
font-family:Arial;
font-size:12px;
line-height:12px;
}
*/

.opn_class_maintoolbar {
    border-radius: 0px !important;
    border: none;
    border-bottom: 1px solid #B6B6B6;
    background: #FFF;
    color: #4F4F4F;
    box-shadow: 0px 2px 10px #aaa;
	position:fixed;
	top:0:
	left:0;
}

.opn_class_maintoolbar .ui-widget-header {
    background: #000;
    display: none;
    /*ICI*/
}

.opn_class_maintoolbar .ui-state-hover, .opn-toolbar .ui-state-hover {
border-top: 0;
    border-bottom: 0;
/*    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #ccc;
*/
}

#MainDialog {
    /*padding: 0.5em 0.9em;*/
    padding: 0px;
    text-align: center;
}

#MainDialog>button {
    height: 58px;
    /*   margin-top:2px;
	margin-bottom:2px;
*/
}

#opn_info_all {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 100px;
    height: 38px;
    line-height: 18px;
    background: #DFE7FF;
    border: 1px solid #BAD5FF;
    -webkit-box-shadow: 3px 3px 5px #aaa;
    -moz-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;
    /*text-align:center;*/
    color: #000;
}

.opn_info_x, .opn_info_y {
    position: absolute;
    top: 100px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #DFE7FF;
    border: 1px solid #BAD5FF;
    border-radius: 15px;
    -webkit-box-shadow: 3px 3px 5px #aaa;
    -moz-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;
    text-align: center;
    color: #000;
}

.opn-snap-line {
    border-left: 1px dotted #f00;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.opn-snap-hline {
    border-top: 1px dotted #f00;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.opn-snap-line-hmark {
    border-top: 1px solid #00ff00;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100000px;
}

.opn-snap-line-mark {
    border-left: 1px solid #00ff00;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100000px;
}

.opn_bodyinmove .opn-border-not-used {
    /*opacity: 0.3;*/
    /*
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	*/
}

.opn_bodyinmove .opn_inmove.opn-border-not-used {
    opacity: 1;
}


.opn-border-not-used:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 45;
}

/* .opn-border-used>.opn_fenContent:before:not([data-container="true"]) { */
.opn-border-used>.opn_fenContent:before {

	content:"";
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(125, 125, 125, 0.8);
   -moz-box-shadow: inset 0px 0px 0px 2px rgba(125, 125, 125, 0.8);
   box-shadow: inset 0px 0px 0px 2px rgba(125, 125, 125, 0.8);

   transition: all 0.5s ease;
   position:absolute;
   width:100%;
   top:0;
   left:0;
   height:100%;
   z-index:1;

}

.opn-border-used>.opn_fenContent.opn_formContent:before {
       content:"";
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(191, 175, 255, 0.8);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(191, 175, 255, 0.8);
	box-shadow: inset 0px 0px 0px 3px rgba(191, 175, 255, 0.8);
	transition: all 0.5s ease;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	top: -3px;
	left:-3px;
	position: absolute;  
	z-index:1;
}

.opn_bodyinmove .opn-border-used {
    opacity: 1;
}

.opn-border-used:after {
     -webkit-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.8);
   transition: all 0.5s ease;
}

body[class*="opn-res-"] .opn-border-used:after{
     -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);

}


.opn_fenhover .opn-border-used:after{
     -webkit-box-shadow: inset 0px 0px 0px 0px rgba(125, 125, 125, 0);
    -moz-box-shadow: inset 0px 0px 0px 0px rgba(125, 125, 125, 0);
    box-shadow: inset 0px 0px 0px 0px rgba(125, 125, 125, 0);
}

.opn_inmove.opn-border-used:after {
     -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*  mise en commentaire car ca fait trop d'afficher les fen parents
.opn_fenhover:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	transition:all 0.5s ease;

	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(41, 206, 206, 0.5);
	-moz-box-shadow:inset 0px 0px 0px 3px rgba(41, 206, 206, 0.5);
	box-shadow: inset 0px 0px 0px 3px rgba(41, 206, 206, 0.5);
	pointer-events:none;	
}
*/

/*
PL le 26/04/2019/  Mis en comentaire car semble inutil et bug visuellement

html:not(.opn-visual-editor) .opn_closestover_fenhover:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 0px);
	height: calc(100% + 0px);
	top:0px;
	left:0px;
	z-index: 0;
	transition:all 0.5s ease;
	 -webkit-box-shadow: inset 0px 0px 0px 3px rgba(41, 206, 206, 0.3);
	 -moz-box-shadow: inset 0px 0px 0px 3px rgba(41, 206, 206, 0.3);
	 box-shadow:  inset 0px 0px 0px 3px rgba(41, 206, 206, 0.3);
	 pointer-events:none;		
}
*/

.opn_closest_fenhover:before{

	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 0px);
	height: calc(100% + 0px);
	top:0px;
	left:0px;
	z-index: 5;
	transition:all 0.5s ease;
	-webkit-box-shadow: inset 0px 0px 0px 6px rgba(41, 206, 206, 0.8);
	-moz-box-shadow: inset 0px 0px 0px 6px rgba(41, 206, 206, 0.8);
	box-shadow:  inset 0px 0px 0px 6px rgba(41, 206, 206, 0.8);
	background-color:rgba(41, 206, 206, 0.3);
	pointer-events:none;	
}


.opn_closest_fencontenthover{
 	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 150,190, 1);
	-moz-box-shadow:inset 0px 0px 0px 2px rgba(0, 150,190, 1);
	box-shadow: inset 0px 0px 0px 2px rgba(0, 150,190, 1);
}

.opn_closest_fencontenthover .opn-border-used:after{
 	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	box-shadow: none;
}

/*
.activefen.opn-border-used:after {
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 125, 0, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(255, 125, 0, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(255, 125, 0, 0.8);
    transition: all 1s ease;
}
*/

.opn-border-multiselect {
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 230, 0, 1)!important;
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 230, 0, 1)!important;
    box-shadow: inset 0px 0px 0px 2px rgba(0, 230, 0, 1)!important;
}

.opn-border-not-used>.opn_textContent {
    visibility: visible !important;
}

#opn_editor_content {
    padding: 5px;
    margin: 10px 0 0 0;
}

#opn_iedit {
    border: 0px;
}

.opn-border-not-used-shortcode {
    /* 	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(125,125,125,0.3);
	*/
}

.opn-border-not-used-title {
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 0.3);
}

.opn-border-not-used-custompost {}

.opn-border-not-used-menu {
    overflow: hidden;
}

.opn-border-not-used-menu a {
    cursor: pointer!important;
}

.opn_textContent {
    /* Pas d'overflow:hidden car sinon les ombres sont coupées */
    /*	  overflow: hidden;*/
	max-width: 100%;
	border-color:rgba(0,0,0,0);
	border-top-color:rgba(0,0,0,0);
	border-right-color:rgba(0,0,0,0);
	border-bottom-color:rgba(0,0,0,0);
	border-left-color:rgba(0,0,0,0);
	/*transition: height 0.3s ease;*/
	display:flex !important;/*le 09/10/2018*/
	box-sizing:border-box;
}

.opn_textContent:not(.opn_fenContent) {
/*	display:flex !important; *//*le 09/10/2018*/
}

.opn-toolbar {
	position: absolute;
	z-index: 40002;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
	line-height:normal;
    /*min-width:500px!important;
	width:500px;*/
}

.opn-sortable:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
}

/*PL le 17/01/2018  pour resoudre le pb du height sur le bloc parent mis par jquery lors du resize*/
/*
.opn_content.activefen:not([setheight]){
	height:auto!important;
}
*/

/*29/01/2018  pour que le height de l'objet resizé reste corect, sinon il est recalculer par opensite est deviens faux.  resizedrag_in est positionne dans startresiez et enlever dans stop resize*/
/*
.opn_content.opn_resizedrag_in:not([setheight]){
	height:auto!important;
}
*/
.opn_content {
    float: left;
    /* overflow:hidden;
	zoom:1; */
    	/*height:auto!important;*/
    /*enlever pour que le calcul se fasse sur la hauteur*/
    max-width: 100%;
 /*left:0 !important; *//*pour le resize des fen avec blocs alone */
}

/*PL 19/01/2018 Enlever et mis dans layout.js dans doresize*/
/*
.opn_content:not(.ui-draggable-dragging){
	left:0 !important;
}
*/

.opn_content {
    /*pour scroll reveal*/
	
    perspective: 800px;
    perspective-origin: center 100%;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
	
    /*z-index: 1;*/
    /*PL 19.05.2016  z-index reenvlver car sinon les bloc situé en bas d'une image centréé ne sont plus selectionnables*/
    /* __BK 21.04.2016 : Ajout de z-index:1 car sinon les zone_ext s'affiche en dessous malgrès un z-index de 99999999*/
}

html.opn-visual-editor .opn-absolute .opn-dragdrop-handle-contain{
	display:none; /*pas de drag en mode absolute du builder dbview*/
}

html.opn-visual-editor .opn-absolute.opn-border-not-used::after{
	display:none; /*pas de drag en mode absolute du builder dbview*/
}


.opn-dragdrop-handle-contain {
    position: relative;
    z-index: 50;
}

.opn_content.ui-draggable-dragging {
    overflow: hidden;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 1);
    box-shadow: inset 0px 0px 0px 1px rgba(125, 125, 125, 1);
    transition: width 0.5s ease, height 0.5s ease;
}

.opn-dragdrop-handle {
    /*	border:1px solid rgba(125,125,125,0.5);*/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: move;
    z-index: 10;
    /*	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);*/
}

body.body-editor .opn-subselect {
    /*border:1px solid rgba(125,0,0,0.5);*/
    cursor: pointer;
    z-index: 10;
    /*-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);*/
}

body.pods .opn-subselect {
    box-shadow: none;
}

body.body-editor .opn-subselect.opn_content:hover {
cursor: pointer;
    z-index: 10;
    background-color: rgba(255, 162, 0, 0.1);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 99% 5px;
    background-size: 20px;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 2px rgba(125, 125, 125, 0.8);
}

.opn-over-title {
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    transition: all 1s ease;
}

.opn-over-custompost {
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    transition: all 0.5s ease;
}

.opn-over-menu {
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    box-shadow: inset 0px 0px 0px 3px rgba(125, 125, 125, 0.8);
    transition: all 0.5s ease;
}

.opn_clear {
    clear: both;
}

.opn_clear_marge {
	clear: both;
	margin-bottom:20px;
}

.opn_disable_scroll {
    overflow: hidden;
}

.icon-opn-toolbar-responsive {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-responsive-desktop {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-responsive-tablet {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-responsive-smartphone {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-template-plus {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-history {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-document-plus {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-gotopage {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-property {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-pods-editor {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-translate {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-params {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-link {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-linknone {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-image {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-save {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-saving {
    background-image: url('/site/admin/images/loading.gif') !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-img1 {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-savecode {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-code {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-css {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-edit {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-copy {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-paste {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-parent {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-halign-left {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-halign-center {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-halign-right {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-halign-justify {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-valign-top {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-valign-middle {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-valign-bottom {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-add-y0 {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-add-y1 {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-add-x1 {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-add-x0 {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-egal-x {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-loading-circle,
.opn-loading-gallery,
.opn-loading-refresh-gallery {
    background: url('/site/plugins/opn_inlineeditor/opn_base/images/loading-opn.svg') center no-repeat !important;
}

.opn-loading-full{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center; z-index: 9999999;
}

.opn-loading-object{
    background-image : url('/site/plugins/opn_inlineeditor/opn_base/images/loading-opn.svg') !important;
    background-repeat : no-repeat !important;
    background-position : center center !important;
    background-size : 50% 50% !important;
}

.opn-loading-object-opacity{
    opacity: 0.1 !important;
}

/*.opn-loading-refresh-dbview{
	height: 100%;
	text-align:center;
}*/

#opn-gotosubpage,
#opn-button-create-dbview{
    float: left;
    width: calc(15% - 20px);
    height: 40px;
    clear: initial;
    display: block;
}

#opn-history .opn-list-history{
	margin:20px;
}

#opn-history .opn-info-history{
	float:left;
}

#opn-history .opn-item-history{
	float:none;
	margin:10px 0;
	padding:10px;
	background-color:#f1f1f1;
	color:#4C5866;
	font-size:15px;
	overflow:auto;
	cursor:pointer;
}

#opn-history .opn-info-history.opn-history-icon{
    margin-right: 10px;
}

#opn-history .opn-item-history .opn-history-icon .fa:before{
	content:'\f017'
}

#opn-history .opn-item-history.active .opn-history-icon .fa:before{
	content:'\f00c'
}

#opn-history .opn-item-history:hover{
	background-color:#4C5866;
	color:#fff;
}

#opn-history .opn-item-history.active{
	background-color:#009900;
	color:#fff;
}

#opn-history .opn-item-history.disable{
	background-color:#fff;
	color:#000;
}

#opn-history .opn-item-history.disable:hover{
	background-color:#f1f1f1;
	color:#000;
}

#opn-history .opn-info-history.opn-history-title {
    width: 79%;
}

#opn-gotosubpage {
    margin: 0px !important;
}

#opn-button-create-dbview {
    margin: 0px 5px 0px 10px!important;
}

.opn-loading-refresh-dbview img{
	width: 10%;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto !important;
}

.opn-toolbar-egal-x {
    /*float:right;*/
}

.icon-opn-toolbar-egalmulti-x {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-toolbar-egalmulti-x {
    /*float: right;*/
}

.icon-opn-toolbar-max-x {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-toolbar-max-x {
    float: right;
}

.opn-toolbar-legend {
    text-align: center;
    margin: 0 0 20px 0;
    font-weight: 600;
    color: #8F8F8F;
    font-size: 14px;
    height: 14px;
}

.opn_blockContent {
    float: left;
    width: 20%;
}

.opn_blockContent.disable {
    box-shadow: none;
    opacity: 0.3;
    cursor: default;
}

.opn-field-hidden .opn_blockContent {
    transform: scale(0, 0);
    transition: all 0.5s;
}

.opn-field-hidden .opn_blockContent.active {
    transform: scale(1, 1);
    transition: all 0.5s;
}

.opn_containerImg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    /*border: 1px solid #ddd;*/
    box-shadow: inset 0px 0px 0px 1px #ddd;
    transition: all 0.5s;
    height: 130px;
    cursor: pointer;
    margin: 10px;
}

.opn_containerImg:hover {
    /*border: 10px solid #aaa;*/
    box-shadow: inset 0px 0px 0px 5px #aaa;
    transition: all 0.5s;
}

.disable .opn_containerImg {
    box-shadow: none;
}

.disable .opn_containerImg:hover {
    box-shadow: none;
    cursor: default;
}

.icon-opn-toolbar-min-x {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-toolbar-min-x {
    float: right;
}

.icon-opn-toolbar-del {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-template-body .opn_alone .opn_textContent{
  padding-left:0px;
  padding-right:0px;
  padding-top:30px;
  padding-bottom:30px;
}

.opn-template-body .opn_last .opn_textContent{
  padding-left:30px;
  padding-top:30px;
  padding-bottom:30px;

}

.opn-template-body .opn_first .opn_textContent{
  padding-right:30px;
  padding-top:30px;
  padding-bottom:30px;
}

.opn-template-body .opn_middle .opn_textContent{
  padding-left:30px;
  padding-right:30px;
  padding-top:30px;
  padding-bottom:30px;
}

.opn-visual-content-template{
	background-repeat: no-repeat;
	background-position: center center;
	box-sizing: border-box;
	/*margin:0 0 30px 0*/
	margin:0 0 0px 0;
	height:100% !important;
	/*border: 1px solid rgba(125, 125, 125, 0.3)*/
}

.opn-visual-content-template > .opn_txtareaContent {
	min-height: 150px;
}


.opn-template-title{
	max-height:25px;
	max-width:50% !important;
	background-color:#818287;
	/*margin:30px 0 0 0;*/
	margin:0px 0 0 0;
}

.opn-template-title  >  *{
 opacity:0;
}


.opn-template-hr  >  *{
 opacity:0;
}

.opn-template-hr{
	max-height:5px;
	background-color:#D1D0D2;
}


.opn-template-img {
    background-image: none !important;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	min-height: 250px;
	background-color: #e0e0e1;
	border: 5px solid #d0cfd3;
	border-radius: 20px;
}

.opn-template-img > *{
	 opacity:0;
}

.opn-template-empty {
	min-height: 250px;
	background-color: #e0e0e1;
	border: 5px solid #d0cfd3;
	border-radius: 20px;
	/*height:auto !important;*/
	box-sizing:border-box;
}

/*
.single-modele .opn_emptyContent{
	background-color:transparent;
}
*/

.opn-template-empty  *{
	 opacity:0;
}

.opn-template-form {
    background-image: none !important;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	min-height: 250px;
	background-color: #e0e0e1;
	border: 5px solid #d0cfd3;
	border-radius: 20px;
}

.opn-template-form > *{
	 opacity:0;
}

.opn-template-list2 {
    background-image: none !important;
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	min-height: 450px;
/*
	background-color: #e0e0e1;
	border: 5px solid #d0cfd3;
	border-radius: 20px;
*/
}

.opn-template-list2 *{
	 opacity:0 !important;
}

.opn-template-txtarea {
	background-image: none !important;
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:250px;
}

.opn-template-txtarea > *{
	 opacity:0;
}

.opn-template-dbview {
    background-image: none !important;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 250px;
    background-color: #e0e0e1;
    border: 5px solid #d0cfd3;
    border-radius: 20px;
}


.opn-template-button {
    background-image: none !important;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.opn-template-background-image{

	background-image: none !important;
	background-repeat: repeat !important;
	background-size: 20% !important;

}

.opn-template-background-color{
	background-color: #f1f1f1 !important;
}

.opn-template-galerie {
	background-image: none !important;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:250px;
	max-width:100% !important;
}

.opn-template-attachments {
	background-image: none !important;
	background-size:contain;
	background-position:left top;
	background-repeat:no-repeat;
	min-height:250px;
	max-width:100% !important
}


.opn-template-panel{
	background-image: none !important;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:250px;
	max-width:100% !important
}

.opn-template-panel > *{
	 opacity:0;
}

.opn-template-attachments > *{
	 opacity:0 !important;
}

.opn-template-galerie > *{
	 opacity:0 !important;
}

.opn-template-dbview > *{
	 opacity:0;
}

.opn-template-button > *{
	 opacity:0 !important;
}

.opn-toolbar-button{
	background-image: none !important;
}

.opn-toolbar-img {
    background-image: none !important;
}

.opn-toolbar-title {
    background-image: none !important;
}

.opn-toolbar-counter {
    background-image: none !important;
}

.icon-opn-toolbar-column {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-toolbar-txtarea {
    background-image: none !important;
}

.opn-toolbar-widget {
    background-image: none !important;
}

.opn-toolbar-dbview {
    background-image: none !important;
}

.opn-toolbar-table {
    background-image: none !important;
}

.opn-toolbar-map {
    background-image: none !important;
}

.icon-opn-toolbar-widget-news_slider {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-button {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-txtedit {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-draft {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-opendraft {
    background-image: none !important;
    background-size: 28px 16px;
    width: 28px;
    margin-left: -12px !important;
}

.icon-opn-toolbar-publish {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-deldraft {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-original {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-toolbar-web {
    background-image: none !important;
}

.opn-toolbar-pods {
    background-image: none !important;
}

.opn-toolbar-formobj {
    background-image: none !important;
}

.opn-toolbar-galerie {
    background-image: none !important;
}

.opn-toolbar-form {
    background-image: none !important;
}

.icon-opn-toolbar-fen {
    background-image: none !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-fenmulti {
    background-image: none !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-descendre {
    background-image: none !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-monter {
    background-image: none !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-fenparams {
    background-image: none !important;
    background-size: 16px 16px;
    margin-left: 10px;
}

.icon-opn-toolbar-attachments {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-gallery {
	/* TG 15/09/2017  A mettre si on veut l'icone avec la flêche
	 background-image: none !important;
	 background-size: 28px 16px;
	 width: 28px;
	 margin-left: -12px !important;
	 */
	background-image: none !important;
	background-size: 16px 16px;
}

.icon-opn-toolbar-gallery-manage {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-gallery-album {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-gallery-photo {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-content {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-bloc {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-toolbar-panel {
    background-image: none !important;
}

.opn-toolbar-hr {
    background-image: none !important;
}

.opn-toolbar-list {
    background-image: none !important;
}

.opn-toolbar-list2 {
    background-image: none !important;
}

.opn-toolbar-contenu {
    background-image: none !important;
}

.opn-toolbar-pj {
    background-image: none !important;
}

.icon-opn-toolbar-media {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-toolbar-publish {
    margin: 0 0 20px 0!important;
}

.opn-toolbar-opendraft, .opn-toolbar-pods-editor, .opn-toolbar-gotopage, .opn-toolbar-redo, .opn-toolbar-translate {
    margin: 0px 50px 2px 0!important;
}

.opn-toolbar-undo, .opn-toolbar-redo {

}

.opn-toolbar-logo {
    padding: 13px 15px 0 15px;
    position: absolute;
    height: 100%;
    left: 0;
    border-right: 1px solid #f1f1f1;
    box-sizing: border-box;
}

.icon-opn-toolbar-undo {
    background-image: none !important;
    background-size: 16px 16px;
}

.icon-opn-toolbar-redo {
    background-image: none !important;
    background-size: 16px 16px;
}

.opn-toolbar-close {
    position: absolute;
    top: 1px!important;
    right: 0%!important;
    background: transparent !important;
    border: 0px !important;
}

.opn-logs-bt {
    font-size: 0.5em !important;
}

.opn_txtareaContent img {
/*
    width: auto;
    height: auto;
*/	
    /*max-height: 100%;*/
    max-width: 100%;
}

/*
.opn_txtareaContent img:not([height]) {
    height: auto;
}

.opn_txtareaContent img:not([width]) {
    width: auto;
}
*/

.opn-toolbar-style {
    margin: -3px 0 0 0;
    padding: 7px 25px 7px 8px;
    font-size: 12px;
    float: left;
    font-weight: normal;
    cursor: pointer;
    border: 1px solid #ddd;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: none no-repeat right top;
}

.opn-toolbar-tab4 {
    margin: 3px 0 0 135px;
}

.opn-toolbar-style-disabled {
    cursor: pointer;
    background: none no-repeat right top;
}


/*
.AllStyleTxt .opn_containerStyle_txt
{
width: 16%;
padding: 1% 1%;
box-sizing: border-box;
display: inline-block;
vertical-align: top;

}
*/

.AllStyleImg .opn_containerStyle_txt, .AllStyleTxt .opn_containerStyle_txt {
    width: 15.8%;
    padding: 1%;
    margin: 0.3%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.AllStyleTxt {
    float: left;
    width: 100%;
}

.AllStyleImg {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #ddd;
}

.opn_containerStyle_title {
    width: 31.33%;
    height: 70px;
    margin: 1%;
    float: left;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.opn_containerStyle_selected, .opn_containerStyle_txt:hover, .opn_containerStyle_title:hover {
    cursor: pointer;
    /*border: 10px solid #aaa;*/
    box-shadow: 0px 0px 0px 5px #aaa;
    transition: all 0.5s;
}

.AllStyleTxt .opn_containerStyle_title .opn_wrapstylepreview {
    /*height:inherit;*/
    overflow: auto;
    background-color: #FFF;
}

.AllStyleTxt .opn_containerStyle_txt .opn_wrapstylepreview, .AllStyleImg .opn_wrapstylepreview {
    /*padding:4px;*/
    height: inherit;
    /*	border-top: 1px dashed #aaa;*/
    overflow: auto;
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/damier.png');
}

.styleDialog {
    position: fixed;
    top: 10%;
    left: 5%;
}


/*#styleToolbarUi{
width:90%;
position:fixed;
top:10%;
left:5%;
height:80%;
background-color:#fff;
padding:1em;
}*/

.opn_stylepreview {
    overflow: hidden;
}

.opn_stylepreviewtitle {
    font-size: 13px;
    /*font-style:italic;*/
    color: #555;
    line-height: 35px;
    text-align: center;
    font-family: "open sans";
    font-weight: 500;
    white-space: nowrap;
}


/* DIALOG HR */

.opn_container_hr {
    min-height: 40px;
    height: auto;
    padding: 20px 10px;
    margin: 10px 50px;
}

.opn_container_hr:hover {
    box-shadow: inset 0 0 0 5px #aaa;
    transition: all 0.5s;
    cursor: pointer;
}

.opn_container_hr.active {
    box-shadow: inset 0 0 0 5px #76C5EB;
    transition: all 0.5s;
    cursor: pointer;
}


/* FIN HR */


/*STYLE EDITOR*/

#styleAddDialogToolbar {
    overflow-y: scroll !important;
}

#styleAddImageDialogToolbar {
    overflow-y: scroll !important;
}

.opn-button-update {
    float: left;
    width: 25%;
    margin: 0 0 0 5%;
}

.opn-wrapper-preview.txt {
    /*width: 50%;
	margin: 0 auto;
	padding: 20px;*/
    /*border: 1px solid #ddd;*/
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/damier.png');
    /*background-color: #FFF;*/
    overflow: auto;
}

.opn-wrapper-preview.img {
    width: 50%;
    margin: 0 auto;
    padding: 20px;
    overflow: auto;
}

.opn-wrapper-options {
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-sizing: border-box;
}

.opn-preview-visuel {
    width: 50%;
    float: left;
    background-color: #f6f6f6;
    margin: 0 5%;
    padding: 1% 5% 3% 5%;
}

.opn-content-visuel {
    margin: 0 auto;
    box-sizing: border-box;
}

.opn-ui .wp-picker-holder{
	/*position: absolute;*/
	position: relative;
	z-index: 2;
}


#toolbar-dialog .opn-sub-content .opn-field-50-last .wp-picker-holder{
    left: 0px;
    margin-top: -5px;
}

#toolbar-dialog .opn-sub-content .opn-field-50-first .wp-picker-holder{
    left: 0px;
  /*  margin-top: -5px;*/
}


.bt-style {
    height: 50px;
    line-height: 50px;
    box-shadow: inset 0 0 0 1px #ddd;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #777;
    margin-bottom: 20px;
    transition: all 0.5s;
    cursor: pointer;
}

.bt-style:hover, .bt-style.active {
    box-shadow: inset 0 0 0 5px #76C5EB;
    transition: all 0.5s;
}

.previewOptions {
    display: none
}

.container-border {
    padding: 0 5px 0 5px;
    border: 1px solid #ddd;
    margin: 0 7% 20px 0px;
    cursor: pointer;
    float: left;
    width: 15%;
}

.container-border.little {
    border: none;
    margin: 0 0 10px 0px;
    padding: 0;
    width: 100%;
}

.container-border:hover, .container-border.active {
    box-shadow: inset 0 0 0 2px #76C5EB;
    transition: all 0.5s;
}

.opn-edit-size-preview-border, .opn-edit-size-preview-padding, .opn-edit-size-preview-margin {
    width: 40px !important;
    height: 30px !important;
    text-align: center;
    font-size: 15px !important;
    padding: 0 !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.opn-ui .opn-choose-color {
    width: 38px;
	height:24px;
    float: left;
    margin-right: calc((100% - ( 38px * 8 ) ) /7 );
	margin-top: 5px;
}

.opn-ui .opn-choose-color:nth-child(10){
	margin-right:0px !important;
}

.opn-grad-img-field .opn-field-50-first .opn-choose-color,.opn-grad-img-field  .opn-field-50-last .opn-choose-color,
.opn-grad-img-field-hover .opn-field-50-first .opn-choose-color,.opn-grad-img-field-hover  .opn-field-50-last .opn-choose-color,
#accordion1 .opn-field-50-first .opn-choose-color,#accordion1 .opn-field-50-last .opn-choose-color {
	/*
	width: 37px;
	margin: 0 2px 2px 0;
	*/
    width: calc(( 100% - 8px) / 8);
    height: 18px;
    margin: 0 1px 2px 0;	
}

.opn-ui .wp-color-result {
    background-color: #000;
	padding:0 !important;
    cursor: pointer;
    border: none;
    border-radius: 0;
    -moz-box-shadow: 0px 0px 0px 1px #ddd;
    -webkit-box-shadow: 0px 0px 0px 1px #ddd;
    -o-box-shadow: 0px 0px 0px 1px #ddd;
    box-shadow: 0px 0px 0px 1px #ddd;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#ddd, Direction=NaN, Strength=0);
    height: 28px !important;
	margin: 0 !important;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom;
    display: inline-block;
    /*padding-left: 36px !important;*/
    top: 0;
	font-size: 13px !important;
     width: 100%;
    /*width: auto;*/
}

.opn-ui button.button.wp-color-result:before {
content: "\f042";
    font-size: 20px;
    font-family: fontawesome;
    color: #000000;
    left: calc(50% - 10px);
    background-color: #fff !important;
    border-radius: 20px;
    background-image: none;
    position: absolute;
    width: 20px;
    z-index: 1;
    top: 4px;
}

.opn-ui .wp-color-result .wp-color-result-text {
    background: #f7f7f7 !important;
	line-height: 39px !important;
	text-align: left !important;
	font-family:"open sans";
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display:none;
}

.opn-ui .wp-picker-open .wp-color-result-text {
	display: none !important;
}

.opn-ui .wp-color-result .color-alpha{
	height: 28px !important;
	width:100%  !important;
	border-radius: 0px !important;
}

.opn-ui .wp-color-result:focus:after, .opn-ui .wp-color-result:hover:after {
    color: #fff !important;
    background-color: #4c5866 !important;
    border-left: 0 !important;
    transition: all 0.3s ease-in-out;
}

.opn-ui .wp-color-result:after {
    background-color: #f4f4f4;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom;
    display: inline-block;
    padding: 0 20px;
    top: 0;
    box-shadow: none;
    /* width: calc( 100% - 40px); */
	width: auto;
    transition: all 0.3s ease-in-out;
}

.opn-ui .wp-picker-input-wrap label, .wp-picker-open+.wp-picker-input-wrap{
	width:100%;
}



.opn-ui .wp-color-result.wp-picker-open {
    /*width: 0;*/
}

.opn-ui .wp-color-result.wp-picker-open:after {
	padding: 0;
    content: " ";
}

.wp-picker-clear {
   display: none;
}

/* body:not(.body-editor) .opn-ui .wp-picker-input-wrap label, .wp-picker-open+.wp-picker-input-wrap:after{ */
	/* display:none; */
/* } */

.opn-ui .wp-picker-container .iris-picker{
	margin-top :4px;
	height:160px !important;
}

.opn-ui .iris-slider.iris-strip{
	height:140px !important;
	margin: 0 0 0 5% !important;
	width: 6% !important;	
}

.opn-ui .iris-strip.iris-slider.iris-alpha-slider {
    margin: 0 0% 0 3%!important;
}

.opn-ui .iris-picker .iris-square{
	height:140px !important;
}

.opn-ui .iris-picker .iris-slider,.opn-ui .iris-picker .iris-square-inner,.opn-ui .iris-picker .iris-palette{
	border-radius:0;
	box-shadow: inset 0 0 1px #555;
}

.opn-ui .wp-picker-container input[type=text].wp-color-picker {
    width: 100% !important;
    /*background-color: #fff;*/
    border-radius: 0;
    height: 27px; /*40*/
    box-shadow: none;
}

.loading-formulaire {
    display: none;
    float: right;
    margin: 33px 5px 0 0;
}

.opn-bloc-preview {
    position: relative;
    margin: 5% 0;
}

.opn-edit-size-preview-border.top, .opn-edit-size-preview-padding.top, .opn-edit-size-preview-margin.top {
    position: absolute !important;
    left: calc( 50% - 20px) !important;
    top: -36px !important;
}

.opn-edit-size-preview-border.bottom, .opn-edit-size-preview-padding.bottom, .opn-edit-size-preview-margin.bottom {
    position: absolute !important;
    bottom: -36px !important;
    left: calc( 50% - 20px) !important;
}

.opn-edit-size-preview-border.right, .opn-edit-size-preview-padding.right, .opn-edit-size-preview-margin.right {
    position: absolute !important;
    left: 102% !important;
    top: 44% !important;
}

.opn-edit-size-preview-border.left, .opn-edit-size-preview-padding.left, .opn-edit-size-preview-margin.left {
    position: absolute !important;
    top: 44% !important;
    left: calc(-2% - 40px) !important;
}

.opn_addStyle, .opn_addStyleImg {
    text-align: center;
    width: 15.8%;
    padding: 1%;
    margin: 0.3%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}


}
.opn_addStyle {
    padding: 12px;
    box-sizing: border-box;
}
.opn_addStyle:hover, .opn_addStyleImg:hover {
    cursor: pointer;
    /* border: 10px solid #aaa; */

    box-shadow: inset 0px 0px 0px 5px #aaa;
    transition: all 0.5s;
}
.opn_addStyle_plus {
    font-size: 400%;
    font-weight: bold;
    /* background-color: #eee; */

    color: #4c5866;
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/damier.png');
}
.opn_containerStyle_txt:hover .opn-del-style, .opn_containerStyle_txt:hover .opn-update-style, .opn_containerStyle_txt:hover .opn-duplicate-style {
    display: block;
}
.opn-del-style, .opn-update-style, .opn-duplicate-style{
    float: right;
    margin: 2%;
    position: relative;
    z-index: 10;
    text-align: center;
    color: #aaa;
    display: none;
}

.opn-del-gallery,
.opn-edit-gallery{
    float: right;
    color: #aaa;
    display: none;
	padding: 0 5px;
}

.opn-icon-select-gallery span{
	font-size: 25px;
}

.opn-update-style:hover, .opn-duplicate-style:hover {
    color: #555;
    cursor: pointer;
}

.opn-del-style:hover,
.opn-del-gallery:hover {
    color: #f00;
    cursor: pointer;
}

.opn-edit-style:hover,
.opn-edit-gallery:hover {
	color: #555;
    cursor: pointer;
}

#styleDialogToolbar {
    overflow: auto;
}

.loading-duplicate {
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/spinner.gif');
    background-repeat: no-repeat;
    background-position: center center;
    height: 180px;
}

.opn-loading-del-gallery {
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/spinner.gif');
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
}

.shadow-options {
    margin: 20px 0 0 20px;
}
.opn_container_bsoptions {
    float: left;
    text-align: center;
    margin: 2% 7% 0 0;
}
.boxShadowStyleOptions {
    overflow: auto;
}
.input-edit-style {
    width: 50px;
    height: 25px;
    text-align: center;
    padding: 0 !important;
    font-size: 15px !important;
    color: #888;
    background-color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.opn-border-separation {
    /*
	border-left:1px solid #aaa;
	float:left;
	*/

    border-left: 1px solid #aaa;
    position: absolute;
    left: 50%;
}
.opn_visual_nostyle {
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    padding: 0px;
}
.opn_visual_imgnostyle {
    border: none!important;
    background-color: transparent !important;
    padding: 0!important;
    box-shadow: none!important;
}

/* END STYLE EDITOR */

/* ANIMATION EDITOR */
.opn_containerAnimation img {
    z-index: -1;
    position: relative;
    top: 0px;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    padding: 10px 0;
    display: block;
}
.opn_containerAnimation {
    border: 1px solid #ddd;
    margin: 5%;
    height: 70px;
    /*150px;*/

    overflow: hidden;
    perspective: 800px;
}
.opn_containerAnimation:hover {
    box-shadow: inset 0 0 0 5px #aaa;
    transition: all 0.5s;
    cursor: pointer;
}
.opn_containerAnimation.active {
    box-shadow: inset 0 0 0 5px #76C5EB;
    transition: all 0.5s;
}
.opn-title-animation {
    text-align: center;
    margin: 0 0 20px 0;
    font-weight: 400;
    font-family: "open sans";
    font-size: 12px;
}
.opn-animation-content {
    width: 50%;
    height: 30px;
    background-color: #00BDDD;
    margin: 20px auto;
    position: relative;
    transform-origin: center;
}
.opn_blockAnimation {
    float: left;
    width: 25%;
    /*overflow:hidden;*/
}

/* TG Fais disparaître les opn_content quand on click dessus*/

/*
body:not(.body-editor) [class*="opn_anim"]:not(.opn_anim_parallax) {
visibility:hidden;
}
*/

@media only screen and (min-device-width: 1025px) {
	html.sr body:not([class*="opn-res"]):not(.body-editor) [class*="opn_anim"]:not(.opn_anim_parallax) {
		visibility: hidden;
	}
}

html.sr body:not([class*="opn-res"]):not(.body-editor) [class*="opn_anim"]:not(.opn_anim_parallax)[data-animname="zoom"],
html.sr body:not([class*="opn-res"]):not(.body-editor) [class*="opn_anim"]:not(.opn_anim_parallax)[data-animway="inverse"]{
	visibility: visible;
}

/* pour avoir une perspective coller en bottom*/
.opn_anim-3d {
    transform-origin: 0 100% 0;
}

/* END ANIMATION EDITOR */

/* Pas d'overflow:hidden car sinon les ombres sont coupées */
.opn_finalContent {
    /*display:table-cell;*/
    position: relative;
    /*overflow:auto;*/ /*ne pas mettre ! car on dois voir les ombres*/
    /*height: 100%;*/  /*09/10/2018*/
    max-width: 100%;
	width:100%; /*le 09/10/2018*/
}

/*04/01/2019 car pour les dbview avec obj opn-absolute, il faut que le finalcontent fasse une hauteuir de 100% pour caler les obj en bottom 0 si on veux le faire*/
.opn_dbviewContent .opn_dbviewer_line > .opn_content > .opn_textContent > .opn_finalContent {
	height:100%;
}

/*04/01/2019 car pour les dbview avec obj opn-absolute, il faut que le finalcontent fasse une hauteuir de 100% pour caler les obj en bottom 0 si on veux le faire*/
html.opn-visual-editor #opn-content > .opn_content > .opn_textContent > .opn_finalContent {
	height:100%;
}

/*En commmentaire car ne marche pas. */

/*.opn_imgContent .opn_finalContent{
border:2px solid #ddd;
padding:2px;
}*/
body:not(.body-editor) .opn_listContent {
    height: auto !important;
    /*besoin pour ouverture des accordeon*/
}
.opn-content-editor .opn_textContent .widget {
    /*opacity:	0.3;*/
}
#opn_ifr {
    border: none;
}
#widget-form {
    overflow: auto !important;
    /*height: 500px!important;*/
	/*PL le 210/07/2017 pour refonte des dialogues*/
}
#widget-form th {
    text-align: left;
}

/* -------------- Admin Widget --------------------- */
select {
    /*margin :0;*/

    margin: 0;
    padding: 5px;
    color: #666;
    background-color: #FFF;
}
.widefat {
    width: 96%;
}


.opn_edit, input:-webkit-autofill, input[type=text], input[type=password], textarea {
/*
    background: #eee;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    color: #888;
    padding: 5px 20px 5px 5px;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
*/
}

}
input[type=text]:focus, textarea:focus {
    color: #373737;
}
Label[role=button] {
    /*
	height:24px !important;
	width:28px !important;
	padding:4px 0 0 0;
	*/
}
.opn-toolbar-floatingsize {
    margin: 2px 2px 2px 2px;
    background:#fff!important;
    position:relative;
}
#toolbar-dialog input[type=text].opn-toolbar-floatingsizeval {
    width:60px;
    border-radius:0px;
    box-shadow:none;
    margin: -5px 0 0 5px;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
}
.opn-toolbar-floatingsizetxt {
    float:left;
    position:relative;
}
.opn-toolbar-floatingsizediv {
    float: right;
    /*margin: 10px;*/
    position:relative;
}
/*
#toolbar-dialog.opn-ui input[type=text] {
    border-radius: 0px;
    box-shadow: none;
    font-size:14px;
}
*/

.opn-ui input[disabled=disabled] {
    background-color: white !important;
    border: 1px dotted #bbb ! important;
    color: #bbb !important;
}

#toolbar-dialog.opn-ui input[type=text].little {
    border-radius: 0px;
    box-shadow: none;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}
#toolbar-dialog input[type=text].opn-toolbar-alignleft {
    width: 60px;
    margin: -5px 0 0 36px;
}
.opn-toolbar-alignlefttxt {
    float:left;
    position:relative;
}
.opn-toolbar-alignleft {
    float: right;
    margin: -5px 0px 0 7px;
    position:relative;
}
#WidgetDialog, #PodsDialog, #FormObjDialog {
    padding: 0 0 20px 0;
    width:0px;
    top:0 !important;
    left:0 !important;
    height:auto;
    position:static;
    border:none !important;
    border-left: 1px solid #ddd !important;
}
.podsDialog_Bloc, .Dialog_Bloc {
    margin: 10px 20px;
    padding: 5px;
    width:260px;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
}
.podsDialog_Bloc_Name {
    color: #AAA;
    font-style: italic;
}
.Dialog_Bloc_Label {
    text-align:center;
}
.Dialog_Bloc_Label_Img_Bouton {
    background-image: none;
    background-repeat: no-repeat;
    background-size: intial;
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
    cursor: pointer;
    margin: 10px;
}
.Dialog_Bloc_Label_Img_Zds {
    background-image: none;
    background-repeat: no-repeat;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
    cursor: pointer;
    margin: 10px;
}
.Dialog_Bloc_Label_Img_checkbox {
    background-image: none;
    background-repeat: no-repeat;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
    height: 35px;
    cursor: pointer;
    margin: 10px;
}
/*
.podsDialog_Bloc:hover,.Dialog_Bloc:hover {

margin: 10px 4px 0 10px;
padding: 2px;
cursor:pointer;

box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
*/
.podsDialog_Current, .Dialog_Current {
    background: #E4E3DF;
}
.widgetDialog_Bloc {
    margin:10px 20px;
    padding:5px;
    min-width:270px;
    right:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px#fff;
    box-shadow: inset 0 0 0 1px #fff;
    transition:all 0.5s;
    border-bottom:1px solid #ddd;
}
.podsDialog_Bloc:hover, .Dialog_Bloc:hover, .widgetDialog_Bloc:hover {
    margin: 10px 20px;
    padding: 5px;
    cursor:pointer;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-shadow: inset 0 0 0 3px #aaa;
    -webkit-box-shadow: inset 0 0 0 3px#aaa;
    box-shadow: inset 0 0 0 3px #aaa;
    transition:all 0.5s;
}
.widgetDialog_Bloc2 {
    width:170px;
    margin:5px 0 0 0;
}
.widgetDialog_Img {
    margin:0 10px 0 0;
}
.widgetDialog_Txt {
    line-height: 14px;
    font-family:"verdana";
    font-size:14px;
    font-weight:bold;
}
.Dialog_Desc {
    margin: 10px 0 0 0;
    line-height: 14px!important;
    color:#aaa;
    font-size:12px;
}

/* -------------  CONTENT DIALOG TOOLBAR ------ */
#contentDialogToolbar {
    overflow:auto !important;
}
.addContentDialog {
    position:fixed;
    overflow:initial;
}
.containerDialog {
    width:100%;
    height:95%;
}
.optionsAddButton {
    height:auto;
    margin-left:10px;
    display:none;
    float: right;
}

/*-------------- DIALOG EDITER CONTENU INTERNE ------------ */

#ContentEditor p.description.pods-form-ui-comment {
    font-size: 14px;
    font-style: italic;
    /* margin: -13px 0 0; */
    margin: 0; /* BK__ 05.2020 FEB2 formulaire "editer le contenu" */
}

#ContentEditor .opn-ui .pods-radio .pods-field.pods-boolean {
    padding: 10px 0;
}

#ContentEditor .opn-ui .pods-field{
	/*border-top:1px solid #eee;*/
	padding:0;
}

#ContentEditor .opn-ui .pods-pick .pods-field{
	border-top:1px solid #eee;
	padding:10px 0;
	
}
/*
#ContentEditor .opn-ui .pods-field-input{
	margin: 10px 0 20px 0;
}
*/

/*
#ContentEditor .opn-ui .pods-field:nth-child(even){
	background-color : #f1f1f1;
}
*/

/* #ContentEditor .opn-ui .pods-form-ui-row-type-file{ */
	/* height:95px; */
/* } */




/*-------------- DATE PICKER ------------ */


 .opn-ui .ui-datepicker-prev,  .opn-ui .ui-datepicker-next{
	 display:none;
 }

.opn-ui.ui-datepicker{
 border:1px solid #4C5866 !important;
 border-radius:0px !important;
 box-shadow:none ! important;
}

.opn-ui .ui-datepicker-header{
    background: #fff !important;
    border-radius: 0px !important;
    border: 0px !important;
    padding:0em !important;
}

.opn-ui .ui-datepicker-calendar .ui-state-default.ui-state-hover{
 font-weight:normal !important;
 border-radius:0px !important;
 text-shadow:0 0 0 !important;
 color:#555 !important;
}

.opn-ui .ui-datepicker-calendar .ui-state-default.ui-state-active{
 font-weight:normal !important;
 background:#4C5866 !important;
 border-radius:0px !important;
 text-shadow:0 0 0 !important;
 color:#fff !important;
}

.opn-ui .ui-datepicker-calendar .ui-datepicker-today .ui-state-default{
 border:1px solid #4C5866 !important;
 border-radius:0px !important;

 }

.opn-ui .ui-datepicker-calendar .ui-state-default{
    background: none !important;
    color: #4c5866 !important;
    text-align: center;
    border: 1px solid #fff !important;
    transition: all 0s;
}

.opn-ui .ui-datepicker-calendar .ui-state-default:hover{
	background-color: #4c5866 !important;
	border-radius: 0px !important;
	color: #fff !important;
	transition: all 0s;
}

.opn-ui .ui-datepicker-calendar th{
	color:#a8b3bf;
}

.opn-ui .ui-datepicker-buttonpane{
	border:0px !important;
}

.opn-ui button.ui-datepicker-current {
	display:none;
}

.opn-ui button.ui-datepicker-close {
    background: #7B8EA5 !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-family: "open sans" !important;
    font-weight: 400 !important;
}


.opn-ui .ui-datepicker .ui-datepicker-title{
font-size: 15px !important;
    margin: 0 !important;
    font-family: "open sans" !important;
    color: #4c5969;
    text-shadow: none !important;
    background: #fff !important;
}

.opn-ui .ui-datepicker .ui-datepicker-prev span{
 background-image:url('/site/theme/images/form3.png') !important;
     background-position: -5px -459px !important; /*428*/
	 cursor:pointer;
}

.opn-ui .ui-datepicker .ui-datepicker-prev span:hover{
 background-image:url('/site/theme/images/form3.png') !important;
     background-position: -5px -428px !important; /*428*/
}


.opn-ui .ui-datepicker .ui-datepicker-next span{
	background-image:url('/site/theme/images/form3.png') !important;
	background-position: -8px -396px !important; /*366*/
	cursor:pointer;
}

.opn-ui .ui-datepicker .ui-datepicker-next span:hover{
	background-image:url('/site/theme/images/form3.png') !important;
	background-position: -8px -366px !important; /*366*/
}

.opn-ui .ui-datepicker-year,.opn-ui .ui-datepicker-month{
    width: 100% !important;
    background-color: #4c5866;
    color: #fff;
    font-family: "open sans" !important;
    cursor: pointer;
}

.opn-ui .ui-datepicker option{
	background-color:#fff;
	color:#4c5866;
}

.opn-ui dt.ui_tpicker_time_label {
    display: none;
}

.opn-ui .ui_tpicker_time_input{
	border-bottom:0px !important;
}

.opn-ui .ui-timepicker-div dl{
	margin:0;
	font-family:"open sans";
}

.opn-ui .ui-timepicker-div dl dt{
	font-weight:400 !important;
	padding:0 0 0 10px;
}

.opn-ui .ui-timepicker-div .ui-widget-header{
	border:0px !important;
}

.opn-ui .ui-timepicker-div dl dd{
	    margin: 0px 10px 20px 90px !important;
}

.opn-ui .ui-timepicker-div dl dt {
    position: relative;
    top: -12px;
}

.opn-ui .ui-datepicker .ui-slider-horizontal {
    height: 1px !important;
    border: none !important;
    border-bottom: 2px solid #ddd !important;
    background: #ddd !important;
    width: 100%;
	top:0px !important;
}

.opn-ui .ui_tpicker_hour_slider span.ui-slider-handle, .opn-ui .ui_tpicker_minute_slider span.ui-slider-handle,.opn-ui .ui_tpicker_second_slider span.ui-slider-handle {
    width: 15px !important;
    height: 15px !important;
    border-radius: 100%;
	padding:0;
    top: -7px !important;
	cursor: pointer !important;
}

/* -------------  CONTENT DIALOG ------ */
#ContentDialog, #DraftDialog, #GalleryDialog {
    padding: 0 0 10px 0;
    position:fixed !important;
}

/* -------------  LOGIN  DIALOG  ------ */

#LoginDialog {
    z-index: 40003;
    position:fixed;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    background:rgba(0, 0, 0, 0.5);
}

#LoginDialogFen {
    position: relative;
    height: auto;
    width: 30%;
    min-width: 320px;
    margin: 0 auto;
/*     -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
 */
    font-size: 16px;
    font-family: "open sans";
    font-weight: 400;

}
#LoginDialogFen #login-site-logo {
    z-index: 6;
    position: relative;
    top: 0px;
    left: 0px;
    width:auto;
    text-align: center;
    height:auto;
    padding:20px;
    margin: 0;
    float: none;
}
#LoginDialogFen #login-site-logo img {
    max-width: 100%;
    max-height: 100%;
}
#LoginDialogFen .titlebar {
	position: relative;
	border: none;
	padding: 0px 0 0px 20px;
	height: 50px;
	line-height: 50px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #f4f4f4;
	font-size: 20px;
	font-weight: 100;
}
#LoginDialogFen .titlebar-close {
position: absolute;
    right: 0;
	top:0;
	cursor:pointer;
    width: 16px;
    padding: 0;
    height: 50px;
    width: 50px;
    background-color: #4c5866;
	transition: all 0.5s;
}
#LoginDialogFen .titlebar-close:hover {
	background-color:#cc0000;
	transition: all 0.5s;
}

#LoginDialogFen .titlebar-close:after {
	content: "\f335";
	font-family: dashicons;
	font-size: 20px;
	color: #fff;
	left: calc(100% - 35px);
	position: relative;
}

#LoginDialogFen a.titlebar-close{
	text-decoration:none;
}

#LoginDialogFen .content {
    position:relative;
    background-color:#fff;
    overflow:hidden;
    width: auto;
    min-height: 0px;
    height: auto;

}
#LoginDialogFen #my-user-login {
    width:100%;
    margin:0 0 10px 0;
}
#LoginDialogFen #my-user-pass {
    width:100%;
    margin: 0 0 10px 0;
}
#LoginDialogFen .remember {
    margin:0 0 10px 0;
}
#LoginDialogFen .forget {
       margin:0 0 10px 0;
}

#LoginDialogFen #message{
	background-color: #cc0000;
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
	color: #fff !important;
}

#LoginDialogFen label:before {
	/*
	top: 4px;
	left:-2px;
	width: 14px;
	height: 14px;
	*/
}

#LoginDialogFen label:after {
    /*
	top: 8px;
	left: 2px;
    border: 5px solid #4c5866;
*/
}

#LoginDialogFen .content-form {
    padding: 0 30px;
}

#LoginDialogFen .lost a{
	color:#727272;
	text-decoration:none;
}

#LoginDialogFen .lost a:hover{
	color:#000 !important;
}


#LoginDialogFen .lost {
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #f4f4f4;
    border-top: 1px solid #ddd;
    margin: 30px 0 0 0;
}

#LoginDialogFen input[type="submit"] {
	font-size:16px;
	color: white !important;
	border: none;
	text-align:center;
	height:50px;
	display:block;
	width:100%;
	cursor: pointer;
	border-radius: 0px;
	background: #4C5866 !important;
	font-family: "open sans";
	font-weight: 100;
	margin:0;
	letter-spacing:0.3em;
}

#LoginDialogFen #login-result {
	position: absolute;
	bottom: 0px;
	/* left: 50%; */
	background-color: #fff;
	/* display: none; */
	width: 100%;
	text-align: center;
	line-height: 140px;
	height: 120px;
}

#LoginDialogFen #login-result img {
	height: 90px;
	margin-top: 15px;
}

.opn-ui *:focus {
	outline:0;
	border-color:#ccc;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.opn-ui.wp-admin select {
    padding: 2px;
    line-height: 38px;
    height: 38px;
}

.opn-ui #timestampdiv select {
    height: 38px;
    line-height: 38px;
    padding: 2px;
    vertical-align: middle;
    font-size: 14px;
}

/*couleur de fond des dialog wp dans le front d'opensite*/
/*body.opn-ui.wp-core-ui {*/
body.opn-ui {
	background-color:#fff;
}

/* .opn-ui.wp-core-ui #edit-slug-box .cancel{ */
.opn-ui #edit-slug-box .cancel{
clear: both;
    min-width: 100px;
    font-size: 15px;
    width: auto;
    color: #ffffff !important;
    padding: 10px 20px;
    border: none;
    text-align: center;
    font-weight: 100;
    cursor: pointer;
    border-radius: 0px;
    background: rgb(204, 155, 155);
    line-height: 1;
    /* vertical-align: middle; */
    text-decoration: none;
    position: relative;
    top: -1px;
    transition: all 0.5s;
    height: 38px;
}

/* .opn-ui.wp-core-ui .button-cancel{ */
.opn-ui .button-cancel{
clear: both;
    min-width: 100px;
    font-size: 14px;
    width: auto;
    color: #ffffff !important;
    padding: 10px 20px;
    border: none;
    text-align: center;
    font-weight: 100;
    cursor: pointer;
    border-radius: 0px;
    background: rgb(204, 155, 155);
    line-height: 1;
    /* vertical-align: middle; */
    text-decoration: none;
    position: relative;
    top: 2px;
	transition: all 0.5s;
}

.opn-ui .button-cancel:hover,
.opn-ui #edit-slug-box .cancel:hover{
	background-color:#cc0000;
	transition: all 0.5s;
}

.opn-ui .button:not(.wp-picker-clear):not(.thickbox):not(.add_media):not(.wp-color-result), .opn-ui .button-secondary:not(.thickbox):not(.add_media),
.opn_button, #opn-submit, .opn_img_sample button[class="rewriteButton"]{
    clear:both;
    min-width:100px;
    font-size:15px;
    width: auto;
    color: white !important;
    padding: 10px 20px;
    border: none;
    text-align:center;
    font-weight: 100;
    cursor: pointer;
    border-radius: 0px;
    background: #7b8ea5 !important;
    height:auto; /*enlever pour les boutons ajouter image dans panel*/
    line-height:1;
	box-shadow:none;
	text-shadow:none;
}

.opn-ui .wp-picker-clear{
	display:block;
}

.opn-ui input.button.button-small.wp-picker-clear {
    background: #ffffff00;
    border: none;
    text-indent: -999999999px;
    width: 30px;
    /* height: 25px; */
    position: relative;
    margin-right: 36px;
    margin-top: -22px;
    right: calc(-100% + 35px);
    z-index: 3;
	cursor:pointer;
}

.pods-field-input .wp-picker-input-wrap:after {
   display: none !important;
}

body.body-editor .wp-picker-input-wrap:after {
   display: block;
}


.opn-ui span.wp-picker-input-wrap:after {
    content: "\f014";
    font-family: FontAwesome;
    font-size: 17px;
    padding: 0;
    font-weight: 500;
    position: relative;
    right: calc(-100% + 20px);
    /* margin-top: -22px; */
	top:-19px;
    z-index: 0;
	display:block !important;
}
/*
 .wp-picker-input-wrap label, .wp-picker-open+.wp-picker-input-wrap{ 
	 height:32px; 
 } 
*/
.opn-ui span.wp-picker-input-wrap:after:hover{
	color:#c00;
}

.opn-ui.wp-core-ui .button-secondary:focus, .opn-ui.wp-core-ui .button-secondary:hover, .opn-ui.wp-core-ui .button.focus, .opn-ui.wp-core-ui .button.hover, .opn-ui.wp-core-ui .button:focus, .opn-ui.wp-core-ui .button:hover{
	background:initial;
	border:none;
	color:initial;
}

.opn_button_circle {
	width: 40px;
	margin:0 auto;
	height: 40px;
	border-radius: 100%;
	padding: 0;
	line-height: 40px;
	min-width: 0;
	background-color: #ffa037;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 30px;
	transition:all 0.5s;
	 cursor: pointer;
	box-shadow: 2px 2px 6px #aaa;
}

.saveImgButton {
    margin:0!important;
}

.opn-ui .button:not(.wp-picker-clear):not(.thickbox):not(.add_media):not(.wp-color-result):hover,
.opn-ui .button-secondary:not(.thickbox):not(.add_media):hover,
.opn_button_circle:hover,
.opn_button:hover,
#opn-submit:hover,
.opn_img_sample button:not(.img-editor-icon):hover, #LoginDialogFen input[type="submit"]:hover {

	background: #007b10 ! important;
	text-decoration:none ! important;
	transition:all 0.5s
}

.opn_button.active{
	background: #76C5EB ! important;
	transition:all 0.5s	
}

.widgetDialog_Current {
    background: #E4E3DF;
}
#opn_outzone {
    background-color:rgba(255, 0, 0, 0.5);
    pointer-events:none;
    z-index:2000;
}
#opn_code_errors {
    width:99%;
    overflow:auto;
    border:1px dashed red;
    font-size:7px;
    height:100px;
    background-color: #CFF;
}
.opn_img_sample {
    font-family: Arial, sans-serif;
    font-size:12px;
}
.opn_img_sample_img {
    /*  Philippe le 31/01/2013  car plus utile sans les options de resize que l'on a viré
	border:1px solid #ddd;
	padding:5px;
	width:99%;
	height:200px;
	*/
    opacity:0;
}
.opn_img_sample_title {
    /*display:inline;*/
    height: 30px;
}
.opn_urlfield {
    width:100%;
}

/*  CSS des format d'image */
.opn_img_zoom_1:not([data-background])/* Sans déformation */
{
    zoom:8;
    width: auto !important;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.opn_img_zoom_2:not([data-background])/* Avec déformation */
{
    height: 100%;
    width: 100%;
}
.opn_img_zoom_3:not([data-background])/* Full Size */
{

}
#ie .opn_img_zoom_4:not([data-background])/* Sans déformation Max 100% */
/*#ie car cette classe est unique sur le front page et ne se retrouve pas dans les dialogues OPN*/
{
    width: auto !important;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    box-sizing:border-box;
    line-height:0px;
    display:block ! important;
}
.opn_img_sample_img .opn_img_zoom_4:not([data-background])/* Sans déformation Max 100% */
{
    /* width: auto !important;*/
    height: auto;
    /* max-height: 100%;
	max-width: 100%;*/
}

img.opn-img-background{
    width: 100% !important;
    height: 100% !important;
}

.opn_imgContent>.opn_finalContent {
    overflow:visible !important;
}
.opn_imgContent {
    overflow:visible !important;
}
/*PL le 03/04/2019  car sinon imposible de mettre margin et passing dans un elem d'un dbview fait avec le builder de dbview*/
/*
.opn_dbviewContent .opn_textContent {
    margin: 0px;
    padding:0px;
}
*/
.opn_dbviewContent img {
    max-height: 100%;
    margin: auto;
    display: block;
}
.codemirror {
	border:none;
}

.paramqueryeudonet .codemirror {
    border:1px solid #ddd;
}

[balign~="center"] {
    margin: 0 auto;
}

body.opn-res-1 #opn-subcontent[balign-res-1="center"],
body.opn-res-2 #opn-subcontent[balign-res-2="center"],
body.opn-res-3 #opn-subcontent[balign-res-3="center"],
body.opn-res-4 #opn-subcontent[balign-res-4="center"],
body.opn-res-5 #opn-subcontent[balign-res-5="center"],
body.opn-res-6 #opn-subcontent[balign-res-6="center"]{
    margin: 0 auto;
}

[balign~="left"] {
    margin: 0;
}

body.opn-res-1 #opn-subcontent[balign-res-1="left"],
body.opn-res-2 #opn-subcontent[balign-res-2="left"],
body.opn-res-3 #opn-subcontent[balign-res-3="left"],
body.opn-res-4 #opn-subcontent[balign-res-4="left"],
body.opn-res-5 #opn-subcontent[balign-res-5="left"],
body.opn-res-6 #opn-subcontent[balign-res-6="left"]{
    margin: 0;
}

[balign~="right"] {
    margin: 0 0 0 auto ;
}

body.opn-res-1 #opn-subcontent[balign-res-1="right"],
body.opn-res-2 #opn-subcontent[balign-res-2="right"],
body.opn-res-3 #opn-subcontent[balign-res-3="right"],
body.opn-res-4 #opn-subcontent[balign-res-4="right"],
body.opn-res-5 #opn-subcontent[balign-res-5="right"],
body.opn-res-6 #opn-subcontent[balign-res-6="right"]{
    margin: 0 0 0 auto ;
}

.opn_finalContent[HAlign=center] hr {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

body.opn-res-1 .opn_finalContent[HAlign-res-1="center"] hr,
body.opn-res-2 .opn_finalContent[HAlign-res-2="center"] hr,
body.opn-res-3 .opn_finalContent[HAlign-res-3="center"] hr,
body.opn-res-4 .opn_finalContent[HAlign-res-4="center"] hr,
body.opn-res-5 .opn_finalContent[HAlign-res-5="center"] hr,
body.opn-res-6 .opn_finalContent[HAlign-res-6="center"] hr{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.opn_finalContent[HAlign=left] hr {
    margin-left:0;
    margin-right:0;
}

body.opn-res-1 .opn_finalContent[HAlign-res-1="left"] hr,
body.opn-res-2 .opn_finalContent[HAlign-res-2="left"] hr,
body.opn-res-3 .opn_finalContent[HAlign-res-3="left"] hr,
body.opn-res-4 .opn_finalContent[HAlign-res-4="left"] hr,
body.opn-res-5 .opn_finalContent[HAlign-res-5="left"] hr,
body.opn-res-6 .opn_finalContent[HAlign-res-6="left"] hr{
    margin-left:0;
    margin-right:0;
}

.opn_finalContent[HAlign=right] hr {
    text-align:right;
    margin-left:auto;
    margin-right:0;
}

body.opn-res-1 .opn_finalContent[HAlign-res-1="right"] hr,
body.opn-res-2 .opn_finalContent[HAlign-res-2="right"] hr,
body.opn-res-3 .opn_finalContent[HAlign-res-3="right"] hr,
body.opn-res-4 .opn_finalContent[HAlign-res-4="right"] hr,
body.opn-res-5 .opn_finalContent[HAlign-res-5="right"] hr,
body.opn-res-6 .opn_finalContent[HAlign-res-6="right"] hr{
    text-align:right;
    margin-left:auto;
    margin-right:0;
}


.opn_finalContent[HAlign=justify] hr {
    width:100%
}

body.opn-res-1 .opn_finalContent[HAlign-res-1="justify"] hr,
body.opn-res-2 .opn_finalContent[HAlign-res-2="justify"] hr,
body.opn-res-3 .opn_finalContent[HAlign-res-3="justify"] hr,
body.opn-res-4 .opn_finalContent[HAlign-res-4="justify"] hr,
body.opn-res-5 .opn_finalContent[HAlign-res-5="justify"] hr,
body.opn-res-6 .opn_finalContent[HAlign-res-6="justify"] hr{
    width:100%
}

.opn_finalContent img:not(.waiting):not(.loading-formulaire)  {
    /*float:left;*/
    /*display:inline-block;*/
}

.opn_finalContent[HAlign=left] {
    text-align:left;
}

/* .opn_finalContent[HAlign=left] .opn-dbview-images{ */
	/* text-align:left; */
/* } */


body.opn-res-1 .opn_finalContent[HAlign-res-1="left"],
body.opn-res-2 .opn_finalContent[HAlign-res-2="left"],
body.opn-res-3 .opn_finalContent[HAlign-res-3="left"],
body.opn-res-4 .opn_finalContent[HAlign-res-4="left"],
body.opn-res-5 .opn_finalContent[HAlign-res-5="left"],
body.opn-res-6 .opn_finalContent[HAlign-res-6="left"] {
    text-align:left;
}

.opn_finalContent[HAlign=left] img {
    text-align:left;
}

body.opn-res-1 .opn_finalContent[HAlign-res-1="left"] img,
body.opn-res-2 .opn_finalContent[HAlign-res-2="left"] img,
body.opn-res-3 .opn_finalContent[HAlign-res-3="left"] img,
body.opn-res-4 .opn_finalContent[HAlign-res-4="left"] img,
body.opn-res-5 .opn_finalContent[HAlign-res-5="left"] img,
body.opn-res-6 .opn_finalContent[HAlign-res-6="left"] img{
    text-align:left;
}

.opn_finalContent[HAlign=right] {
    text-align:right;
    margin-left:auto;
}

/* .opn_finalContent[HAlign=right] .opn-dbview-images{ */
	/* text-align:right; */
/* } */

body.opn-res-1 .opn_finalContent[HAlign-res-1="right"],
body.opn-res-2 .opn_finalContent[HAlign-res-2="right"],
body.opn-res-3 .opn_finalContent[HAlign-res-3="right"],
body.opn-res-4 .opn_finalContent[HAlign-res-4="right"],
body.opn-res-5 .opn_finalContent[HAlign-res-5="right"],
body.opn-res-6 .opn_finalContent[HAlign-res-6="right"] {
    text-align:right;
    margin-left:auto;
}

.opn_finalContent[HAlign=right] img:not(.waiting) {
    float:right !important;
    display:inline-block !important;
}

body.opn-res-1 .opn_finalContent[HAlign-res-1="right"] img:not(.waiting),
body.opn-res-2 .opn_finalContent[HAlign-res-2="right"] img:not(.waiting),
body.opn-res-3 .opn_finalContent[HAlign-res-3="right"] img:not(.waiting),
body.opn-res-4 .opn_finalContent[HAlign-res-4="right"] img:not(.waiting),
body.opn-res-5 .opn_finalContent[HAlign-res-5="right"] img:not(.waiting),
body.opn-res-6 .opn_finalContent[HAlign-res-6="right"] img:not(.waiting){
    float:right !important;
    display:inline-block !important;
}

.opn_finalContent[HAlign=right] img.opn-gallery-img,
.opn_finalContent img.opn-gallery-img {
    float:none !important;
    display:inline-block !important;
}

body.opn-res-1 .opn_finalContent[HAlign-res-1="right"]  img.opn-gallery-img,
body.opn-res-2 .opn_finalContent[HAlign-res-2="right"]  img.opn-gallery-img,
body.opn-res-3 .opn_finalContent[HAlign-res-3="right"]  img.opn-gallery-img,
body.opn-res-4 .opn_finalContent[HAlign-res-4="right"]  img.opn-gallery-img,
body.opn-res-5 .opn_finalContent[HAlign-res-5="right"]  img.opn-gallery-img,
body.opn-res-6 .opn_finalContent[HAlign-res-6="right"] img.opn-gallery-img{
    float:right !important;
    display:inline-block !important;
}



.opn_finalContent[HAlign=center] {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

/* opn_finalContent[HAlign=center] .opn-dbview-images{ */
	/* text-align:center; */
/* } */


body.opn-res-1 .opn_finalContent[HAlign-res-1="center"],
body.opn-res-2 .opn_finalContent[HAlign-res-2="center"],
body.opn-res-3 .opn_finalContent[HAlign-res-3="center"],
body.opn-res-4 .opn_finalContent[HAlign-res-4="center"],
body.opn-res-5 .opn_finalContent[HAlign-res-5="center"],
body.opn-res-6 .opn_finalContent[HAlign-res-6="center"] {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.opn_finalContent[HAlign=center] img {
    margin-left:auto;
    margin-right:auto;
    float:none !important;
    display:block;
}

.opn_finalContent[HAlign=center] img:not(.waiting) {
    margin-left:auto;
    margin-right:auto;
    float:none !important;
    display:block;
}

body.opn-res-1 .opn_finalContent[HAlign-res-1="center"] img,
body.opn-res-2 .opn_finalContent[HAlign-res-2="center"] img,
body.opn-res-3 .opn_finalContent[HAlign-res-3="center"] img,
body.opn-res-4 .opn_finalContent[HAlign-res-4="center"] img,
body.opn-res-5 .opn_finalContent[HAlign-res-5="center"] img,
body.opn-res-6 .opn_finalContent[HAlign-res-6="center"] img{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.opn_txtareaContent .opn_finalContent[HAlign=center] img {
	display:inline-block;
}

body.opn-res-1 .opn_txtareaContent .opn_finalContent[HAlign-res-1="center"] img,
body.opn-res-2 .opn_txtareaContent .opn_finalContent[HAlign-res-2="center"] img,
body.opn-res-3 .opn_txtareaContent .opn_finalContent[HAlign-res-3="center"] img,
body.opn-res-4 .opn_txtareaContent .opn_finalContent[HAlign-res-4="center"] img,
body.opn-res-5 .opn_txtareaContent .opn_finalContent[HAlign-res-5="center"] img,
body.opn-res-6 .opn_txtareaContent .opn_finalContent[HAlign-res-6="center"] img{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}


.opn_finalContent[HAlign=justify] {
    text-align:justify;
}

body.opn-res-1 .opn_finalContent[HAlign-res-1="justify"],
body.opn-res-2 .opn_finalContent[HAlign-res-2="justify"],
body.opn-res-3 .opn_finalContent[HAlign-res-3="justify"],
body.opn-res-4 .opn_finalContent[HAlign-res-4="justify"],
body.opn-res-5 .opn_finalContent[HAlign-res-5="justify"],
body.opn-res-6 .opn_finalContent[HAlign-res-6="justify"] {
    text-align:justify;
}


.opn_finalContent[VAlign=middle] {
	vertical-align: middle;
	margin-top:auto;
	margin-bottom:auto;
}

body.opn-res-1 .opn_finalContent[VAlign-res-1="middle"],
body.opn-res-2 .opn_finalContent[VAlign-res-2="middle"],
body.opn-res-3 .opn_finalContent[VAlign-res-3="middle"],
body.opn-res-4 .opn_finalContent[VAlign-res-4="middle"],
body.opn-res-5 .opn_finalContent[VAlign-res-5="middle"],
body.opn-res-6 .opn_finalContent[VAlign-res-6="middle"] {
    vertical-align: middle;
	margin-top:auto;
	margin-bottom:auto;
	
}


.opn_finalContent[VAlign=top] {
    vertical-align: top;
}

body.opn-res-1 .opn_finalContent[VAlign-res-1="top"],
body.opn-res-2 .opn_finalContent[VAlign-res-2="top"],
body.opn-res-3 .opn_finalContent[VAlign-res-3="top"],
body.opn-res-4 .opn_finalContent[VAlign-res-4="top"],
body.opn-res-5 .opn_finalContent[VAlign-res-5="top"],
body.opn-res-6 .opn_finalContent[VAlign-res-6="top"] {
    vertical-align: middle;
}


.opn_finalContent[VAlign=bottom] {
    vertical-align: bottom;
	margin-top:auto;
}

body.opn-res-1 .opn_finalContent[VAlign-res-1="bottom"],
body.opn-res-2 .opn_finalContent[VAlign-res-2="bottom"],
body.opn-res-3 .opn_finalContent[VAlign-res-3="bottom"],
body.opn-res-4 .opn_finalContent[VAlign-res-4="bottom"],
body.opn-res-5 .opn_finalContent[VAlign-res-5="bottom"],
body.opn-res-6 .opn_finalContent[VAlign-res-6="bottom"] {
    vertical-align: bottom;
	margin-top:auto;
}

.galerie-image-clic-zoom{
	display:none !important;
}


.mix-pagination,
.opn-pagination:not(.opn-pagination-pointille) {
	float: left;
	cursor: pointer;
}

.opn-pagination.opn-pagination-pointille {
    background: transparent!important;
    color: #000!important;
}

.opn-gallery .div-opn-pagination{
	display:inline-block;
}

[halign~="justify"] .opn-gallery .div-opn-pagination,
[halign~="center"] .opn-gallery .div-opn-pagination{
	margin:0 auto;
}

[halign~="left"] .opn-gallery .div-opn-pagination{
	float:left;
}
[halign~="right"] .opn-gallery .div-opn-pagination{
	float:right;
}

.body-editor .opn_formContent form:after{
	content:"Formulaire";
	top: -20px;
    right: 0px;
    background-color: rgba(191, 175, 255, 1);
    color: #fff;
    position: absolute;
    padding: 3px 10px;
   border-top-left-radius:7px;
   border-top-right-radius:7px;
   font-size:12px;
}

.body-editor .opn_formContent.opn_closest_fenhover form:after{
	content:"Formulaire";
	top: -20px;
    right: -0px;
    background-color: rgba(41, 206, 206, 1);
    color: #fff;
    position: absolute;
    padding: 3px 10px;
	   border-top-left-radius:7px;
   border-top-right-radius:7px;
	transition:all 0.5s;
}

.body-editor .opn_formContent:not(.opn_closest_fenhover) form:before{
	content:"";
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(191, 175, 255, 0.8);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(191, 175, 255, 0.8);
	box-shadow: inset 0px 0px 0px 3px rgba(191, 175, 255, 0.8);
	transition: all 0.5s ease;
	width: calc(100% + 0px);/*12*/
	height: calc(100% + 0px);
	top: -3px;/*-6px*/
	left:-0px;
	position: absolute;
}

.opn_textContent:not(.opn_formContent).opn_finalResize:after {
	content:"";
	-webkit-box-shadow: inset 0px 0px 0px 4px rgba(125, 125, 125, 0.8);
	-moz-box-shadow: inset 0px 0px 0px 4px rgba(125, 125, 125, 0.8);
	box-shadow: inset 0px 0px 0px 4px rgba(125, 125, 125, 0.8);
	transition: all 0.5s ease;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	position: absolute;
	z-index:45;
}

.opn_textContentDebug {
    border:1px dotted red;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.opn_dbviewer_line {
	float:left;
	background-color:transparent;
	width:100%;
	margin-bottom:-0.25em; /*Pour le bug css de inline-block qui ajoute de l'espace en bas du bloc */
}

.opn-dbview-images .opn-dbview-item{
	display:inline-block;
}

/*
.opn_dbviewer_line > .opn_content{
	margin-bottom:-0.25em;
}
*/

.opn_dbviewer_loader {
    position: absolute;
    z-index: 1000;
    padding-top: 32px;
    width: 100%;
    height: 100%;
	min-height: 150px;
    background-color: rgba(255, 255, 255, 0.5);
    /*margin-left:32px;*/
}

#opn_dbviewer_browser_before {
    display: none !important;
}

/*scroll bar */
/*html ::-webkit-scrollbar-track,*/
body ::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

body #access ::-webkit-scrollbar {
    width: 0px;
}

/*html ::-webkit-scrollbar,*/
body ::-webkit-scrollbar {
    width: 7px;
    height:7px;
    background-color: #fff;
    border-radius:0px;
    margin:0 5px;
}
/*html ::-webkit-scrollbar-thumb,*/
body ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #4C5866;
}

/* ---------------------------------------------------------------- */
#toolbar-dialog {
    /*transition: all 1s;*/
   /* box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);*/
}
.opn_class_addother {
    top:30px;
}
.opn_resizedrag_in {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}
.opn_current_drop {
    /*background:rgba(255,255,255,0.2);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px dotted #f00;
	background:#eee;*/
    -webkit-box-shadow:inset 0px 0px 0px 5px rgba(125, 255, 125, 1);
    -moz-box-shadow:inset 0px 0px 0px 5px rgba(125, 255, 125, 1);
    box-shadow:inset 0px 0px 0px 5px rgba(125, 255, 125, 1);
    background-color:rgba(255, 255, 255, 0.5) ! important;
    background-image:url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png') ! important;
    transition: all 0.5s;
    visibility: visible !important;
}

.opn_textContent.opn_fenContent {
	overflow:visible ! important;
	padding: 0;
	margin:0;
}

html.opn-visual-editor [data-container="true"] > .opn_textContent.opn_fenContent {
height:inherit;
width:100%;
overflow: visible !important;
}

#opn-subcontent {
    /*  margin:0 0 0 -1px; */
    /*ici mettre margin moins la valeur mise en opn_textContent  ET on met -1px car opn-txtContent ayant une border de 1 px ce la decale le tout de 1px à droite*/
}
.opn-border-inside-used {
	opacity:0.3;
}

[data-container="true"] .opn-border-inside-used {
    opacity:1;
}

/*
.opn_content[data-container="true"] {
    perspective: 800px;
    perspective-origin: center 100%;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;	
}
*/

.opn-border-inside-used:after {
border: 1px dashed #555;
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
}

.opn_inmove {
  /*
    background-image:url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png');
    background-color:rgba(125, 125, 125,0.5);
*/
}

.opn_inmove .opn_textContent {
    /*transform:scale(0.5);*/
    transition:all 0.5s ease;
    opacity:0.8;
   background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/hachure.png');
}
.opn_behind_layer {
    /*opacity:0.3;*/
    /*background-color:rgba(0,0,0,1);*/
    /*transition:all 1s ease;*/
}

/* le fond noir sur outside fen*/

/*
.opn_behind_layer:before
{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
z-index:99;
}
*/

.pods-form .pods-validate-error-message{
	display:none;
}
.pods-form img.waiting {
    display: none;
    vertical-align: middle;
}
.opn_ColumnButtonClick {
    cursor:pointer;
}
.opn_active_click {
    cursor:pointer;
}
.ui-add-link {
    float: right;
    height:38px;
}
.addLink {
    background: #2ea2cc;
    border-color: #0074a2;
    -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    text-decoration: none;
    border-width: 1px;
    padding: 5px 10px;
    border-radius: 3px;
}
.opn_class_editDialog {
    /* margin: 0 0 50px 0; */
    /* position: fixed;
    top:10px!important; */ /* BK__ 10.07.2017 Empêche les dialog de se positionner en JS */
}
.disabledRadio {
    color: #D1D1D1;
}
.urlButtons {
    /*text-align: center;*/
margin:5px 0;
}
.urlButtons img {
    width: 16px;
    height: 16px;
}
.img-editor-icon:hover {
	background: #f4f4f4!important;
	/*border: 5px solid #ddd !important;*/
	box-shadow: inset 0px 0px 0px 5px #ddd !important;
}
.img-editor-icon {
	background: transparent;
	height:32px;
	/*border: 1px solid #ddd;*/
	box-shadow: inset 0px 0px 0px 1px #ddd !important;
}

.gallery-top img {
    cursor: inherit;
}
.gallery-thumbs {
    height: 100px !important;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.gallery-thumbs img {
    height: 100%;
    cursor: pointer!important;
}
.swiper-button-disabled {
    visibility: hidden;
}

.swiper-image-background,
.opn-gallery-background{
    height: 100%;
    background-size : cover;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-lazy-preloader:after{
	background: url('/site/plugins/opn_inlineeditor/opn_base/images/spinner.gif') center center no-repeat !important;
}

#post-body.columns-2 #side-sortables {
    min-height:50px!important
}
.hideContentToMove {
    opacity: 0;
}
.cursor-pointer {
    cursor: pointer;
}

.opn-hide-postbox{
    position: absolute !important;
    visibility: hidden;
    top: -100000px;
}

/* pour le rafraichissement JS du dbview */

/*.opn_textContent.opn_dbviewContent .swiper-container{
visibility: hidden;
}

.opn_textContent.opn_dbviewContent .opn_hide_on_finished{
display: none;
}*/

/* Champ caché dans la toolbar */
.opn-accordion-style .opn-field, .opn-accordion-style .opn-field-left, .opn-accordion-style .opn-field-right {
    display: none;
}
.opn-accordion-style .ico-right:not(.opn-tooltip) {
    display: none;
}
.opn-field-hauteur-bloc {
    display: block!important;
}
.opn-accordion-responsive {
    display: none;
}
.opn-accordion-administration {
    display: none;
}
.opn-field-css-libre {
    display: none;
}
.opn-accordion-animation .ico-right {
    display: none;
}

/**
 * CSS Libre
 */

.opn-edit-css{
    resize:vertical !important;
    margin-top:0px !important;
}


/**
 * Responsive element
 */

 .opn_input_responsive{
   float:left
 }

 .opn-resp-icon{
   float: right;
   text-align: right;
   padding : 5px;
   font-size: 20px;
   position: relative;
   bottom: 4px;
 }

 .opn-resp-icon:hover {
   background-color: #ddd;
   cursor: pointer;
 }

 .opn-resp-icon.active {
   background-color: #ddd;
 }

 #opn-resp-icon-tablet {
   margin-right: 4px;
 }

 #opn-resp-icon-smartphone {
   margin-right: 6px;
 }

 .opn-responsive-resize{
  background-color: #f1f1f1;
  margin-left: auto!important;
  margin-right: auto!important;
  box-shadow: 0 5px 30px rgba(0,0,0,0.7);
}

.opn-toolbar-responsive-option,
.opn-toolbar-responsive-close{
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-position: center;
    border: none;
    cursor: pointer;
    background-color: #fff;
}

.opn-toolbar-responsive-option{
    background-size: 18px;
}

.opn-toolbar-responsive-desktop{
    background-image: none;
}


.opn-toolbar-responsive-tablet{
    background-image: none;
}

.opn-toolbar-responsive-tablet-landscape{
    background-image: none;
}

.opn-toolbar-responsive-smartphone{
    background-image: none;
}

.opn-toolbar-responsive-smartphone-landscape{
    background-image: none;
}

.opn-toolbar-responsive-close{
    background-image: none;
    background-size: 15px;
}

.opn-toolbar-responsive-close:hover{
    background-image: none;
}

.opn-toolbar-responsive-option.active{
    background-color: #ddd;
}

.opn-toolbar-responsive-option:hover{
    background-color: #ddd;
}

html.opn-responsive-html * {
    cursor: none, auto !important;
}

#opn_ResponsiveDialog {
    box-shadow: 0 5px 30px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.7);
    margin-left: auto!important;
    margin-right: auto!important;
}

#opn_ResponsiveDialogOptions{
    left:0px !important;
}

#opn_ResponsiveDialog.ui-dialog-content {
    padding:0px !important;
    overflow: hidden !important;
}

.opn-responsive-overlay {
     background-color: #f1f1f1;
}

.opn-responsive-html {
    margin-top: 0px !important;
}


.opn-responsive-body::-webkit-scrollbar-track
{
	background-color: transparent;
}

.opn-responsive-body::-webkit-scrollbar
{
	width: 2px;
}

.opn-responsive-body::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	background-color: #aaa;
}


/**
 *  Media responsive
 */

 /* Desktops and laptops */
 @media (min-width : 1024px) {
     body:not(.body-editor):not(.resize-tablet):not(.resize-smartphone):not(.resize-tablet-landscape):not(.resize-smartphone-landscape) .p_no_desktop{
         display: none !important;
     }

     .body-editor .p_no_desktop{
         opacity: 0.5;
     }
 }

 /* Tablet */
 @media (min-width : 480px) and (max-width : 1024px) {
     body:not(.body-editor) .p_no_tablet{
         display: none !important;
     }

     .body-editor .p_no_tablet{
         opacity: 0.5;
     }
 }

 /* Smartphones */
 @media (max-width : 480px) {
     body:not(.body-editor) .p_no_smartphone {
         display: none !important;
     }

     .body-editor .p_no_smartphone{
         opacity: 0.5;
     }
 }


/**
*  TABS FREE CSS
*/

#opn-css-tabs .ui-tabs .ui-tabs-nav {
    background: #4c5866 !important;
}

/*POUR NE PAS AFFICHER NEXT - PREVIOUS dans les modèles de pages */
.modele-template-default #nav-single {
    display: none;
}

.modele-template-default .entry-title {
    display: none;
}

/**
 *  GALERIE
 */


 .opn-ellipsis{
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     padding: 0 10px;
 }

body.body-editor .gallery-settings{
    display: none;
}

.opn-gallery dt{
    font-weight: normal !important;
}


.cboxElement {
	display: block;
}

body:not(.body-editor) .cboxElement:after {
    content: ' ';
    font-size: 30px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 0;
    color: #fff;
    background: url('/site/theme/images/mag.png') no-repeat center center rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor:pointer;
}

body:not(.body-editor) .cboxElement:hover:after {
	opacity:1;
	transition:opacity 0.5s;
}

.opn-gallery-item{
    margin:0;
    text-align: center;
    /*box-sizing: border-box;*/
    /*border: 1px solid #aaa;*/
    float:left;
    position:relative;
	/*width:auto !important;*/
}

#contenair .opn-gallery-item img {
    vertical-align: top;
    max-height: 100%;
}

.opn_finalContent[VAlign=middle] .swiper .opn-gallery-item img {
	vertical-align: middle !important;
	display:inline-block;
	max-height: 100%;
}

body[class*="opn-res-"] .opn_finalContent[VAlign-res-1="middle"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-2="middle"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-3="middle"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-4="middle"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-5="middle"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-6="middle"] .swiper .opn-gallery-item img {
    vertical-align: middle !important;
    display:inline-block;
    max-height: 100%;
}

.opn_finalContent[VAlign=bottom] .swiper .opn-gallery-item img {
	vertical-align: bottom !important;
	display:inline-block;
	max-height: 100%;
}

body[class*="opn-res-"] .opn_finalContent[VAlign-res-1="bottom"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-2="bottom"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-3="bottom"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-4="bottom"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-5="bottom"] .swiper .opn-gallery-item img,
body[class*="opn-res-"] .opn_finalContent[VAlign-res-6="bottom"] .swiper .opn-gallery-item img {
    vertical-align: bottom !important;
	display:inline-block;
	max-height: 100%;
}

.opn-gallery-visualisation {
    padding: 10px 10px 20px;
    margin: 10px 0;
}

.opn-gallery-visualisation:hover {
    box-shadow: inset 0 0 0 5px #aaa;
    transition: all 0.5s;
    cursor: pointer;
}
.opn-gallery-visualisation.active {
    box-shadow: inset 0 0 0 5px #76C5EB;
    transition: all 0.5s;
    cursor: pointer;
}

.opn-gallery-caption{
     position: absolute !important;
    bottom: 0 !important;
    left: 0;
    width: 100%;
}

body:not(.body-editor) div.opn-gallery{
    opacity: 1 !important;
}

.swiper-slide img[data-src]{
	/*width:1000px;*/
}

.opn-gallery-description{
    text-align: center;
    font-style: italic;
}

.opn-gallery-description legend{
    text-align: center;
    width: 100%;
}

body:not(.opn-ui) a.opn-gallery-external-link {
    color: #000;
}

.opn-gallery-visualisation-title {
    padding: 0px 10px 10px;
    font-size: 20px;
    color: #8a8a8a;
}

#GallerySelector  .opn-container-gallery {
	padding: 0 15px;
}

#GallerySelector  .opn-gallery-container{
    width: 120px;
    float: left;
    margin: 0 10px !important;
}

#GallerySelector  .opn-gallery-item{
    height:120px;
    width: calc(100% - 2px);
    border: 1px solid #d4d4d4;
    background-color:#f4f4f4;
}

#GallerySelector .opn-gallery-icon{
    position: relative;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.opn-gallery-icon{
    height: 100%;
	/*border:1px solid red;*/
}

.opn-gallery-icon img {
    max-width :100%;
}

#GallerySelector .opn-gallery-icon img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-height: 100%;
}

.opn-container-visu-ellipsis{
    padding: 0;
    display: block;
    text-align: center;
    box-sizing: border-box;
    float: left;
    position: relative;
    font-size: 36px;
    margin: 0px 10px !important;
    border: 1px solid #d4d4d4;
    background-color: #f4f4f4;
    color: #d4d4d4;
}

.opn-visu-ellipsis{
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#opn-large-visu-ellipsis{
    width: 80px;
    height: 80px;
    top:40px;
}

#opn-small-visu-ellipsis{
    width: 50px;
    height: 50px;
    top:70px;
}

.opn-disable{
    opacity: 0.5;
}

.opn-disable:hover{
    cursor:default;
    background:transparent !important;
    color:inherit !important;
}

.opn-slider-arrow{
    position: absolute;
   top: -webkit-calc(50% - 62px);
   top: -moz-calc(50% - 62px);
   top: -ms-calc(50% - 62px);
   z-index:2;

}

.swiperVertical {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    margin: 30px 0;
}

.swiperHorizontal {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
}

.swiperHorizontal .swiper-container{
	/* PL 10/11/2017 pas de config dans le opn.css*/
	/*margin : 0 30px;*/
}

.swiper #prevVertical {
  top : -25px !important;
}

.swiper #prevHorizontal {
    left: 0;
}

.swiper #nextHorizontal {
    right: 0;
}

.opn_dialog_append {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    overflow: hidden;
	background-color:rgba(0,0,0,0.5);
}

/* POUR LE PB du focus sur le title durant l'animation du dialog Ajouter article*/
#titlediv #title{
/*	display:none;*/
}

 .opn-ui #titlediv #title{
	display:block;
}


.opn_dialog_append .ui-widget-overlay {
	display:none;
}

/**
 *  CONFIRM DIALOG
 */


.ui-dialog < #opn-confirm-dialog{
	z-index : 9999999 !important;
}

.ui-dialog[aria-describedby="opn-confirm-dialog"]{
box-shadow: 5px 5px 15px 1px #aaa;
}

#opn-content-confirm-dialog {
	padding : 15px;
	text-align: center;
}

.opn-ui .wp-picker-input-wrap input {
	margin-top: 0em;
	margin-bottom: 0em;
}


/**
 *  GOTO DIALOG
 */

#opn-goToDialog{
	height: 100% !important;
}

#opn-container-goto {
	padding:20px;
}

#opn-container-goto #most-recent-results {
	overflow: auto;
	/*border: 1px solid#E5E5E5;*/
	width:100%;
}

#opn-container-goto .link-target {
	font-size: 12px;
}

#opn-container-goto ul, #opn-container-goto li {
	list-style: none !important;
	margin: 0!important;
}

#opn-container-goto li.opn-goto-line {
	padding: 10px;
	cursor: pointer;
}

#opn-container-goto li.opn-goto-line:hover {
	background: #7b8ea5;
	color:#fff;
	cursor: pointer;
}

#opn-container-goto li.opn-goto-line:before{
	content:"\f0f6";
	font-family:FontAwesome;
	font-size:17px;
	margin-right:15px;
	}

#opn-container-goto .opn-goto-line.active {
	background: #7b8ea5;
	color:#fff;
}


#opn-container-goto .resultsPage {
	height: 300px!important;
}

#opn-container-goto .opn-resfresh-goto-list {
	float: right;
 	padding: 9px;
	height:auto;
}

#opn-container-goto .query-results {
	min-height: 300px;
	margin-top: 10px;
	position: static;
}


/**
 * FIN GOTO
 */

.opn_loading_dialog {
    position: absolute;
    overflow: auto;
    width: 100%;
    height: 100%!important;
    background-color: #FFF;
}

.opn-large-space{
	padding:40px 0;
}


/* Mis en commentaire car cache les select dans les opn-ui
.opn-ui .styled-select{
    display: none;
}
*/

.opn-container.ui-state-disabled{
    display: none;
}

.opn-container.ui-state-disabled:hover{
    background-color: #f4f4f4;
    color: #4C5866;
}


/**
 * CUSTOM STYLE
 */


  #opn-list-style{
      height: auto;
      padding: 2%;
      box-sizing: border-box;
      overflow: auto;
      /*min-height: 250px*/
  }

  #opn-edit-style{
       height: calc( 100% - 50px );
  }

  #opn-switch-mode{
      background-color: #f4f4f4;
      overflow: auto;
      height: 50px;
      border-width: 1px 0;
      border-style: solid;
      border-color: #ddd;
      box-sizing: border-box;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px 12px;
  }

  .opn-container-duplicate{
      display: block;
      width: 100%;
      height: 40px;
  }

 .opn-edit-element{
    margin-left: calc(100% - 120px);
    width: 0px;
    position: absolute;
    z-index: 10;
    text-align: center;
    color: #aaa;
    display: none;
  }

  .opn-delete-element{
    margin-left: calc(100% - 80px);
    width: 0px;
    position: absolute;
    z-index: 10;
    text-align: center;
    color: #aaa;
    display: none;
  }

  .opn-duplicate-element{
      float: right;
     margin-left: calc(100% - 40px);
     position: absolute;
     z-index: 10;
     text-align: center;
     color: #aaa;
     display: none;
  }

  .opn-duplicate-element:hover,  .opn-edit-element:hover{
      color: #555;
     cursor: pointer;
  }

  .opn-delete-element:hover{
      color: #c00;
     cursor: pointer;
  }

  .opn-remove-properties{
      float: right;
      height: 22px;
      line-height: 30px !important;
      padding: 0px;
      font-size: 12px!important;
  }


span.fa.fa-close.opn-remove-properties {
    height: 0px;
    line-height: 20px !important;
    top: -20px;
    position: relative;
    right: 6px;
}

span.fa.fa-close.opn-remove-properties:before{
	content:"\f0e2" !important;
}

  .opn-remove-properties:hover{
      cursor: pointer;
      color: #c00;
  }
  
span.fa.fa-trash.opn-del-properties {
    height: 0px;
    line-height: 20px !important;
    top: -20px;
    position: relative;
	float:right;
    right: 25px;
	display:none;
}

  .opn-del-properties:hover{
      cursor: pointer;
      color: #c00;
  }

  .opn-container-visual{
      position: relative;
      width: 18%;
      cursor: pointer;
      /*height: 130px;*//*Enlever pour les counter*/
      margin: 0 1% 2%;
      padding: 10px;
      box-sizing: border-box;
      float: left;
      text-align: center;
      overflow: hidden;
  }
	.opn-list-style-counter .opn-container-visual{
		width: 48%;
	}
  .opn-visual-element{
      position: relative;
      top: 50px;
  }

  .opn-container-visual:hover {
      box-shadow:  0px 0px 0px 5px #aaa inset;
      transition: all 0.5s;
  }

  .opn-container-visual.active {
      box-shadow: 0px 0px 0px 5px #76C5EB inset;
  }

  #opn-new-visual{
      font-size: 400%;
      text-align: center;
      line-height: 110px;
      color: #4c5866;
      height: 110px;
      background-color: #eaeaea;
  }

  #opn-switch-mode.opn-arrow-up{
      background-image: url('/site/.../../images/open-up.png');

  }

  #opn-switch-mode.opn-arrow-down{
      background-image: url('/site/.../../images/open-down.png');
  }

  .opn-preview-visual{
      text-align: center;
      background-color: #ececec;
  }

  .opn-edit-col-1{
      float: left;
      width: 30%;
      height:100%;
  }

  .opn-edit-col-2{
      float: left;
      width: 70%;
      height:100%;
  }

  .opn-custom-element{
      position:relative !important;
  }

  .opn_margin_clear{
      clear: both;
      margin: 0 0 10px;
	  overflow:auto;
  }

   .opn-hidden-title{
       visibility: hidden;
   }

  .opn-container-multiple-size{
      background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/damier.png');
      height: 120px;
  }

  .opn-multiple-size {
      width: 55%;
      height: 70px;
      position: relative;
      top: 25px;
      left: 22.5%;
      border-style: solid;
      background-color: #fff;
  }

  .opn-input-size{
     /* max-width: 70px !important;*/
      float: left;
      margin-right: 20px;
      padding: 5px !important;
  }

 
   
   .opn-container-border{
       padding: 0 5px 0 5px;
       border: 1px solid #ddd;
       margin: 0 4% 20px 0px;
       cursor: pointer;
       float: left;
       width: 15%;
   }

 .opn-container-border:hover, .opn-container-border.active {
     box-shadow: inset 0 0 0 2px #76C5EB;
     transition: all 0.5s;
 }

 .background-image{
     height: 32px;
     width: 100%;
     background-color: #f4f4f4;
     position: relative;
     color: #555;
     transition: all 0.3s ease-in-out;
     width:200px;
 }

 .background-image:hover{
     background-color: #555;
     color: #fff;
     transition: all 0.3s ease-in-out;
 }

 .background-image .text{
     margin: 0 0 0 40px;
     line-height: 34px;
     font-size: 11px;
     text-align: left;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 .ico-background-image{
     position: absolute;
     width: 30px;
     height: 32px;
     line-height: 40px !important;
     background-color: #000;
     text-align: center;
     color: #fff;
 }

 .opn-input-multiple{
      height: 15px !important;
     width: 35px !important;
     background-color: #fafafa !important;
     font-size: 11px !important;
     text-align: center;
     position: absolute !important;
     padding: 0 !important;
     border: 1px solid #a0a99a !important;
     margin: 0 !important;
     font-weight: 500 !important;
  }

  /*
input[data-property="padding-top"],
input[data-property="hover-padding-top"]{
      top: 5px;
      left: calc(50% - 17.5px);
  }

input[data-property="padding-right"],
input[data-property="hover-padding-right"]{
      right: calc(0% + 5px);
  }

input[data-property="padding-bottom"],
input[data-property="hover-padding-bottom"]{
      top: 45px;
      left: calc(50% - 17.5px);
  }

input[data-property="padding-left"],
input[data-property="hover-padding-left"]{
      left: 5%;
  }

  input[data-property="margin-top"],
 input[data-property="hover-margin-top"]
 {
      top: -20px;
      left: calc(50% - 17.5px);
  }

  input[data-property="margin-right"],
 input[data-property="hover-margin-right"]
 {
      left: calc(100% + 5px);
  }

  input[data-property="margin-bottom"],
 input[data-property="hover-margin-bottom"]
{
      top: 72px;
      left: calc(50% - 17.5px);
  }

  input[data-property="margin-left"],
 input[data-property="hover-margin-left"]
{
     left: calc(0% - 40px);
  }

  input[data-property="border-top-width"],
 input[data-property="hover-border-top-width"]{
      top: -9px;
      left: calc(50% - 17.5px);
  }

  input[data-property="border-right-width"],
 input[data-property="hover-border-right-width"]{
      left: calc(100% - 17.5px);
  }

  input[data-property="border-bottom-width"],
 input[data-property="hover-border-bottom-width"]{
      top: 60px;
      left: calc(50% - 17.5px);
  }

  input[data-property="border-left-width"],
 input[data-property="hover-border-left-width"]{
      left: calc(0% - 17.5px);
  }
*/

  .opn-clone-background-visual {
     width: 90%;
     height: 100%;
     margin: 0 auto;
     position: relative;
     /*top: 15%;*/
 }

 .opn-list-icon{
     background-color: #eee;
     border-radius: 4px;
     margin-top: 0;
     padding: 0!important;
     overflow-y: scroll;
     height: 200px;
 }

 .opn-item-icon{
    display: inline-block;
    text-align: center;
    margin: 1% 1.4%;
    font-size: 20px;
    width: 3%;
    vertical-align: middle;
    padding: 9px 9px 9px 9px;
    color: #4c5866;
    cursor: pointer;
 }

 .opn-item-icon.active{
     background-color: #76C5EB;
	color:#fff;
 }

  #opn-duplicate-icon{
      font-family: FontAwesome;
      position: absolute;
      visibility: hidden;
  }

  .opn-css-code-mirror{
      resize:none
  }

[data-nfen="1"]:before {
    content: "";
    box-shadow: inset 0px 0px 0 3px #f00;
    position: absolute;
    top:0px;
    left:0px;
    width: calc(100%);
    height: calc(100%);
   /* z-index: 999999999999999;*/
}

 [data-nfen="2"]:before {
    content: "";
    box-shadow: inset 0px 0px 0 3px #0f0;
    position: absolute;
    top:6px;
    left:6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    /* z-index: 999999999999999;*/
}

 [data-nfen="3"]:before {
    content: "";
    box-shadow: inset 0px 0px 0 3px #00f;
    position: absolute;
    top:12px;
    left:12px;
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    /* z-index: 999999999999999;*/
}

  [data-nfen="4"]:before {
    content: "";
    box-shadow: inset 0px 0px 0 3px #ff0;
    position: absolute;
    top:18px;
    left:18px;
    width: calc(100% - 36px);
    height: calc(100% - 36px);
    /* z-index: 999999999999999;*/
}

[data-nfen="5"]:before {
    content: "";
    box-shadow: inset 0px 0px 0 3px #0ff;
    position: absolute;
    top:24px;
    left:24px;
    width: calc(100% - 48px);
    height: calc(100% - 48px);
    /* z-index: 999999999999999;*/
}

[data-nfen="6"]:before {
    content: "";
    box-shadow: inset 0px 0px 0 3px #000;
    position: absolute;
    top:48px;
    left:48px;
    width: calc(100% - 96px);
    height: calc(100% - 96px);
    /* z-index: 999999999999999;*/
}

 /*
 * 07/06/2018
 *  DEPUIS MAJ PODS
 */

.opn-ui ul.pods-dfv-list, .pods-dfv-field .pods-pick-values>ul {
    background: #fff;
    margin: 0 0 5px 0;
    padding: 0;
    border:none !important;
    border-radius: 0;
    overflow: hidden;
    max-height: 250px;
    overflow-y: auto !important;
}

.opn-ui li.pods-dfv-list-item:last-of-type {
    /* border-bottom: 0; */
    /* border: 1px solid #dfdfdf; */
     min-height: 32px;
}

.opn-ui li.pods-dfv-list-item:hover {
    background: #f5f5f5;
}

.opn-ui .pods-dfv-list-meta .media-item{
    min-height: 32px;
}

.opn-ui li.pods-dfv-list-item, .pods-pick-values li.pods-dfv-list-item {
    display: block;
    padding: 6px 5px 6px 0px;
    margin: 0;
    /*border-bottom: 1px solid #efefef;*/
	/*height:48px;*/ /*rajouter dans ACTIA pour liste image de fond de la page*/
}

.opn-ui ul.pods-dfv-list-meta {
    display: block;
    overflow: hidden;
    zoom: 1;
    position: relative;
    list-style: none;
	height:100%; /*48px modifier pour actia*/
	margin:0 !important;
	padding: 0 !important; /* ACTIA3 pour lque la vignette image de fond de la page soit bien caler dans le formulaire*/
	/*height:48px;*/ /*48px modifier pour actia*/
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-icon {
   /* width: 100%; */ /*80px modifier pour actia*/
    margin: 0 5px;
    height: 48px;
    font-size: 0;
    /*line-height: 32px;*/
    text-align: left;
	/*overflow:hidden;*/
	display:block !important;
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-col {
    float: left;
    margin: 0;
    padding: 0;
}

.opn-ui .progress-bar{
    padding-right: 50px;
    max-width:50px;
}

.opn-ui .pods-progress{
    max-width:100px;
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-icon img {
    display: inline-block;
    vertical-align: middle;
    max-width:100%;
    float: none;
    border-radius: 2px;
    margin: 0;
    max-height: 100%;
    width: auto !important;
    padding-right: 0px; /*50px modifier pour actia*/
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/damier.png');
}

.opn-ui .pods-form-ui-row-name-image .pods-dfv-list{
	margin: 0 !important; /*mis pour que les image s'affcihe bine à gauche haut dessus du btn parcouirir*/
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-name {
    position: relative;
    /*left: 120px;*/
    /*float:right;*/ /*virer depuis actia pour avoir nom coté gauche à cote image et ça marche ! */
    right: 105px;
    padding: 3px 0;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*max-width: 400px;*/
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-actions {
    position: absolute;
    top: 0;
    right: 0;
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-col {
    /*float: left;*/
    margin: 0;
    padding: 0;
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-edit,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-link,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-download,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-remove {
    width: 25px;
    height: 32px;
    float: right;
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-handle span,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-edit a,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-link a,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-download a,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-remove a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: none;
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-handle span,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-edit a,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-link a,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-download a,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-remove a {
    display: block;
    width: 25px;
    height: 32px;
    opacity: 0.40;
    text-decoration: none;
    color: #616161;
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-remove a:before {
    content: "\f158";
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-handle span:before,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-edit a:before,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-link a:before,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-download a:before,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-remove a:before {
    margin: 0 24px 0 -24px;
    font: 400 20px/1 dashicons;
    line-height: 32px;
}

.opn-ui ul.pods-dfv-list li.pods-dfv-list-handle span:hover,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-edit a:hover,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-link a:hover,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-download a:hover,
.opn-ui ul.pods-dfv-list li.pods-dfv-list-remove a:hover {
    opacity: 1;
}

.opn-ui ul.pods-dfv-list li {
    list-style: none;
}

.opn-ui .loading-select{
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/loading-opn-refresh.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 50%
}

/**
 *
 *  CONTENT EDITOR
 *
 */

 #opn-container-edit-content{
     padding: 20px 40px;
     height: auto;
 }

 #ContentEditor .required {
    color: #f00;
    border: none;
    text-decoration: none;
}

#ContentEditor .mce-edit-area iframe {
    min-height: 200px;
}

#ContentEditor .pods-submit-button {
    display: none;
}

#ContentEditor .mce-toolbar .mce-btn i{
    font-style: normal;
}

#ContentEditor .pods-validate-error-message{
    display: none;
}

#ContentEditor .mce-fullscreen {
    top:30px;
}

#ContentEditor .wp-picker-clear{
    display: none;
}

#ContentEditor .input-croix{
    width: 100% !important;
}

.modele-template-default .opn-toolbar-content {
    display: none;
}

.ui-datepicker{
    z-index: 99999 !important;
}

.opn-ico-duplicate,
.opn-ico-del,
.opn-ico-edit{
/*    float: right;*/
	top:5px;
    margin: 0 2%;
    /*position: relative;*/
    position: absolute;
    z-index: 10;
    text-align: center;
    color: #aaa;
    display: none;
    font-size: 12px;
}

.opn-ico-duplicate{
	right:20px;
}
.opn-ico-del{
	right:5px;
}
.opn-ico-edit{
	right:45px;
}


.opn-ico-del:hover{
    color: #c00;
    cursor: pointer;
}

.opn-ico-duplicate:hover,
.opn-ico-edit:hover{
    color: #555;
    cursor: pointer;
}

/**
 *
 *  PODS EDITOR
 *
 */

 #PodsEditor #opn-container-pods-fields,
 #ContentField #opn-container-content-type,
 #PodsEditor #opn-container-pods-wildcard{
     padding: 20px 40px;
     height: auto;
 }

#PodsEditor td input{
	margin:0 !important;
}

 #PodsEditor #opn-table-pods-fields{
     width: 100%;
     padding-bottom:30px;
 }

 #PodsEditor #opn-table-pods-fields thead th{
     text-align: left;
     font-family: "open sans condensed";
     font-size: 17px;
     font-weight: 500;
     border-bottom: 1px solid #eee;
     padding: 5px 0;
 }

 #PodsEditor #opn-table-pods-fields tbody tr td{
     padding: 5px 10px 0 0;
 }

 #PodsEditor #opn-table-pods-fields tbody tr:not(.opn-pods-sup-options) td{
     border-width: 1px 0;
     border-style: solid;
     border-color: #eee;
 }

 #PodsEditor #opn-table-pods-fields tbody tr.opn-pods-sup-options td{
     vertical-align: top;
 }

 #PodsEditor #opn-table-pods-fields tbody tr:first-child td {
    border-top: none;
}

 #PodsEditor td.opn-pods-column-content{
     line-height: 5px;
/*	 vertical-align: baseline;*/
    padding: 7px 0 0 0 !important;
 }

 /*
 #PodsEditor #opn-list-pods-fields{
     width: 100%;
     height: 50px;
     display: block;
     padding-bottom: 10px;
 }
*/

 #PodsEditor #opn-list-pods-fields {
    width: 100%;
    /*height: 50px;*/
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;
    box-shadow: 0 0 0 5px #f1f1f1;
}

/*
 #PodsEditor .opn-visual-pods-field{
     width: 10%;
     float: left;
     margin: 0 5px;
     height: 50px;
     border: 1px solid #eee;
     cursor: pointer;
     display: block;
 }
*/

 #PodsEditor .opn-visual-pods-field {
    width: 10%;
    display: inline-block;
    margin: 0 5px;
    height: 60px;
    cursor: pointer;
    background-color: #fff;

}

  #PodsEditor .opn-visual-pods-img{
      display: block;
      margin: 5px 0;
  }

  #PodsEditor #opn-list-pods-fields .opn-visual-pods-img{
	  margin: 5px auto;
  }


 #PodsEditor .opn-visual-pods-field:hover{
     box-shadow: inset 0px 0px 0px 5px #aaa;
     transition: all 0.5s;
 }

 #PodsEditor .opn-pods-column-type{
     width: 1%;
 }

 #PodsEditor .opn-pods-column-text{
     width: 12%;
 }

 #PodsEditor .opn-pods-column-checkbox{
     width: 7%;
 }

 #PodsEditor .opn-pods-column-select{
     width: 12%;
 }

 #PodsEditor .opn-pods-column-content{
     width: 8%;
 }

 #PodsEditor .opn-pods-column-button{
     width: 2%;
     padding: 5px 0 !important;
 }

 #PodsEditor .opn-pods-column-sort{
     width: 1%;
     font-size: 17px;
     color: #AAA;
     margin: 0 auto 0.7em;
     cursor: move;
 }

#PodsEditor .opn-pods-sup-options{
    width: 100%;
   /*height: 100px;*/
   /*box-shadow: inset 0px 9px 8px -10px #CCC;*/
}

 #PodsEditor .opn-pods-sortable-handle{
}

#PodsEditor .opn-pods-delete-row,
#PodsEditor .opn-pods-duplicate-row,
#PodsEditor .opn-pods-plus-options{
    color:#aaa;
}

#PodsEditor .opn-pods-column-select .styled-select{
	margin-bottom: 5px !important;
}

.opn-ui .styled-select:after{
	content:"";
}

#PodsEditor .opn-pods-duplicate-row:hover,
#PodsEditor .opn-pods-plus-options:hover{
    color: #555;
    cursor: pointer;
}

#PodsEditor .opn-pods-delete-row:hover{
    color: #c00;
    cursor: pointer;
}

#PodsEditor .opn-pods-title {
    font-size: 14px;
    font-weight: 700;
	padding-bottom:5px;
}

#PodsEditor .opn-field-error,
#DBViewCreator .opn-field-error{
    border: 1px solid #F00 !important;
}

#PodsEditor .opn-pods-wildcard {
    width: 13%;
    float: left;
    position:relative;
    height: 120px;
    font-size: 12px;
    margin: 10px 20px;
    padding: 20px;
    box-shadow: inset 0px 0px 0px 1px #ddd;
    transition: all 0.5s;
}

#PodsEditor #opn-new-pods{
    font-size: 100px;
    text-align: center;
    line-height: 130px;
    color: #4c5866;
    height: 130px;
    /*background-color: #eaeaea;*/
}

#PodsEditor .opn-text-link-pods{
	font-weight:700;
}

#PodsEditor #opn-container-pods-wildcard{
    overflow: hidden;
}

#PodsEditor .opn-pods-wildcard:hover{
    cursor: pointer;
    box-shadow: 0px 0px 0px 5px #aaa;
    transition: all 0.5s;
}

#PodsEditor .opn-pods-wildcard-color-1{
    color: #a00;
}

#PodsEditor .opn-pods-wildcard-color-2{
    color: #0a0;
}

#PodsEditor .opn-pods-wildcard-color-3{
    color: #00f;
}

#PodsEditor .opn-pods-wildcard-color-4{
    color: #f60;
}

#PodsEditor .opn-pods-wildcard-color-5{
    color: #0af;
}

#PodsEditor .opn-pods-wildcard-color-6{
    color: #f0f;
}

#PodsEditor .opn-pods-wildcard-color-7{
    color: #f0a;
}

#PodsEditor .opn-pods-wildcard-color-8{
    color: #a50;
}

#PodsEditor .opn-pods-wildcard-color-9{
    color: #a0a;
}

#PodsEditor .opn-pods-wildcard-color-10{
    color: #aa0;
}

#PodsEditor .opn-pods-wildcard-color-11{
    color: #0aa;
}

#PodsEditor .opn-pods-wildcard-color-12{
    color: #f5f;
}

#PodsEditor .opn-pods-wildcard-color-13{
    color: #bb0;
}

#PodsEditor .opn-pods-wildcard-color-14{
    color: #c3f;
}

#PodsEditor .opn-pods-wildcard-color-15{
    color: #f3c;
}

#PodsEditor .opn-pods-wildcard-color-16{
    color: #ca4300;
}

.opn_class_ContentField {
    position: fixed;
    z-index: 9999999999 !important;
}

/**
 *  VISUAL EDITOR
 */


#DBViewCreator #opn-container-view-name{
    width: auto;
    height: auto;
    margin: 20px;
}

#DBViewCreator #opn-input-view-name{
    width: 80%
}

html.opn-visual-editor{
    margin: 0 !important;
    height: 100%;
    overflow: auto;
    background-color: #fff;
}

html.opn-visual-editor #ie{
    width: calc( 100% - 431px );
    height: 100%;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

/*html.opn-visual-editor #contenair{
	background:none;
}*/

html.opn-visual-editor body{
    display: block;
    overflow: hidden !important;
    margin: 0 !important;
    height: 100% !important;
    /*background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/hachurep.png');
	background-size:14px;
    background-color: #f1f1f1;*/
    /*pointer-events:none;	*/
}



html.opn-visual-editor .contenair-inner{
    width: 100%;
    height: calc(100% - 96px);
    /*height: 100%;*/
    margin: 0 auto;
    overflow: auto;
	padding: 0;
	left: 0;
}

html.opn-visual-editor #content {
    float: none !important;
    margin: 0 auto 30px auto ;
    width: 100%;
    /*height:100%;
    overflow-y: scroll;
    overflow-x: hidden*/;
}

html.opn-visual-editor article{
    display: block;
    overflow: initial;
   height: 100%;
   padding:0 !important;
}

html.opn-visual-editor #opn-content{
    height: 100%;
    width: 100%;
    margin: 0 auto -0.25em auto;
}

html.opn-visual-editor .entry-content{
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

html.opn-visual-editor .opn_class_maintoolbar{
    display: none !important;
}

html.opn-visual-editor .opn-visual-sidebar{
    width: 430px;
    float: left;
    border-right: 1px solid #aaa;
    overflow-y: auto;
    overflow-x: hidden !important;
    position: relative;
    top: 0;
     left: 0;
     bottom: 0;
    /*height: 450px;*/
    height: 100%;
    background-color: #eee;
}

/* html.opn-visual-editor .opn-visual-sidebar > .opn-toolbar-undo,html.opn-visual-editor .opn-visual-sidebar > .opn-toolbar-redo{ */
html.opn-visual-editor .opn-toolbar-undo,html.opn-visual-editor .opn-toolbar-redo{
	/* display:none; */
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
}

html.opn-visual-editor .opn-accordion .opn-content {
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.opn-fixed-toolbar .opn-toolbar-background-content{
	display:block ! important;
}

body.opn-fixed-toolbar #opn-toolbar-open,
body.opn-fixed-toolbar #opn-toolbar-close,
body.opn-fixed-toolbar .opn-toolbar-head
 {
    display: none;
}

body.opn-fixed-toolbar #toolbar-dialog{
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    position: relative;
    box-shadow: none !important;
}

.opn-visual-sidebar #toolbar-dialog .ui-buttonset .ui-button{
    padding-left: 0;
    padding-top: 0;
}

#accordionPos .opn-content{
    padding: 20px 30px 20px 45px !important;
}

[data-container="true"] {
    overflow: visible !important;
    height: 100%;
	/*background-color:#fff;*/
}

body.opn-fixed-toolbar #contenair {
    clear:none !important;
    float:left !important;
    width: 100%;
    height: 100%;
    position: relative;
}

.opn-visual-dimension{
    padding: 10px 0 5px 0;
    width: 200px;
	margin:0 auto;
    background-color: #fff;
    display: block;
    overflow: hidden;
}

.opn-visual-field-width{
    width: 35%;
    float: left;
    margin: 0 10%;
	position:relative;
	z-index:2;
}

.opn-visual-field-height{
    width: 35%;
    float: left;
	position:relative;
	z-index:2;
	
}

#visual-height,
#visual-width{
    width: 100px;
}


.opn-visual-filter{
    position: absolute;
    opacity: 0.5;
    background-image: url('/site/plugins/opn_inlineeditor/opn_base/images/hachurep.png');
	background-size:23px;
    background-color: #e1e1e1;
    z-index: 1;
    pointer-events:none;
}

.opn-visual-filter-top,
.opn-visual-filter-right{
    height: 100%;
    top: 0;
}

.opn-visual-filter-bottom{
    width: 100%;
    bottom: 0;
}

.opn-visual-filter-left{
    height: 100%;
    top: 0;
    left:0;
}

.opn-visual-editor .opn_content {
    overflow: visible !important;
}

.opn-absolute{
	position:absolute !important;
	top:0;
	left:0;
	
	width:100% !important;
	height:100% !important;
}

html.opn-visual-editor .opn-absolute{
	visibility:hidden;
}

html.opn-visual-editor .opn-fixed{
	visibility:hidden;
}

html.opn-visual-editor .opn-absolute *{
	visibility:visible;
}

html.opn-visual-editor .opn-fixed *{
	visibility:visible;
}


.opn-fixed{
	position:fixed !important;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

.opn-fixed.opn-border-used .opn_textContent:before,.opn-absolute.opn-border-used .opn_textContent:before {
    content: "";
    /* background-color: red; */
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    box-shadow: 0 0 0 1px rgba(125,125,125,0.8);
	transition:all 0.5 ease;
}


.opn-fixed .opn_finalContent, .opn-absolute .opn_finalContent{
	height:auto !important;
}

.opn-fixed .opn_textContent, .opn-absolute .opn_textContent{
	display:flex !important;
}

.opn-hover-obj:after{
	content: '';
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(125,125,125,0.8);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(125,125,125,0.8);
	box-shadow: inset 0px 0px 0px 2px rgba(125,125,125,0.8);
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	z-index:45;
	transition:all 0.5s ease;
}

.opn-hover-obj[data-container="true"]:after{
	content: '';
	-webkit-box-shadow: 0px 0px 0px 5px #aaa;
	-moz-box-shadow: 0px 0px 0px 5px #aaa;
	box-shadow: 0px 0px 0px 5px #aaa;
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	z-index:-1;
}

.opn-accordion-visual-content{
    padding:0 !important;
}

.opn_visueltrbl{
	position:relative;
	background-color:#f1f1f1;
	width:calc(33.33% - 7px);
	height:50px;
	float:left;	
	margin:0 10px 0 0;
}

.opn_visueltrbl.opn_leftright, .opn_visueltrbl.opn_topbottom{
	margin:0;
}

.opn_visueltop{
	position:absolute;
	background-color:#aaa;
	width:80%;
	top:10%;
	height:5px;
	left:10%;
}

.opn_visuelbottom{
	 position:absolute;
	 background-color:#aaa;
	 width:80%;
	 top:80%;
	 height:5px;
	 left:10%;
}


.opn_visuelleft{
	 position:absolute;
	 background-color:#aaa;
	 height:80%;
	 width:5px;
	 left:10%;
	 top:10%;
}

.opn_visuelright{
	 position:absolute;
	 background-color:#aaa;
	 width:5px;
	 height:80%;
	 left:80%;
	 top:10%;
}
.opn_visueltrbl:hover{
	box-shadow: 0px 0px 0px 4px #ddd inset;
	transition:all 0.5s ease;
}
.opn_visueltrbl:hover .opn_visueltrbl_inside {
	background-color: #4c5866;
	transition:all 0.5s ease;	
}

.opn_visueltrbl.active{
	box-shadow: 0px 0px 0px 4px #76C5EB inset;
	transition:all 0.5s ease;
}

.opn_visueltrbl.active .opn_visueltrbl_inside {
	background-color: #4c5866;
	transition:all 0.5s ease;
}

.opn-ui .opn-btn-select{
	box-shadow: 0 0 0 5px #ddd;
	padding: 10px 0px;
	text-align: center;
	cursor: pointer;	
}

.opn-ui .opn-btn-select:hover {
	box-shadow: 0 0 0 5px #76C5EB;
}

.opn-ui .opn-btn-select.active{
    box-shadow: 0 0 0 5px #76C5EB;
    background-color: #76C5EB;
    color: #fff;
    font-weight: 700;
}

.opn-svg-champ-top {
	display: none!important;
}

span.opn-toolbar-move svg {
    height: 20px;
    margin-left: 15px;
    margin-top: 10px;
    fill: #bbb;
}

@media only screen and (max-width:1024px) {
	.opn_sep-down {
		display: none;
	}
	
	.opn_sep-left {
		display: none;
	}
	
	.opn_sep-right {
		display: none;
	}
}

.opn_alone:not([data-ncol="1"]) > .opn_textContent > .opn_sep-left {
	display: none;
}
	
.opn_alone:not([data-ncol="1"]) > .opn_textContent > .opn_sep-right {
	display: none;
}

.opn-goto-line-scheduled .item-post_status {
	color: blue;
}

.opn-goto-line-private .item-post_status {
	color: red;
}

.opn-goto-line-draft .item-post_status {
	color: orange;
}

.opn-goto-line-publish .item-post_status {
	display: none;
}

.opn-goto-line-published .item-post_status {
	display: none;
}

.opn-goto-line-publié .item-post_status {
	display: none;
}

.opn-absolute .opn_textContent.opn_hidden_item{
	display: none !important;
}
.opn-fixed .opn_textContent.opn_hidden_item{
	display: none !important;
}
.opn_hidden_item{
	display: none !important;
}

.opn-toolbar-link:hover {
    background-color: #ddd;
}

.opn-toolbar-link {
    background-color: #e5e5e5;
}

.opn_btn_database:hover{
	background-color:#ddd;
}

.opn_btn_database{
	/* float:right; */
	position:absolute;
	top:0;
	right:0;
	height:38px;
	width:40px;
	/* background-color:#e5e5e5; */
	background-image:none;
	background-repeat:no-repeat;
	background-size: 40%;
	background-position: center;
	cursor:pointer;
}

/*
#toolbar-dialog .opn_btn_database{
	top:5px;
	right:10px;
}
*/

.opn-ui .opn_dialog_field_left{
	float:left;
	width:20%;
	height:100%;
	background-color:#eee;
}
.opn-ui .opn_dialog_field_right{
	float:left;
	width:80%;
	height:100%;
	padding: 20px 20px 20px 35px;
	box-sizing: border-box;	
}

.opn-ui .bdd-example {
    text-align: center;
    font-size: 20px;
    font-weight: 100;
    padding-bottom: 20px;
}

.opn-ui .type-field {
	font-size: 14px;
	margin-bottom: 5px;
	color: #4C5866;
	font-weight: 600;
}

.opn-ui .bdd-type-fields {
	display:none;
}

::selection {
  background-color: #7b8ea5; 
  color:#fff;
}

.opn-ui .dbb-display {
    float: left;
    width: 19%;
    margin-right: 1%;
}

.opn-ui .opn-liste-fields {
    overflow: auto;
    height: 100%;
}

.opn-ui .opn-li-pods-item:hover {
    background-color: #4C5866;
    color: #fff;
}

.opn-ui .opn-li-pods-item {
    padding: 10px;
    font-size: 18px;
    font-weight: 100;
    border-bottom: 1px solid #ddd;
	cursor:pointer;
}

.opn-ui .opn-sub-pods-item {
    padding: 0 0 0 20px;
	display: none;
}

.opn-ui .opn-li-pods-item.disable-pods-item {
/*    font-weight: 600;*/
}

.opn-ui .opn-li-pods-item.disable-pods-item:before {
    content: ">";
    font-family: fontawesome;
    font-size: 13px;
    margin: 5px 15px 5px 0;
    content: "\f0c9";
    color: #aaa;
}


.opn-ui .dbb-display button.opn_button {
    width: 100%;
    margin: 2px 0;
    text-align: left;
    padding-left: 7px;
    font-size: 14px;
}

.div-sortable-date {
	overflow: auto;
}

.opn-ui #sortable-date-pods .ui-state-default{
background-color: #ddd;
    float: left;
    margin: 5px 5px 5px 0;
    color: #4C5866 !important;
    padding: 0 0 0 10px;
    cursor: grab;
    line-height: 38px;
	width:auto !important;
}

.opn-ui .div-sortable-date .ui-icon{
	float: right;
	margin: 0 0 0px 25px;
	top: 4px;
	position: relative;
	cursor: pointer;
}


.opn-ui .ui-sortable-placeholder {
	min-width:70px; /*60px*/
}

.opn-default-color-container.ui-sortable-placeholder{
	float:left;
	min-width:auto !important;
}

.opn-default-color-container .fa{
	display:none;
	position: absolute;
	top: 0;
	left: 37%;
}

.opn-default-color-container:hover .fa{
	display:block;
}

	
.opn-ui .div-sortable-date .separator {
    width: 40px;
    float: right;
    margin: 0 0 0 10px;
    padding: 0 2px;
    height: 39px;
    text-align: center;
    border:none;
    box-shadow: inset 0 0 0 1px #ddd;	
}

#nb_char_max {
    width: 40px;
    padding: 0 5px;
}

.crochet-field {
    font-weight: 500;
    color: orange;
}

.opn_finalContent .crochet-field {
	display: none;
}

/*Pour le counter */
body:not(.body-editor):not(.opn-visual-editor):not([class*="opn-res-"]) .opn-counter-number{
	opacity:0;
}

body:not(.body-editor):not(.opn-visual-editor)[class*="opn-res-"] .opn-counter-defilement{
	display: none;
}

.opn-ui .opn-counter-number{
	opacity:1 !important;
}

 
 .opn-ui #opn-new-counter > div{
    width: 100%;
    box-sizing: border-box;
}
 
 .opn-ui #opn-new-counter > div:hover{
	 cursor:move;	 
 }
 
 .opn-ui #opn-new-counter > div:hover:after{
	 content:"\f0c9";
	 font-family:fontawesome;
	 font-size:15px;
	 color:#aaa;
	 position:absolute;
	 left:0;
 }
 

body:not(.opn-ui):not([class*="opn-res-"]) .opn-custom-counter {
	opacity: 0;
}

.grp {
	min-height: 10px;
}
 
 .opn-counter-numberall > div {
    float: none;
    display: inline-block;
}

.counter-item {
	z-index: 2;
	position:relative;
	cursor:grab;
}

.opn-counter-defilement > div {
	position: relative;
	z-index: 1;
}

.opn-counter-defilement{
	line-height: 1!important;
}

#progress {
    width: 100px !important;
    height: 100px;
    margin: auto;
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
}

#progress svg {
	z-index: 0;
	left: 0;
	top: 0;
	position: absolute;
}

.properties-defilement {
	/*display: none;*/
}

.opn-container-visual .opn-custom-counter:before {
    /* background-color: red; */
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* .dialogsemihide {
    top: -18px!important;
    left: 0!important;
    width: 100%!important;
    height: calc(100% + 18px)!important;
	visibility: visible!important;
} */

.dialogsemihide {
    bottom: 0;
    top: -100px!important;
    left: 0!important;
    width: 100%!important;
    /* height: calc(100% + 68px)!important; */
    visibility: visible!important;
    height: auto;
}

.dialogsemihide .opn_class_VisualObjectEditor {
    /* top: 50px!important; */
    bottom: 0;
}

.dialogsemihide .ui-dialog-content:not(#FieldBddDialog) {
    height: calc(100% - 50px) !important;
}

/* .dialogsemihide .opn_class_FieldBddDialog {
    top: 150px!important;
} */

.hide-important {
	display: none!important;
}

.overflow-hidden{
 overflow:hidden !important;
}

.pods-pick-values {
    max-height: none !important;
}

.pods-checkbox-view {
    max-height: none !important;
}

.opn_txtareaContent iframe { /* BK__ 14.09.2020 - Adinfo : Vidéos YouTube dans les blocs Texte */
    max-width: 100%;
}