/*
 * https://developer.mozilla.org/fr/docs/écriture_de_CSS_efficace
 */

/* =default */
/*
	* {padding: 0;margin: 0;}
	select * {padding: 0 0.5em;}
	ul, ol {list-style: none;}
	a img, :link img, :visited img, object, fieldset {border: none;}
	a {outline: none;}
	a:focus, a:hover {text-decoration: none;}
	address {font-style: normal;}
	:link, :visited {text-decoration: none;}
	legend {position: relative;left: -6px;}

	input, select, textarea * {font-size: 110%;}
*/





html, body, blockquote, form, fieldset, h1, h2, h3, h4, h5, h6, ol, p, ul {margin: 0; padding: 0;}
a img, :link img, :visited img, object, fieldset {border: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

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

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

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

input {
	line-height: normal;
}

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

a:active, a:focus, a:hover {
	outline: 0;
	text-decoration: none;
}
:link, :visited {text-decoration: none;}

ul, ol {list-style: none;}

.clear {clear: both;}
div.clear {height: 0;}
.cn-clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* =body */
html {
	height: 100%;
	/*font-size: 100%;*/
	font-size: 62.5%;
	color: #000;
	text-align: center;
}

body {
	height: 100%;
	/*font: 0.625em/1em Tahoma, Geneva, Kalimati, sans-serif;*/
	font: 1.1em/1.2em Tahoma, Geneva, Kalimati, sans-serif;
	text-align: left;
}

/* =nav */
nav {
	width: 100%;
	color: #fff;
}

nav > div {
	display: flex;
	justify-content: space-between;
	background: black;
}

.env-dev nav > div {background: orange;}

nav .h1 {
	flex-grow: 1;
	font: bold 230%/20px Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	padding: 10px;
}

nav a.h1:link,
nav a.h1:visited,
nav a.h1:focus,
nav a.h1:hover {
	color: white;
	text-decoration: none;
}

ul.shortcuts {
	display: flex;
	gap: 1px;
	line-height: 20px;
}

ul.shortcuts a {
	display: inline-block;
	height: 20px;
	padding: 10px;
	background: #666;
}

ul.shortcuts a + a {
	border-left: 1px solid #555;
}

ul.shortcuts a:link,
ul.shortcuts a:visited {
	color: white;
}

ul.shortcuts a:focus,
ul.shortcuts a:hover {
	text-decoration: none;
	background: white;
	color: #666;
}

[data-count]::after {
	content: attr(data-count);
	margin-left: 4px;
	font-weight: bold;
	padding: 2px 5px;
	background: white;
	color: black;
	border-radius: 50%;
}
[data-count="0"]::after {display: none}

.cn-nav {display: none}

.cn-nav > li {
	box-sizing: border-box;
	float: left;
	width: 15%;
	padding: 10px;
	font-size: 130%;
	color: #999;
}

.cn-nav #nav-module-e_commerce {width: 52%}

.cn-nav-main {
	display: block;
	margin-bottom: 15px;
	font: bold 120%/1 Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: white;
}

.cn-nav-second strong {display: block; margin: 10px 0; color: #f57722; text-transform: uppercase;}
#nav-module-user .cn-nav-second li {padding: 5px 0; line-height: 1;}

nav.opened {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	min-height: 100vh;
	background: black;
}

nav.opened + #main {
	overflow: hidden;
	max-height: 100%;
}

nav.opened > .cn-nav {display: block}

.cn-nav-conteneur {
	position: relative;
	padding: 15px 0 0 50px;
}

.cn-nav-conteneur:before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 30px;
	padding: 5px;
	color: white;
}

.cn-nav-lien {
	display: inline-block;
	padding: 5px;
	border-bottom: 1px solid black;
	font-size: 100%;
	text-transform: capitalize;
	letter-spacing: 2px;
}

.cn-nav-lien:link, .cn-nav-lien:visited {color: #bbb}
.cn-nav-lien:hover, .cn-nav-lien:focus {
	color: white!important;
	text-decoration: none;
	border-bottom-color: white;
}

#nav-module-defaut .cn-nav-conteneur:before {background: #f57722;content: "\e622";}
#nav-module-cms .cn-nav-conteneur:before {background: #34C924;content: "\e606";}
#nav-module-e_commerce .cn-nav-conteneur:before {background: #FF2301;content: "\e669";}
#nav-module-newsletter .cn-nav-conteneur:before {background: #8E5434;content: "\e605";}
#nav-module-user {
	float: none;
	clear: both;
	border-top: 1px solid #C0C0C0;
	width: 100%;
	padding-top: 10px;
	overflow-wrap: break-word;
}

#log-out {text-align: right;}

/* =colonnes */
.cn-col {
	box-sizing: border-box;
	float: left;
}

.cn-cols5x1, .cn-cols6x1 {overflow: hidden;}

.cn-cols2x1 > .cn-col {width: 50%;}
.cn-cols5x1 > .cn-col {width: 20%;}
.cn-cols6x1 > .cn-col {width: 16.6%;}

/* =nav-context */
.cn-nav-context li {
	border: 1px solid #f0f0f0;
	border-left-width: 4px;
}

.cn-nav-context li a {
	display: block;
	padding: 10px;
	text-decoration: none;
}

.cn-nav-context .active,
.cn-nav-context li:hover,
.cn-nav-context li:focus {
	border-left-color: #f57722;
	background: #f0f0f0;
}

/* =main */
#main {
	width: 100%;
	clear: both;
	background: #fff;
	position: relative;
}

#main .left, .cn-left {
	float: left;
	width: 50%;
}

#main .right, .cn-right {
	float: right;
	width: 45%;
}

.cnLeft {float: left;}
.cnRight {float: right;}

.cnTxLeft {text-align: left;}
.cnTxRight {text-align: right;}

/* =gabarits */

.cn-layout, .cn-modele {
	box-sizing: border-box;
	width: 100%;
}

.cn-layout-simple, .cn-espace {padding: 1em;}

.cn-layout-simple {padding: 10px;}

/* 2 colonnes */
.cn-layout-2col {padding: 10px;}
.cn-layout-2col .cn-left-content {float: left; width: 18%; margin-right: 2%;}
.cn-layout-2col .cn-main-content {float: right; width: 80%;}

.cn-left-content .cn-fixed {top: 10px; width: 18%; margin-right: 2%;}

/* 2 colonnes avec bordure de séparation */
.cn-layout-2colb {min-height: 400px; padding: 10px; background: transparent url(./line.gif) repeat-y 32% 0;}
.cn-layout-2colb .cn-left-content {float: left; width: 30%;}
.cn-layout-2colb .cn-main-content {float: right; width: 66%;}

.cn-layout-list2 {}
.cn-layout-list2 .cn-left-content {float: left; width: 40%;}
.cn-layout-list2 .cn-main-content {
	float: left;
	box-sizing: border-box;
	width: 60%;
	padding: 10px;
	min-height: 400px;
	background: #f8f8f8;
}

.cn-layout-panel {
	background: transparent url(data:image/gif;base64,R0lGODdhBAEBAIABAPj4+P///ywAAAAABAEBAAACDoSPqcvtD6OctNqLs14FADs=) -210px 0 repeat-y;
	padding-left: 50px;
	transition: all 0.3s ease-in;
	min-height: 80vh;
}

.cn-layout-panel .cn-panel,.cn-layout-panel .cn-main-content {float: left;}
.cn-layout-panel .cn-main-content {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0;
	background: white;
}

.cn-layout-panel .cn-panel {
	margin-left: -50px;
	padding: 10px;
	overflow: hidden;
}

.cn-layout-panel .cn-panel-trigger {float: right;}
.cn-layout-panel .cn-panel-content {
	clear: both;
	opacity: 0;
	width: 30px;
}

.cn-layout-panel.cn-opened {
	padding-left: 260px;
	background-position: 0 0;
}

.cn-opened .cn-panel {margin-left: -260px;}
.cn-opened .cn-panel-content {
	width: 240px;
	opacity: 1;
}

.CnConteneur-referme {
	text-align: right;
}

.cn-conteneur {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0;
	background: white;
}

.cn-modele-0 {padding: 10px 0;}
.cn-layout-1 {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}
.cn-modele-1 {padding: 0 10px;}
.cn-modele-2 {padding: 10px;}

#main .cn-layout-1 .cn-left-content {width: calc(18% - 2px)}
#main .cn-layout-1 .cn-main-content {width: 80%}

#cn-ajax-container {padding: 0 10px;}


#main .cn-layout-2 {background: #F8F8F8;}
#main .cn-layout-2 .cn-left-content {float: left; width: 20%;}
#main .cn-layout-2 .cn-left-content .cn-content {padding: 1em 10px;}

#main .cn-layout-2 .cn-main-content {float: left; width: 80%; background: #FFF;}
#main .cn-layout-2 .cn-main-content .cn-content {padding: 1em 10px;}

.cn-left-panel {float: left; width: 40%; border-right: 1px solid #E1E1E1;}
.cn-right-panel {float: right; width: 56%;}

.right .cn-left-panel {float: none; width: 100%; border-right: none; border-bottom: 1px solid #E1E1E1;}
.right .cn-right-panel {float: none; width: 100%; border-right: none;}
h2 {
	margin-bottom: 0.8em;
	font: bold 1.2em/1.1em Verdana, Helvetica, Arial, sans-serif;
	text-transform: capitalize;
}

h3 {
	margin: 0.5em 0;
	font: bold 1.2em/1.1em Verdana, Helvetica, Arial, sans-serif;
}

.cn-page-section {
	margin: 0 0 15px 0;
	padding: 8px;
	background: black;
	color: white;
}

* + .cn-page-section:not(:first-of-type) {margin-top: 15px}

/* =table */
.cn-table-responsive {
	overflow-x: auto;
	min-height: 0.01%;
}

table {
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}

th, td {
	padding: 3px 4px;
	vertical-align: top;
}

th {font-weight: bold;}

table.cn-bordure th, table.cn-bordure td {border: 1px solid #C0C0C0;}

/* =footer */
#footer{}

#footer .content {
	padding: 10px;
	text-align: right;
	color: #ccc;
	font: bold 120%/1 Arial,Helvetica,sans-serif;
	text-transform: uppercase;
}

#footer a:link, #footer a:visited {
	color: #999;
}

/* =debug */
.debug {
	clear: both;
	margin: 10px;
	padding: 5px 10px;
	font: 1.1em/1.1em Verdana, Helvetica, Arial, sans-serif;
}

.debug strong {
	display: block;
	margin: 5px 0;
	font: bold 1.2em/1.1em Verdana, Helvetica, Arial, sans-serif;
}

.debug span {display: block; margin: 3px 0;}
.debug li {margin: 5px 10px;}
.debug table {margin: 3px 10px;}

/* =liens */
a:link,a:visited {color: #4486F6;}
a:focus,a:hover{color: #4486F6; text-decoration: underline;}
a.cn-ajax-load * {pointer-events: none}

/* =icons */


.cn-xlarge {font-size: 40px;}
.cn-large {font-size: 30px;}
.cn-medium {font-size: 24px;}
.cn-small {font-size: 20px;}
.cn-xsmall {font-size: 16px;}

.cn-bouton {vertical-align: middle;}

.cn-bouton:link, .cn-bouton:visited {color: #4486F6;}
.cn-bouton:focus, .cn-bouton:hover {text-decoration: none!important; color: #000;}
.cn-bouton-negatif:focus, .cn-bouton-negatif:hover {text-decoration: none; color: #fff;}


/* pour aligner les éléments */
.cn-line-picto * {line-height: 14px; vertical-align: top;}

/* =corbeille */
.cn-corbeille > * {opacity: 0.3;}
.cn-corbeille .icon-trash_remove {opacity: 1;}

/* =info */
.cn-info {
	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	padding: 10px 30px;
	line-height: 1.2;
	text-indent: -20px;
}

.cn-info-help {background: #ceed94; border-color: #ceed94;}
.cn-info-help span {background-position: 0 -858px;}

.cn-info-tip {background: #fbfae1; border-color: #fbfae1;}
.cn-info-tip span {background-position: 0 -990px;}

.cn-indicateur {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: transparent;
}

/* =etats */
.cn-alerte, .cn-etat-5 {background-color: #d2322d;}
.cn-avertissement, .cn-etat-4 {background-color: #ed9c28;}
.cn-information, .cn-etat-3 {background-color: #39b3d7;}
.cn-succes, .cn-etat-2 {background-color: #47a447;}
.cn-important, .cn-etat-1 {background-color: #3276b1;}
.cn-defaut, .cn-etat-0 {background-color: #fff;}

/* =autocomplete */
.ac_results {
	padding: 0;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	text-align: left;
	z-index: 9999;
}

.ac_results ul {
	list-style: none outside none;
	margin: 0;
	height: 300px;
	overflow: auto;
	padding: 0 20px 0 0;
}

.ac_results iframe {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/* =select2 */
.select2-drop {font: 1.1em/1.1em Verdana, Helvetica, Arial, sans-serif;}
.select2-drop.select2-drop-big {min-width: 600px;}

/* =grid */

.CnGrid {
	clear: both;
	margin-bottom: 15px;
}

.CnGripCaption {
	border-bottom: 1px solid #c0c0c0;
	padding: 4px 0;
	text-align: left;
}

.CnGripCaption-label {
	padding: 4px;
	font-weight: bold;
	background: #e0e0e0;
	color: black;
}

.CnGridEntetes-label {
	border-bottom: 1px solid #c0c0c0;
	text-align: left;
	vertical-align: middle;
}
.CnGridEntetes-label:first-letter {text-transform: uppercase;}

.CnGridTri {white-space: nowrap;}
.CnGridTri:focus, .CnGridTri:hover {text-decoration: none;}
.CnGridTri .sy {pointer-events: none}

.CnGridbottom {border-top: 1px solid #c0c0c0;}

.CnGridTr-odd {background: #fcfcfc;}
.CnGridTr-even, .CnGridTr-active {background: #f0f0f0;}
.CnGridTr-selected {background: #c2dbff;}

.CnGrid.selecteur .CnGridTr-odd:hover,
.CnGrid.selecteur .CnGridTr-even:hover {
	cursor: pointer;
	background: #527DC6;
}

.CnGrid tbody td {height: 24px; vertical-align: middle;}

.CnGrid tr.etat-0 td {color: #c0c0c0;}
.CnGrid tr.red-1 td {color: red;}
.CnGrid tr.lu-0 td {font-weight: bold;}
.CnGrid tr.active td {background: #FFFFCC;}
.CnGrid tr.edited td {background: #000; color: #fff;}
.CnGrid tr.modified td {font-weight:bold; font-style: italic;}
.CnGrid tr.warning td {background: red;}
.CnGrid tr.remove td {background: #FF5500;}

.CnGrid-edition tbody tr:not(.CnGridTr-active), .CnGrid-masque {
	opacity: 0.2;
}

.CnGrid td.cn-tab-add {text-align: right;}

.CnGridSelecteur-cancel {display: none}

.CnGridLiens {float: right;}
.CnGridLiens .cn-bouton {margin-left: 10px;}

.CnGridFiltres > form {
	display: flex;
	gap: 5px;
	align-items: center;
}

/*
.CnGridFiltres > form > span {
    height: 24px;
}
*/

.CnGridSelecteur {
	border: 1px solid #F4F4F4;
	background: #F4F4F4;
}

.CnGridSelecteur:focus-within {border-color: #6D9FD7;}

.CnGridSelecteur-text {padding: 0 4px;}
.CnGridSelecteur-input, .CnGridSelecteur-select {
	border: none;
	padding: 2px 0;
	background: transparent;
}

.CnGridSelecteur-input:focus {outline: none;}

.CnGridLiens {
	margin-left: auto;
	display: flex;
	gap: 10px;
}

.CnGridNavPage {float: right;}
.CnGridNavPage-a, .CnGridNavPage-span {padding: 2px 4px;}
.CnGridNavPage-a:focus, .CnGridNavPage-a:hover {text-decoration: underline;}
.CnGridNavPage-span {
	background: black;
	color: white;
}

.CnGridRowsAction-select {
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #F4F4F4;
	background: #F4F4F4;
}
.CnGridRowsAction-trigger {
	display: inline-block;
}
.CnGridRowsAction[disabled] {
	opacity: 0.4;
}
.CnGridFeu {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
}
.CnGridFeu[data-feu="3"] {background: green;}
.CnGridFeu[data-feu="2"] {background: orange;}
.CnGridFeu[data-feu="1"] {background: red;}
.CnGridFeu[data-feu="0"] {background: black; opacity: 0.3;}

/* =onglets */
.cn-tabs {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
	border-bottom: 4px solid #e2e2e2;
}

.cn-tabs > li {float: left;}

.cn-tabs a, .cn-tab-inactive {
	display: block;
	padding: 5px 10px;
	user-select: none;
}
.cn-tabs > li > a, .cn-tab-inactive {
	margin-bottom: -4px;
	border-bottom: 4px solid transparent;
	padding: 8px 10px 4px 10px;
	text-transform: lowercase;
}

.cn-tabs a:link, .cn-tabs a:visited {}
.cn-tabs > li > a.cn-tab-active,
.cn-tabs a:focus,
.cn-tabs a:hover,
.cn-tabs :target a {
	border-bottom-color: #f57722;
	color: #000;
	text-decoration: none;
}



.cn-tab-inactive {opacity: 0.3;}

/* =log,note */
.cn-log-note {
	margin-bottom: 5px;
	border-bottom: 1px solid #E1E1E1;
	padding: 0 10px 5px 10px;
}

.cn-log-note span:first-child {
	float: right;
	margin: 0 0 0 20px;
	color: #C0C0C0;
}

/* =notification */
/* https://codepen.io/damianmuti/embed/GEZoeG?height=316&theme-id=0&default-tab=result */

.notify {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 500px;
	margin: 0;
	display: flex;
	align-items: center;
	padding: 0.4em;
	color: #fff;
	font-size: 130%;
	line-height: 1.3;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
	transform: translateY(-100%);
	justify-content: flex-start;
	box-sizing: border-box;
}

.notify[data-notification-status]:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	min-width: 30px;
	margin-right: 20px;
}

.notify__btn {
	margin: 0 0 0 auto;
	border: 2px solid white;
	border-radius: 15px;
	padding: 5px 10px;
	font-size: 90%;
	font-weight: bold;
	background: transparent;
}

.notify__btn:focus,
.notify__btn:hover {
	background: white;
	color: black;
}

.notify.do-show {
	animation: slide-show 0.25s forwards, slide-show 0.25s reverse forwards 3.5s;
}
.notify.do-static {
	animation: slide-show 0.25s forwards;
}

.notify[data-notification-status="type-info"] {background-color: #29B6F6}
.notify[data-notification-status="type-info"]:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat}

.notify[data-notification-status="type-warning"] {background-color: #FFCA28}
.notify[data-notification-status="type-warning"]:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat}

.notify[data-notification-status="type-valid"] {background-color: #66BB6A}
.notify[data-notification-status="type-valid"]:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat}

.notify[data-notification-status="type-error"] {background-color: #EF5350}
.notify[data-notification-status="type-error"]:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat}
.notify[data-notification-status="type-error"] a:link,
.notify[data-notification-status="type-error"] a:visited {
	color: white;
	text-decoration: underline;
}

@keyframes slide-show {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}

/* =loader (ajax) */
#cn-loader {
	display: none;
	width: 16px;
	height: 16px;
	background: transparent url(indicator.gif) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
}

/* =stats */
table.cn-tab-stats {
	width: auto;
	border: 1px solid #e0e0e0;
	display: none;
}

table.cn-tab-stats th, table.cn-tab-stats td {
	border: 1px solid #e0e0e0;
}

div.visualize {
	margin-top: 2em;
}

/* =tags */
.cn-tags {display: block;}

.cn-tags-box {}

.cn-tags-box-container, .cn-tags-container {float: left;}

.cn-tag-text-box {
	float: left;
	margin-left: 5px;
	padding: 0.3ex;
}

.cn-tag-text-box-hover {background-color: #f1f1f1;}
.cn-tag-text-box-hover .cn-tag-remover {visibility: visible;}

.cn-tags-clear {height: 0}

/* =attachement */
.cn-attachement {}

.cn-attachement-list {}

.cn-attachement-upload {}

.cn-attachement-list ol {list-style-type: decimal;}

.cn-attachement-list ol li {
	margin: 20px 0 0 20px;
	padding: 5px;
	background: #ececec;
	position: relative;
	border-radius: 5px;
	border: 2px solid #ececec;
	cursor: move;
}

.cn-attachement-list .cn-retire {
	position: absolute;
	right: 5px;
	top: 1px;
}

.cn-image,
.cn-image-attr,
.cn-document,
.cn-document-attr {
	display: inline-block;
}

.cn-piece-jointe:not([data-value=""]) {
	display: inline-block;
	background: #f5f5f5;
	border: 1px solid transparent;
	font-weight: bold;
	margin: 0 0 9px;
	padding: 4px 4px 4px 8px;
}

.cn-piece-jointe a:focus,
.cn-piece-jointe a:hover {text-decoration: none}

.cn-piece-jointe__nom {}
.cn-piece-jointe__poids {
	padding: 3px 0;
	color: #777;
}

/* =actions */
.cn-actions {
	margin-bottom: 0.8em;
	padding: 0 10px;
	text-align: right;
}

/* =breadcrumb */

.cn_breadcrumb {
	width: 100%;
	background: #e2e2e2;
	display: flex;
	justify-content: start;
	align-items: center;
}

.cn_breadcrumb > li:not(:first-child) > a {border-left: 1px solid #bbb}

.cn_breadcrumb > li > a {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: .25rem 1rem;
	text-transform: uppercase;
}

.cn_breadcrumb a:link,
.cn_breadcrumb a:visited,
.cn_breadcrumb a:focus,
.cn_breadcrumb a:hover {
	text-decoration: none;
	color: #000;
}

.cn_breadcrumb > li > a:focus,
.cn_breadcrumb > li > a:hover {
	background: #5a6268;
	color: white!important;
	border-left-color: #5a6268;
}

/* =encart */
.cn-encart {background: #f8f8f8;}

div.cn-encart {padding: 10px;}
td.cn-encart {line-height: 1.5;}

/* =cn-section */

tfoot.cn-section tr:first-child td {border-top: 2px solid #f8f8f8;}

/* =form */
input, select, textarea {
	border: 1px solid #ccc;
	line-height: 1.3;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	box-sizing: border-box;
}

input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {
	color: #E2E2E2!important;
}

input, textarea {padding: 0 3px;}
input,select {height: 26px; line-height: 26px;}

input[type=submit] {border:none; background: #4486F6; color: white; font-weight: bold;}
input[type=submit][disabled="disabled"] {opacity: 0.5;}

a.CnBtn {
	display: inline-block;
	box-sizing: border-box;
	border: none;
	margin: 0;
	height: 26px;
	line-height: 26px;
	padding: 0 3px;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	min-width: 80px;
}

a.CnBtn-primary {
	color: white!important;
	background: #4486F6;
}

a.CnBtn-defaut {
	color: #333!important;
	background: #E6E6E6;
}

input:focus, select:focus, textarea:focus {
	border-color: #f57722;
	outline: 0;
}

.cn-form label, .cn-form input, .cn-form textarea, .cn-form select,
.cn-form-groupe {
	display: inline-block;
	margin-bottom: 0.8em;
}

.cn-form-groupe .cn-form-groupe {margin-bottom: 0;}

.cn-form-ligne li {display: inline-block;}
.cn-form-ligne input {margin-bottom: 0;}

.cn-form label {
	min-width: 8em;
	padding-right: 1em;
}

.cn-form label.cn-form-label-block {
	display: block;
	padding-right: 0;
}

.cn-form label:first-letter {text-transform: capitalize;}

.cn-form label.tag {float:left; min-width: 0;}

.cn-form label+textarea, .cn-form label+.cn-form-colonne {vertical-align: top;}

.cn-form input[type=checkbox] {min-height: 0; vertical-align: sub;}
.cn-form input[type=checkbox]+label {padding: 0 0 0 1em;}
.cn-form input[type=radio] {position: relative; left: 0; bottom: -0.4em;}

.cn-form input:focus, .cn-form select:focus, .cn-form textarea:focus {
	border: 2px solid #6D9FD7;
	/*border-radius: 3px;*/
}

.cn-form-required span::after {
	content: '∗';
	color: red;
	font-size: 150%;
}

.cn-form-tab {margin-left: 30px;}/* tabulation */
.cn-form-vtab {margin-bottom: 10px;}

.cn-form-footer {
	/*padding-right: 5%;*/
	text-align: right;
}

.cn-form-ref {}
.cn-form-libelle {min-width: 300px;}
.cn-form-libellelong {width: 100%; max-width: 800px;}
.cn-form-textelong {width: 100%; max-width: 800px; height: 200px;}
.cn-form-textecourt {width: 100%; max-width: 800px; height: 100px;}
.cn-form-textesuccint {width: 100%; max-width: 800px; height: 50px;}
.cn-form-textelarge {width: 100%;}
.cn-form-texteAeration {width: 100%;}
.cn-form-username {}
.cn-form-password {}
.cn-form-email {min-width: 200px;}
.cn-form-nom {}
.cn-form-numero {}/* tel,fax...*/
.cn-form-code {}/* cp, siret,..*/
.cn-form-tags {}

.cn-form textarea {font: 1em/1.1em Verdana, Helvetica, Arial, sans-serif;}

/* montant monétaire */
.cn-form-mon_ent {/* partie entière */
	width: 4em;
	text-align: right;}
.cn-form-mon_dec {width: 1.8em;}/* partie décimale */

/* date */
.cn-form-date {
	width: 7em;
}

.cn-form fieldset {padding: 1em 0;}
.cn-form legend {
	border-left: 10px solid #c0c0c0;
	padding: 0.2em 0.5em;
	text-transform: uppercase;
	font: 0.9em/1em Verdana, Helvetica, Arial, sans-serif;
	color: #999;
}

.cn-form2 .cn-form-row {display: table; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; margin-bottom: 10px;}
.cn-form2 .cn-form-row.cn-form-flex {display: flex; justify-content: space-between; align-items: center;}
.cn-form2 .cn-form-row  .cn-form-row   {border-bottom: none;}
.cn-form2 label:not(.cn-input-label), .cn-form2 .label, .cn-form2 .cn-form-cell {display: table-cell;}
.cn-form2 .cn-form-cell {width: 88%; padding-left: 24px;}
.cn-form2 .cn-form-cell .cn-form-cell {display: block; width: auto; margin: 0 0 1em 0; padding-left: 0;}
.cn-form2 label:not(.cn-input-label), .cn-form2 .label {min-width: 150px; padding-right: 15px; vertical-align: top; font-weight: bold;}
.cn-form2 .cn-form-cell label {font-weight: normal;}
.cn-panel-content .cn-form2 label:not(.cn-input-label) {min-width: 40px;}

.cn-form2 fieldset {margin-bottom: 15px;}
.cn-form2 .cn-maxlength {display: block; font-size: 90%; font-weight: normal; color: #a0a0a0;}
.cn-form2 .cn-info-champ {display: block; padding-top: 4px; font-size: 90%; color: #a0a0a0;}
.cn-form2 .cn-alerte {color: red!important;}
.cn-form-annotation {font-size: 90%; color: #ADADAD;}

.cn-form2 .cn-form-alert:before,
.cn-form2 .cn-form-error:before {
	line-height: 1.5;
	vertical-align: top;
	font-size: 140%;
	margin-left: -24px;
	width: 20px;
	display: inline-block;
}

.cn-form2 .cn-form-alert:before {content: "\e688"; color: #f57722;}
.cn-form2 .cn-form-error:before {content: "\e688"; color: #ff0000;}
.cn-form2 p.cn-form-error:before {
	margin-left: 0;
	vertical-align: baseline;
}

.cn-form2 .cn-form-erreur-msg {display: none; margin-top: 0.4em; font-weight: bold;}

.cn-form2 .cn-form-error .cn-form-erreur-msg {display: block;}
.cn-form2 .cn-form-error .cn-info-champ {display: none;}
.cn-form2 .cn-form-bloc {margin-bottom: 10px; border-left: 2px solid black; padding: 5px 10px; background:#F7F7F7; text-transform: uppercase; font-size: 90%;}
.cn-form-resume {margin: 0.5em 0 1em 0;}

.cn-form2 .cn-form-error2 {border-color: red!important;}

/* vue */
.cn-form-defaut {display: block; padding-top: 4px;}

/* select box */
.cn-form-selectBox {border-radius: 5px; padding: 5px 10px; background: #F7F7F7; border: 2px solid #F7F7F7; display: inline-block; font-weight: bold;}

/* upload */
.editing .cn-file-label {
	min-width: 0;
	padding-right: 0;
	vertical-align: middle;
	font-weight: normal;
	display: inline-block;
	cursor: pointer;
}
.editing input.cn-file-input {display: none}

/* champs en lecture seule */
input[readonly] {cursor: not-allowed;}
input[type="submit"][readonly] {pointer-events: none;}

/* =save */
p.cn-save, p.cn-save-disable {
	position: sticky;
	top: 0;
	overflow: hidden;
	width: 100%;
	line-height: 1;
}

p.cn-save > a, p.cn-save-disable > a, p.cn-save > span {
	float: right;
	margin-right: 10px;
}

p.cn-save.cn-fixed {
	border-bottom: 4px solid rgb(68, 134, 246);
	background: white;
}

.cn-fixed {position: fixed; top: 0; z-index: 100;}

p.cn-save > a:focus, p.cn-save > a:hover {
	outline: 0;
	color: #fff!important;
	background: #449aef;
}

[data-time-save]::after {
	content: attr(data-time-save);
	position: relative;
	left: -2.6em;
	top: -0.6em;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* padding pour boite couleur */
.cn-boite-c {padding: 5px 10px;}

/* dropdown */
.cn-dropdown {
	position: relative;
	z-index:2;
}

.cn-dropdown a:link,
.cn-dropdown a:visited,
.cn-dropdown a:focus,
.cn-dropdown a:hover {
	color: black;
}

.cn-dropdown__label {}

.cn-dropdown__items {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 1;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	background: #e2e2e2;
	margin-top: 0px;
	pointer-events: auto;
}

.cn-dropdown__items a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: .25rem 1.5rem;
	line-height: 18px;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	text-transform: lowercase;
}

.cn-dropdown__items a:hover {
	text-decoration: none;
	background: #f8f9fa;
	color: #16181b;
}

.cn-dropdown:focus {pointer-events:none}

.cn-dropdown:hover .cn-dropdown__label,
.cn-dropdown:focus .cn-dropdown__label {
	background: #5a6268;
	color: white!important;
	border-left-color: #5a6268;
}

.cn-dropdown:focus .cn-dropdown__items,
.cn-dropdown:active .cn-dropdown__items {opacity:1; visibility:visible;}


.cn-nowrap, .cn-nowrap * {
	white-space: nowrap;
}

/* =infos */
.cn-cible {background: #f7f7f7;}/* pour repérer l'objet ciblé */
.cn-color-info {color: #999;}
.cn-infos {
	margin-bottom: 0.6em;
	color: #c0c0c0;
}

.cn-guide {
	font-size: 20px;
	text-align: center;
	line-height: 2;
	color: rgb(153, 153, 153);
}

/* placeholder */
.CnConteneur-placeholder {display: none}
.CnPlaceholder:empty + .CnConteneur-placeholder {display: initial}

/* =cn-widget */
.cn-widget {
	background: #fff;
}

.cn-periode {width: 440px;}
.cn-periode-debut {float: left;}
.cn-periode-fin {float: right;}

.cn-periode-submit .cn-right {text-align: right;}

.cn-periode .cn-datepicker {margin: 5px 0;}

.cn-periode1 {color:#F57722;}
/*.cn-periode2 {color:#C6C4BB;}*/

/* =cn-descriptif */
.cn_descriptif {}

.cn_descriptifs_label {padding-right: 30px; position: relative;}

.cn_descriptifs_label li {
	border: 1px solid #f7f7f7;
	border-right-color: white;
	padding: 5px;
	background: white;
	display: inline-block;
}

.cn_descriptifs_label .cn-data-label {cursor: pointer;}
.cn_descriptifs_label .cn-data-delete {display: none;}
.cn_descriptifs_label li.cn_desc_actif {background-color: #f7f7f7;}
.cn_descriptifs_label li.cn_desc_actif .cn-data-delete {display: inline-block;}

.cn_descriptifs_label textarea {display: none;}
.cn_descriptifs_label > a {position: absolute; top: 1ex; right: 0;}
.cn_descriptifs_label input.edition_label {width: 70%; margin-bottom: 0; min-height: 0;}

.cn_descriptifs_texte {
	min-width: 600px;
	float: left;
	background: #f7f7f7;
	padding: 5px;
}

.cn-encart .cn_descriptifs_label li {border-color: #E1E1E1; border-right-color: #f8f8f8; background: #f8f8f8;}
.cn-encart .cn_descriptifs_label li.cn_desc_actif {background-color: #E1E1E1; border-right-color: #E1E1E1;}
.cn-encart .cn_descriptifs_texte {min-width: 400px; background: #E1E1E1;}

/* =cn-cpt */
.cn-cpt:before {content:' ';}

.cn-bloc-2col {background: transparent url(pixel_bord1.gif) repeat-y 50% 0;}
.cn-bloc-add {text-align: right;}

/* =grippy */
.grippy {
	display:inline-block;
	width: 12px;
	height: 14px;
	background: transparent url(grippy.png) repeat-x left top;
	cursor: move;
}

.cn-form2 .grippy {width: 8px; height: 10px; margin-right: 10px;}
.cn-form2 .optionDesactivee {opacity: 0.2;}

.opacity-0  {opacity: 0.3;}

/* div en surimpression */
.cn-box {
	background: transparent;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

.cn-box-content {
	padding: 10px;
	background: #F8F8F8;
}

.cn-box-close {text-align: right;}
.cn-box-close a {
	display: inline-block;
	height: 24px;
	line-height: 1;
	background: #F8F8F8;
}

/* liste numérotée */
.cn-counter-list {
	counter-reset: li;
	list-style: none;
	font-size: 130%;
	padding: 0;
	margin-bottom: 4em;
}

.cn-counter-list a {
	position: relative;
	display: block;
	padding: .4em .4em .4em .8em;
	margin: .5em 0 .5em 2.5em;
	color: #444;
	text-decoration: none;
	transition: all .3s ease-out;
}

.cn-counter-list li:first-child a {margin-top: 0}

.cn-counter-list a:hover,
.cn-counter-list .active a {background: #eee;}

.cn-counter-list a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -2em;
	top: 50%;
	margin-top: -0.8em;
	background: #F57722;
	height: 1.65em;
	width: 1.65em;
	line-height: 1.65em;
	text-align: center;
	font-weight: bold;
}

.cn-counter-list a:after{
	position: absolute;
	content: '';
	border: .5em solid transparent;
	left: -1em;
	top: 50%;
	margin-top: -.5em;
	transition: all .3s ease-out;
}

.cn-counter-list a:hover:after,
.cn-counter-list .active a:after {
	left: -.5em;
	border-left-color: #fa8072;
}

/* custom dropdown */
.custom-dp {position: relative}

    .custom-dp > select {
      appearance: none;
      width: 24px;
      border: none;
      opacity: 0;
      background-color: #fff;
      color: #000;
      cursor: pointer;
    }

    .custom-dp::after {
        position: absolute;
        left: 0;
        pointer-events: none;
        font-family: 'Material Symbols Outlined';
        font-size: 24px;
        line-height: 24px;
        pointer-events: none;
    }

        .custom-dp.dp--more::after {content: "more_vert"}

/* blocs */
.tabs__wrapper {
	display: flex;
	justify-content: space-between;
        align-items: center;
}

    .tabs {display: flex}

    .tab{
        background: #f8f8f8;
        color: rgba(0,0,0,.5);
     }

    .sy.tab__grip {font-size: 16px}

    .tab__label:link,
    .tab__label:visited {
        display: inline-block;
        padding: 10px;
        color: inherit;
		text-decoration: inherit;
    }

    .tab.is--selected,
    .tab:hover {
        background: #f57722;
        color: white;
		text-decoration: none;
	}

/* dialog-form */

.validateTips {
	border: 1px solid transparent;
	padding: 0.3em 0;
}

/* redactor */
.cn-form2 .redactor_box {border-color: #EEE;}
.cn-form2 .redactor_toolbar {background: #f2f2f2; border-color: #DDD;}
.cn-form2 .redactor_box .cn-form-textelong {max-width: none;}

/* upload */
tbody.files td.version span, tbody.files td.size span {display: block;}
#preview {width: 100%; min-height: 150px; margin: 20px auto;}
progress { width: 100%; }
progress:after { content: '%'; }
.fail { background: #c00; padding: 2px; color: #fff; }

.row {
	/*zoom: 1;*/
}
.row:before, .row:after {
	display: table;
	content: "";
}
.row:after {
	clear: both;
}
.span5, .span7 {
	width: auto;
	float: left;
}
td.delete {
	white-space: nowrap;
}

/* jquery ui */
.ui-autocomplete {z-index: 101!important;}
.ui-front {
	z-index: 1053!important;
}

/* résumé */
ul.cn-resume > li {margin-bottom: 1em;}
ul.cn-resume ul {margin: 0.5em 0;}
ul.cn-resume strong.cn-big {
	font-size: 160%;
	line-height: 1.6;
}
.cn-resume-documents {
	list-style-type: square;
	padding-left: 1em;
}
.cn-resume-documents li {margin-bottom: 0.5em;}

.cnResume {font-size: 110%;}
.cnResume-prop th {padding-bottom: 1em;}
.cnResume-label {font-weight: bold;}
.cnResume dd {padding: 1ex 0;}
.cnBig {font-size: 160%}
.cnResume dd.cnBig {padding: 2ex 0;}
.cn-dtab {display: table;}
.cn-dtab .cn-drow {display: table-row;}
.cn-dtab .cn-dcel {display: table-cell; padding: 2px 0;}
.cn-dtab .cn-drow .cn-dcel:first-child {padding-right: 30px; text-transform: lowercase; color: #999;}

/* espace, saut de ligne */
.cn-drow .cn-br {padding-top: 10px;}

/* http://paulund.developpez.com/tutoriels/css/flat-checkboxes/ */

.flatCheckbox {
	width: 100px;
	height: 40px;
	position: relative;
}
.flatCheckbox div {
	width: 100%;
	height: 40px;
	background: #E2E2E2;
	position: absolute;
	top: 0;
}
.flatCheckbox label {
	display: block;
	width: 30px;
	height: 30px;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 5px;
	z-index: 1;
	left: 8px;
	background: #FFF;
}
.flatCheckbox label:before {
	color: #CCC;
	content:'|||';
	font-size: 15px;
	letter-spacing: 1px;
	position: absolute;
	left: 3px;
	top: 8px;
}
.flatCheckbox input[type=checkbox]:checked ~ div {background: #f57722;}
.flatCheckbox input[type=checkbox]:checked ~ label {left: 62px;}

.flatCheckbox-off {opacity: 0.3;}
.flatCheckbox-off label {cursor: auto;}

/* tree */

.CnT {
	margin-left: -24px;
}

.CnT ul {display: none}
.CnT-i {
	position: relative;
	white-space: nowrap;
	line-height: 1.5;
	padding: 0 0 0 24px;
}

.CnT-i.is--hidden {padding-left: 0;}
.CnT-i.is--hidden > span {display: none}

.CnT-i.folder:not(.is--hidden):before {

	line-height: 1.4;
	vertical-align: middle;
	font-size: 140%;
	color: #999;
}

.CnT-lb,a.CnT-lb {
	color: #333;
	text-decoration: none;
	padding: 0 2px;
	cursor: pointer;
}

.CnT-i.is--selected > span > .CnT-lb {font-weight: bold}
.CnT-i.is--expanded > ul {display: block}

.cn-stat {
	font-family: arial, serif;
}

.cn-stat-conteneur {
	border: 5px solid white;
	padding: 4px 8px;
	background: #EEE;
}

.cn-stat-ligne {}
.cn-stat-ligne > span {display: inline-block; width: 50%; padding: 4px 0; vertical-align: bottom;}

.cn-stat-label {font-size: 150%; font-weight: bold;}
.cn-stat-chiffre1 {font-size: 240%; font-weight: bold; text-align: right;}
.cn-stat-tendance {font-size: 150%;}
.cn-stat-chiffre2 {text-align: right;}

.cn-tendance-hausse {color: #7EA92C;}
.cn-tendance-baisse {color: #DB4E33;}
.cn-tendance-stable {color: #999;}

.cn-tendance-hausse > .cn-stat-tendance:before {font-size: 130%; content: "\e6bf";}
.cn-tendance-baisse > .cn-stat-tendance:before {font-size: 130%; content: "\e6be";}
.cn-tendance-stable > .cn-stat-tendance:before {font-size: 130%; content: "\e6c0";}

.cn-indcts {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cn-indct {
	box-sizing: border-box;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 5px solid white;
	padding: 8px;
	background: #EEE;
	font-family: arial, serif;
	font-size: 150%;
}

.cn-indct__top, .cn-indct__bottom {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: initial;
}

.cn-indct__help {
	color: white;
	text-align: center;
	display: none;
}

.cn-indct__top {font-weight: bold;}

.cn-indct__label, .cn-indct__tendance, .cn-indct__chiffre {flex-grow: 1;}
.cn-indct__chiffre {text-align: right;}
.cn-indct__big {font-size: 180%;}

.cn-indct:hover {
	position: relative;
	background: rgb(0,0,0,0.8);
}

.cn-indct:hover > .cn-indct__top,
.cn-indct:hover > .cn-indct__bottom {opacity: 0.5}

.cn-indct:hover >  .cn-indct__help {
	display: flex;
	line-height: initial;
	position: absolute;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
}

a:not([href]):not([class^="ui-"]) {
	pointer-events: none;
	cursor: not-allowed;
	color: inherit!important;
}

.hide,
dialog .hide-dialog {display: none}

.show {display: initial}

.desactive {
	pointer-events: none;
	cursor: not-allowed;
	/*color: #E2E2E2!important;*/
	color: rgba(0,0,0,0.38)!important;
}
input[type="radio"].desactive,input[type="checkbox"].desactive {opacity: 0.38;}

.cnTab-entete td {
	padding-bottom: 1em
}
.cnTab-entete-label {
	font-weight: bold;
}

.cnTab-entete-option, .cnTab-decimal {
	text-align: right
}

.switch-input {
	display: none;
}

.switch-label {
	position: relative;
	display: inline-block;
	min-width: 112px;
	cursor: pointer;
	font-weight: 500;
	text-align: left;
	margin: 16px;
	padding: 16px 0 16px 44px;
}

.switch-label:before, .switch-label:after {
	content: "";
	position: absolute;
	margin: 0;
	outline: 0;
	top: 50%;
	transform: translate(0, -50%);
	transition: all 0.3s ease;
}

.switch-label:before {
	left: 1px;
	width: 34px;
	height: 14px;
	background-color: #9E9E9E;
	border-radius: 8px;
}

.switch-label:after {
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #FAFAFA;
	border-radius: 50%;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.switch-label .toggle--on {display: none;}
.switch-label .toggle--off {display: inline-block;}
.switch-input:checked + .switch-label:before {background-color: #A5D6A7;}
.switch-input:checked + .switch-label:after {
	background-color: #4CAF50;
	transform: translate(80%, -50%);
}
.switch-input:checked + .switch-label .toggle--on {display: inline-block;}
.switch-input:checked + .switch-label .toggle--off {display: none;}

.switch-label.big {padding-left: 64px;}
.switch-label.big:before {
	width: 54px;
	height: 24px;
	border-radius: 12px;
}
.switch-label.big:after {
	width: 30px;
	height: 30px;
}

.switch-label.switch-label-off {
	opacity: 0.3;
	cursor: auto;
}

/* range */
.cn-range-label {
	display: flex;
	align-items: center;
}

.cn-range-label > input {flex-grow: 1}
.cn-range-label > span {
	box-sizing: border-box;
	width: 40px;
	padding: 0 0.5em;
	text-align: right;

}

/* alerts */
.alert{
	margin-bottom: 1em;
	padding:1em;
}

.alert.alert-info {background: #d1ecf1!important; color: #0c5460!important;}

/* pages */
.pageA4 {
	margin: 0;
	padding: 0;
	min-height: 297mm;
}

@media print {
	.pageA4 {
		min-height: 0;
		page-break-after: always;
	}
}

.cn-hidden {display: none}

/* enregistrements non publiés */
.offline {color: #c0c0c0}

/* sous navigation (options) */
ul.subnav-options {}

ul.subnav-options li {padding: 5px 0}

ul.subnav-options a {
	display: inline-block;
	width: 100%;
	padding: 5px;
	text-transform: uppercase;
}

/* mots-clés */
.tags-input-wrapper{
	margin-top: 20px;
	font-size: 16px;
}

.tags-input-wrapper input {
	border: none;
	outline: none;
}

.tags-input-wrapper .tag {
	display: inline-block;
	margin: .25em .1em;
	border-radius: 4px;
	padding: .2em .5em .3em;
	font-family: sans-serif;
	font-weight: 600;
	line-height: 1;
	background: #454e56;
	color: #b2becd;
}

.tags-input-wrapper .tag a {
	display: inline-block;
	margin-left: 7px;
	cursor: pointer;
	color: #12181b;
}

.tags-input-wrapper .tag a:focus,
.tags-input-wrapper .tag a:hover {
	text-decoration: none;
	color: #4486F6;
}

dialog {
	border-color: transparent;
	padding: 1em;
}

dialog.max {
	width: 100vw;
	height: 100vh;
	max-width: max(800px,50vw);
	max-height: 100vh;
	border: none;
	margin: 0 0 0 auto;
	padding: 0;
}

dialog:not(.max) {
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.31);
}

dialog:not(.max)::backdrop {
	background-color: hsla(0, 0%, 0%, 0.4);
}

dialog.auth {
	padding: 0;
	background: #0a3c94;
}

dialog.dialog--tpl {
	border: none;
	padding: 0;
}

/*
dialog[open] {
	display: block;
}
*/

.dialog-header,
.dialog-main {
	padding: 10px;
}

dialog.auth .dialog-main {
	padding: 0
}

.dialog-header {
	display: flex;
	justify-content: space-between
}

.dialog-close {
	border: none;
	font-size: 200%;
	background: transparent;
	cursor: pointer;
}

.dialog-title {
	font-size: 140%;
	font-weight: bold;
}

.dialog-title::first-letter {text-transform: capitalize}

body:has(dialog[open]) {overflow: hidden}

/* editeur code */
.code_editeur {}
.code_editeur .textarea-container {position: relative}
.code_editeur .textarea-container div,
.code_editeur .textarea-container textarea {
	box-sizing: border-box;
	padding: 1em;
	width: 100%;
	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", "monospace";
	font-size: 1em;
	line-height: 1.5;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	tab-size: 4;
}

.code_editeur .textarea-container textarea {
	position: absolute;
	height: 100%;
}

.code_editeur .textarea-container div {
	padding-bottom: 1.5em; /* A bit more than one additional line of text. */
	visibility: hidden;
}

.code_editeur textarea:read-only {
	opacity: 0.5
}

.code_editeur pre {
	margin: 0!important;
	white-space:normal!important;
}

/* form3 */

:invalid {
	box-shadow: none;
}

:-moz-submit-invalid {
	box-shadow: none;
}

:-moz-ui-invalid {
	box-shadow: none;
}





/* flex */

.flex {display: flex}

/* grip */



/*
.form {font-family: Tahoma, Geneva, Kalimati, sans-serif;}
*/

.form input,
.form select {
	height: auto;
	line-height: initial;
}

/* bloc */
.form__section {
	margin: 10px 0;
	border-left: 2px solid black;
	padding: 5px 10px;
	background:#F7F7F7;
	text-transform: uppercase;
	font-size: 90%;
}

/* ligne */
.form__row {
	margin-bottom: 1em;
}

.form__group {
	display: flex;
	width: 100%;
	align-items: start;
	margin-left: -10px;
	border-left: 4px solid transparent;
	padding-left: 6px;
}

.form__group:focus-within {
	border-color: #f57722;
}

.form__label {
	flex-basis: 20%;
	max-width: 200px;
	padding: 0.5rem 0;
	font-weight: bold;
}



.form__bloc {flex-grow: 1}

	.form__bloc > .form__row {
		margin-bottom: 0;
		padding: 0.5rem 0;
	}

.bloc--padd {padding: 0.5rem 0}

.form input[type="submit"] {
	padding: 0.5rem;
}

.form__input {
	border: none;
	border-bottom: 2px solid #ccc;
	padding: 0.5rem 0.25rem;
	width: 100%;
	max-width: 160px;
}

.size-auto {width: auto;}
.size-1 {max-width: 60px;}
.size-2 {max-width: 100px;}
.size-3 {max-width: 140px;}
.size-4 {max-width: 180px;}
.size-5 {max-width: 200px;}
.size-6 {max-width: 300px;}
.size-7 {max-width: 400px;}
.size-8 {max-width: 500px;}
.size-9 {max-width: 600px;}
.size-10 {max-width: 800px;}
.size-max {width: 100%; max-width: none;}

.form input:required,
.form select:required {
	border-bottom-color: #f57722;
}

.form input:valid,
.form select:valid {
	border-bottom-color: #ccc;
}

.form input[value]:invalid,
.form select:invalid,
.form [data-erreur] > .form__input {
	border-bottom-color: red;
}

.form input:focus,
.form select:focus {
	border-bottom-color: #000;
}

.form [data-erreur]::after {
	content: attr(data-erreur);
	display: block;
	padding: 0.5em 0;
	color: red;
}

.form__help {
	padding: 0.5rem 0;
	font-size: 95%;
	color: #a0a0a0;
}
	.form__help:empty {
		padding: 0;
	}


.form .cn-info-champ {display: block; padding-top: 0.5rem; font-size: 90%; color: #a0a0a0;}





.form__buttons {
    display: flex;
    justify-content: space-between;
    padding: 1em 0 0 0;
    gap: 1em;
}

.form__button {
    box-sizing: border-box;
    min-width: 200px;
    border: none;
    padding: 0.5rem;
    font-size: 105%;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}

.form__button:focus {outline: 0}

    .button--default {background: #6c757d}
    .button--danger {background: #dc3545}

    .button--default:active,
    .button--default:hover,
    .button--default:focus {
        background: #5a6268;
    }

    .button--danger:active,
    .button--danger:hover,
    .button--danger:focus {
        background: #b12121;
    }


/*
.cn-form3 label {min-width: 180px; font-weight: bold;}
.cn-form3 cn-form-row {flex-grow: 1}
*/
/*
.cn-form2 .cn-form-row {display: table; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; margin-bottom: 10px;}
.cn-form2 .cn-form-row.cn-form-flex {display: flex; justify-content: space-between; align-items: center;}
.cn-form2 .cn-form-row  .cn-form-row   {border-bottom: none;}
.cn-form2 label:not(.cn-input-label), .cn-form2 .label, .cn-form2 .cn-form-cell {display: table-cell;}
.cn-form2 .cn-form-cell {width: 88%; padding-left: 24px;}
.cn-form2 .cn-form-cell .cn-form-cell {display: block; width: auto; margin: 0 0 1em 0; padding-left: 0;}
.cn-form2 label:not(.cn-input-label), .cn-form2 .label {min-width: 150px; padding-right: 15px; vertical-align: top; font-weight: bold;}
.cn-form2 .cn-form-cell label {font-weight: normal;}
.cn-panel-content .cn-form2 label:not(.cn-input-label) {min-width: 40px;}

.cn-form2 fieldset {margin-bottom: 15px;}
.cn-form2 .cn-maxlength {display: block; font-size: 90%; font-weight: normal; color: #a0a0a0;}
.cn-form2 .cn-info-champ {display: block; padding-top: 4px; font-size: 90%; color: #a0a0a0;}
.cn-form2 .cn-alerte {color: red!important;}
.cn-form-annotation {font-size: 90%; color: #ADADAD;}

.cn-form2 .cn-form-alert:before,
.cn-form2 .cn-form-error:before {
	line-height: 1.5;
	vertical-align: top;
	font-size: 140%;
	margin-left: -24px;
	width: 20px;
	display: inline-block;
}

.cn-form2 .cn-form-alert:before {content: "\e688"; color: #f57722;}
.cn-form2 .cn-form-error:before {content: "\e688"; color: #ff0000;}
.cn-form2 p.cn-form-error:before {
	margin-left: 0;
	vertical-align: baseline;
}

.cn-form2 .cn-form-erreur-msg {display: none; margin-top: 0.4em; font-weight: bold;}

.cn-form2 .cn-form-error .cn-form-erreur-msg {display: block;}
.cn-form2 .cn-form-error .cn-info-champ {display: none;}

.cn-form-resume {margin: 0.5em 0 1em 0;}

.cn-form2 .cn-form-error2 {border-color: red!important;}
*/