/*
 * 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;
}

/* =font*/
@font-face {
	font-family: 'icomoon';
	src:url("font/icomoon/icomoon.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}


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

body {
	height: 100%;
	font: 0.625em/1em Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-align: left;
}

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

h1 {background: black;}
.env-dev h1 {background: orange;}

.cn-nav-trigger {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 10px;
	font: bold 230%/1 Arial,Helvetica,sans-serif;
	text-transform: uppercase;
}

.cn-nav-trigger strong {font-size: 35%; color: #f57722;}
.env-dev .cn-nav-trigger strong {color: #000;}

.cn-nav-trigger:link, .cn-nav-trigger:visited {color: white;}
.cn-nav-trigger:focus, .cn-nav-trigger:hover {color: white; text-decoration: 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 {
	-moz-box-sizing: border-box;
	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 {
	border-radius: 5px;
	border: 2px solid #f7f7f7;
}

.cn-nav-context li {padding-right: 10px;}

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

.cn-nav-context .active {background: #f7f7f7;}
.cn-nav-context .active a {background: transparent url(left-arrow.png) no-repeat right 50%;}

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

#main .content {
	min-height: 400px;
	font: 1.1em/1.1em Verdana, Helvetica, Arial, sans-serif;
}

#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 {
	-moz-box-sizing: border-box;
	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;
	-moz-box-sizing: border-box;
	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 0px repeat-y;
	padding-left: 50px;
	transition: all 0.3s ease-in;
	min-height: 400px;
}

.cn-layout-panel .cn-panel,.cn-layout-panel .cn-main-content {float: left;}
.cn-layout-panel .cn-main-content {
	-moz-box-sizing: border-box;
	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: 0px 0px;
}

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

.cn-conteneur-defaut .cn-dialog-title {display: none}
.CnConteneur-referme {
	text-align: right;
}

/* =dialog */
.dialog-hmax {
	height:100%!important;
	left: 0!important;
	overflow: auto;
}

.dialog-hmax > .ui-dialog-content {
	box-sizing: border-box;
	height:97%!important;
}

.ui-dialog {
	font: 1.1em/1.1em Verdana, Helvetica, Arial, sans-serif!important;
}
.ui-dialog-title {
	user-select: none;
}

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

.cn-modele-0 {padding: 10px 0;}
.cn-layout-1, .cn-modele-1 {padding: 0 10px;}
.cn-modele-2 {padding: 10px;}

#main .cn-layout-1 .cn-left-content {
	float: left;
	width: 18%;
	margin-right: 2%;
}

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

#main .cn-layout-1 .cn-main-content {
	float: left;
	width: 80%;
}

#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; box-shadow: -8px 2px 12px -2px #aaa;}
#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 {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;}

/* =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;}

[class^="cn-icon-"], [class*=" cn-icon-"],
.cn-form2 .cn-form-alert:before, .cn-form2 .cn-form-error:before,
.cn-options-lib:after, .cn-box-close a:before, [class*="cn-before-icon-"]:before,
.cn-nav-conteneur:before,
.cn-stat-tendance:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*.cn-icon-phone:before {content: "\e600";}*/
/*.cn-icon-mobile:before {content: "\e601";}*/
/*.cn-icon-mouse:before {content: "\e602";}*/
/*.cn-icon-directions:before {content: "\e603";}*/
/*.cn-icon-mail:before {content: "\e604";}*/
/*.cn-icon-paperplane:before {content: "\e605";}*/
.cn-icon-pencil:before {content: "\e606";}
/*.cn-icon-feather:before {content: "\e607";}*/
.cn-icon-paperclip:before {content: "\e608";}
/*.cn-icon-drawer:before {content: "\e609";}*/
/*.cn-icon-reply:before {content: "\e60a";}*/
/*.cn-icon-reply-all:before {content: "\e60b";}*/
/*.cn-icon-forward:before {content: "\e60c";}*/
/*.cn-icon-user:before {content: "\e60d";}*/
.cn-icon-users:before {content: "\e60e";}
/*.cn-icon-user-add:before {content: "\e60f";}*/
/*.cn-icon-vcard:before {content: "\e610";}*/
.cn-icon-export:before {content: "\e611";}
.cn-icon-location:before {content: "\e612";}
/*.cn-icon-map:before {content: "\e613";}*/
/*.cn-icon-compass:before {content: "\e614";}*/
/*.cn-icon-location2:before {content: "\e615";}*/
/*.cn-icon-target:before {content: "\e616";}*/
/*.cn-icon-share:before {content: "\e617";}*/
/*.cn-icon-sharable:before {content: "\e618";}*/
/*.cn-icon-heart:before {content: "\e619";}*/
/*.cn-icon-heart2:before {content: "\e61a";}*/
.cn-icon-star:before {content: "\e61b";}
/*.cn-icon-star2:before {content: "\e61c";}*/
/*.cn-icon-thumbs-up:before {content: "\e61d";}*/
/*.cn-icon-thumbs-down:before {content: "\e61e";}*/
/*.cn-icon-chat:before {content: "\e61f";}*/
.cn-icon-comment:before {content: "\e620";}
/*.cn-icon-quote:before {content: "\e621";}*/
/*.cn-icon-house:before {content: "\e622";}*/
/*.cn-icon-popup:before {content: "\e623";}*/
/*.cn-icon-search:before {content: "\e624";}*/
/*.cn-icon-flashlight:before {content: "\e625";}*/
/*.cn-icon-printer:before {content: "\e626";}*/
/*.cn-icon-bell:before {content: "\e627";}*/
.cn-icon-link:before {content: "\e628";}
/*.cn-icon-flag:before {content: "\e629";}*/
.cn-icon-cog:before {content: "\e62a";}
/*.cn-icon-tools:before {content: "\e62b";}*/
/*.cn-icon-trophy:before {content: "\e62c";}*/
/*.cn-icon-tag:before {content: "\e62d";}*/
/*.cn-icon-camera:before {content: "\e62e";}*/
/*.cn-icon-megaphone:before {content: "\e62f";}*/
/*.cn-icon-moon:before {content: "\e630";}*/
/*.cn-icon-palette:before {content: "\e631";}*/
/*.cn-icon-leaf:before {content: "\e632";}*/
/*.cn-icon-music:before {content: "\e633";}*/
/*.cn-icon-music2:before {content: "\e634";}*/
/*.cn-icon-new:before {content: "\e635";}*/
/*.cn-icon-graduation:before {content: "\e636";}*/
/*.cn-icon-book:before {content: "\e637";}*/
/*.cn-icon-newspaper:before {content: "\e638";}*/
/*.cn-icon-bag:before {content: "\e639";}*/
/*.cn-icon-airplane:before {content: "\e63a";}*/
/*.cn-icon-lifebuoy:before {content: "\e63b";}*/
.cn-icon-eye:before {content: "\e63c";}
.cn-icon-clock:before {content: "\e63d";}
/*.cn-icon-microphone:before {content: "\e63e";}*/
.cn-icon-calendar:before {content: "\e63f";}
/*.cn-icon-bolt:before {content: "\e640";}*/
/*.cn-icon-thunder:before {content: "\e641";}*/
/*.cn-icon-droplet:before {content: "\e642";}*/
/*.cn-icon-cd:before {content: "\e643";}*/
/*.cn-icon-briefcase:before {content: "\e644";}*/
/*.cn-icon-air:before {content: "\e647";}*/
/*.cn-icon-hourglass:before {content: "\e648";}*/
/*.cn-icon-gauge:before {content: "\e649";}*/
/*.cn-icon-language:before {content: "\e64a";}*/
/*.cn-icon-network:before {content: "\e64b";}*/
/*.cn-icon-key:before {content: "\e64c";}*/
/*.cn-icon-battery:before {content: "\e64d";}*/
/*.cn-icon-bucket:before {content: "\e64e";}*/
/*.cn-icon-magnet:before {content: "\e64f";}*/
/*.cn-icon-drive:before {content: "\e650";}*/
/*.cn-icon-cup:before {content: "\e651";}*/
.cn-icon-rocket:before {content: "\e652";}
/*.cn-icon-brush:before {content: "\e653";}*/
/*.cn-icon-suitcase:before {content: "\e654";}*/
/*.cn-icon-cone:before {content: "\e655";}*/
/*.cn-icon-earth:before {content: "\e656";}*/
/*.cn-icon-keyboard:before {content: "\e657";}*/
/*.cn-icon-browser:before {content: "\e658";}*/
/*.cn-icon-publish:before {content: "\e659";}*/
/*.cn-icon-progress-3:before {content: "\e65a";}*/
/*.cn-icon-progress-2:before {content: "\e65b";}*/
/*.cn-icon-brogress-1:before {content: "\e65c";}*/
/*.cn-icon-progress-0:before {content: "\e65d";}*/
/*.cn-icon-sun:before {content: "\e65e";}*/
/*.cn-icon-sun2:before {content: "\e65f";}*/
/*.cn-icon-adjust:before {content: "\e660";}*/
/*.cn-icon-code:before {content: "\e661";}*/
/*.cn-icon-screen:before {content: "\e662";}*/
/*.cn-icon-infinity:before {content: "\e663";}*/
/*.cn-icon-light-bulb:before {content: "\e664";}*/
/*.cn-icon-credit-card:before {content: "\e665";}*/
/*.cn-icon-database:before {content: "\e666";}*/
/*.cn-icon-voicemail:before {content: "\e667";}*/
/*.cn-icon-clipboard:before {content: "\e668";}*/
/*.cn-icon-cart:before {content: "\e669";}*/
.cn-icon-box:before, .cn-before-icon-box:before {content: "\e66a";}
/*.cn-icon-ticket:before {content: "\e66b";}*/
/*.cn-icon-rss:before {content: "\e66c";}*/
/*.cn-icon-signal:before {content: "\e66d";}*/
/*.cn-icon-thermometer:before {content: "\e66e";}*/
/*.cn-icon-droplets:before {content: "\e66f";}*/
/*.cn-icon-uniE670:before {content: "\e670";}*/
/*.cn-icon-statistics:before {content: "\e671";}*/
/*.cn-icon-pie:before {content: "\e672";}*/
/*.cn-icon-bars:before {content: "\e673";}*/
/*.cn-icon-graph:before {content: "\e674";}*/
.cn-icon-lock:before {content: "\e675";}
/*.cn-icon-lock-open:before {content: "\e676";}*/
.cn-icon-logout:before {content: "\e677";}
/*.cn-icon-login:before {content: "\e645";}*/
.cn-icon-checkmark:before {content: "\e678";}
.cn-icon-cross:before {content: "\e679";}
/*.cn-icon-minus:before {content: "\e67a";}*/
/*.cn-icon-plus:before {content: "\e67b";}*/
/*.cn-icon-cross2:before {content: "\e67c";}*/
/*.cn-icon-minus2:before {content: "\e67d";}*/
.cn-icon-plus2:before {content: "\e67e";}
/*.cn-icon-cross3:before {content: "\e67f";}*/
/*.cn-icon-minus3:before {content: "\e680";}*/
.cn-icon-plus3:before {content: "\e681";}
.cn-icon-erase:before {content: "\e682";}
/*.cn-icon-blocked:before {content: "\e683";}*/
/*.cn-icon-info:before {content: "\e684";}*/
.cn-icon-info2:before {content: "\e685";}
/*.cn-icon-question:before {content: "\e686";}*/
/*.cn-icon-help:before {content: "\e687";}*/
.cn-icon-warning:before {content: "\e688";}
/*.cn-icon-cycle:before {content: "\e689";}*/
.cn-icon-cw:before {content: "\e68a";}
/*.cn-icon-ccw:before {content: "\e68b";}*/
/*.cn-icon-shuffle:before {content: "\e68c";}*/
/*.cn-icon-arrow:before {content: "\e68d";}*/
/*.cn-icon-arrow2:before {content: "\e68e";}*/
/*.cn-icon-retweet:before {content: "\e68f";}*/
/*.cn-icon-loop:before {content: "\e690";}*/
/*.cn-icon-history:before {content: "\e691";}*/
/*.cn-icon-back:before {content: "\e692";}*/
/*.cn-icon-switch:before {content: "\e693";}*/
.cn-icon-list:before {content: "\e694";}
.cn-icon-add-to-list:before {content: "\e646";}
/*.cn-icon-layout:before {content: "\e695";}*/
/*.cn-icon-list2:before {content: "\e696";}*/
/*.cn-icon-text:before {content: "\e697";}*/
/*.cn-icon-text2:before {content: "\e698";}*/
.cn-icon-document:before {content: "\e699";}
/*.cn-icon-docs:before {content: "\e69a";}*/
.cn-icon-landscape:before {content: "\e69b";}
/*.cn-icon-pictures:before {content: "\e69c";}*/
/*.cn-icon-video:before {content: "\e69d";}*/
/*.cn-icon-music3:before {content: "\e69e";}*/
/*.cn-icon-folder:before {content: "\e69f";}*/
/*.cn-icon-archive:before {content: "\e6a0";}*/
.cn-icon-trash:before {content: "\e6a1";}
.cn-icon-upload:before {content: "\e6a2";}
/*.cn-icon-download:before {content: "\e6a3";}*/
.cn-icon-disk:before {content: "\e6a4";}
/*.cn-icon-install:before {content: "\e6a5";}*/
/*.cn-icon-cloud:before {content: "\e6a6";}*/
/*.cn-icon-upload2:before {content: "\e6a7";}*/
/*.cn-icon-bookmark:before {content: "\e6a8";}*/
/*.cn-icon-bookmarks:before {content: "\e6a9";}*/
/*.cn-icon-book2:before {content: "\e6aa";}*/
/*.cn-icon-play:before {content: "\e6ab";}*/
/*.cn-icon-pause:before {content: "\e6ac";}*/
/*.cn-icon-record:before {content: "\e6ad";}*/
/*.cn-icon-stop:before {content: "\e6ae";}*/
/*.cn-icon-next:before {content: "\e6af";}*/
/*.cn-icon-previous:before {content: "\e6b0";}*/
/*.cn-icon-first:before {content: "\e6b1";}*/
/*.cn-icon-last:before {content: "\e6b2";}*/
/*.cn-icon-resize-enlarge:before {content: "\e6b3";}*/
/*.cn-icon-resize-shrink:before {content: "\e6b4";}*/
/*.cn-icon-volume:before {content: "\e6b5";}*/
/*.cn-icon-sound:before {content: "\e6b6";}*/
/*.cn-icon-mute:before {content: "\e6b7";}*/
/*.cn-icon-flow-cascade:before {content: "\e6b8";}*/
/*.cn-icon-flow-branch:before {content: "\e6b9";}*/
/*.cn-icon-flow-tree:before {content: "\e6ba";}*/
/*.cn-icon-flow-line:before {content: "\e6bb";}*/
/*.cn-icon-flow-parallel:before {content: "\e6bc";}*/
/*.cn-icon-arrow-left:before {content: "\e6bd";}*/
/*.cn-icon-arrow-down:before {content: "\e6be";}*/
/*.cn-icon-arrow-up--upload:before {content: "\e6bf";}*/
/*.cn-icon-arrow-right:before {content: "\e6c0";}*/
/*.cn-icon-arrow-left2:before {content: "\e6c1";}*/
/*.cn-icon-arrow-down2:before {content: "\e6c2";}*/
/*.cn-icon-arrow-up:before {content: "\e6c3";}*/
/*.cn-icon-arrow-right2:before {content: "\e6c4";}*/
/*.cn-icon-arrow-left3:before {content: "\e6c5";}*/
/*.cn-icon-arrow-down3:before {content: "\e6c6";}*/
/*.cn-icon-arrow-up2:before {content: "\e6c7";}*/
/*.cn-icon-arrow-right3:before {content: "\e6c8";}*/
/*.cn-icon-arrow-left4:before {content: "\e6c9";}*/
.cn-icon-arrow-down4:before, .desc span.cn-icon-style:before {content: "\e6ca";}
.cn-icon-arrow-up3:before, .asc span.cn-icon-style:before {content: "\e6cb";}
.cn-icon-arrow-right4:before {content: "\e6cc";}
/*.cn-icon-arrow-left5:before {content: "\e6cd";}*/
/*.cn-icon-arrow-down5:before {content: "\e6ce";}*/
/*.cn-icon-arrow-up4:before {content: "\e6cf";}*/
/*.cn-icon-arrow-right5:before {content: "\e6d0";}*/
/*.cn-icon-arrow-left6:before {content: "\e6d1";}*/
/*.cn-icon-arrow-down6:before {content: "\e6d2";}*/
/*.cn-icon-arrow-up5:before {content: "\e6d3";}*/
/*.cn-icon-arrow-right6:before {content: "\e6d4";}*/
/*.cn-icon-arrow-left7:before {content: "\e6d5";}*/
/*.cn-icon-arrow-down7:before {content: "\e6d6";}*/
/*.cn-icon-arrow-up6:before {content: "\e6d7";}*/
/*.cn-icon-uniE6D8:before {content: "\e6d8";}*/
/*.cn-icon-arrow-left8:before {content: "\e6d9";}*/
/*.cn-icon-arrow-down8:before {content: "\e6da";}*/
/*.cn-icon-arrow-up7:before {content: "\e6db";}*/
/*.cn-icon-arrow-right7:before {content: "\e6dc";}*/
/*.cn-icon-menu:before {content: "\e6dd";}*/
.cn-icon-ellipsis:before {content: "\e6de";}
/*.cn-icon-dots:before {content: "\e6df";}*/
/*.cn-icon-dot:before {content: "\e6e0";}*/
/*.cn-icon-cc:before {content: "\e6e1";}*/
/*.cn-icon-cc-by:before {content: "\e6e2";}*/
/*.cn-icon-cc-nc:before {content: "\e6e3";}*/
/*.cn-icon-cc-nc-eu:before {content: "\e6e4";}*/
/*.cn-icon-cc-nc-jp:before {content: "\e6e5";}*/
/*.cn-icon-cc-sa:before {content: "\e6e6";}*/
/*.cn-icon-cc-nd:before {content: "\e6e7";}*/
/*.cn-icon-cc-pd:before {content: "\e6e8";}*/
/*.cn-icon-cc-zero:before {content: "\e6e9";}*/
/*.cn-icon-cc-share:before {content: "\e6ea";}*/
/*.cn-icon-cc-share2:before {content: "\e6eb";}*/
/*.cn-icon-daniel-bruce:before {content: "\e6ec";}*/
/*.cn-icon-daniel-bruce2:before {content: "\e6ed";}*/
/*.cn-icon-github:before {content: "\e6ee";}*/
/*.cn-icon-github2:before {content: "\e6ef";}*/
/*.cn-icon-flickr:before {content: "\e6f0";}*/
/*.cn-icon-flickr2:before {content: "\e6f1";}*/
/*.cn-icon-vimeo:before {content: "\e6f2";}*/
/*.cn-icon-vimeo2:before {content: "\e6f3";}*/
/*.cn-icon-twitter:before {content: "\e6f4";}*/
/*.cn-icon-twitter2:before {content: "\e6f5";}*/
/*.cn-icon-facebook:before {content: "\e6f6";}*/
/*.cn-icon-facebook2:before {content: "\e6f7";}*/
/*.cn-icon-facebook3:before {content: "\e6f8";}*/
/*.cn-icon-googleplus:before {content: "\e6f9";}*/
/*.cn-icon-googleplus2:before {content: "\e6fa";}*/
/*.cn-icon-pinterest:before {content: "\e6fb";}*/
/*.cn-icon-pinterest2:before {content: "\e6fc";}*/
/*.cn-icon-tumblr:before {content: "\e6fd";}*/
/*.cn-icon-tumblr2:before {content: "\e6fe";}*/
/*.cn-icon-linkedin:before {content: "\e6ff";}*/
/*.cn-icon-linkedin2:before {content: "\e700";}*/
/*.cn-icon-dribbble:before {content: "\e701";}*/
/*.cn-icon-dribbble2:before {content: "\e702";}*/
/*.cn-icon-stumbleupon:before {content: "\e703";}*/
/*.cn-icon-stumbleupon2:before {content: "\e704";}*/
/*.cn-icon-lastfm:before {content: "\e705";}*/
/*.cn-icon-lastfm2:before {content: "\e706";}*/
/*.cn-icon-rdio:before {content: "\e707";}*/
/*.cn-icon-rdio2:before {content: "\e708";}*/
/*.cn-icon-spotify:before {content: "\e709";}*/
/*.cn-icon-spotify2:before {content: "\e70a";}*/
/*.cn-icon-qq:before {content: "\e70b";}*/
/*.cn-icon-instagram:before {content: "\e70c";}*/
/*.cn-icon-dropbox:before {content: "\e70d";}*/
/*.cn-icon-evernote:before {content: "\e70e";}*/
/*.cn-icon-flattr:before {content: "\e70f";}*/
/*.cn-icon-skype:before {content: "\e710";}*/
/*.cn-icon-skype2:before {content: "\e711";}*/
/*.cn-icon-renren:before {content: "\e712";}*/
/*.cn-icon-sina-weibo:before {content: "\e713";}*/
/*.cn-icon-paypal:before {content: "\e714";}*/
/*.cn-icon-picasa:before {content: "\e715";}*/
/*.cn-icon-soundcloud:before {content: "\e716";}*/
/*.cn-icon-mixi:before {content: "\e717";}*/
/*.cn-icon-behance:before {content: "\e718";}*/
/*.cn-icon-circles:before {content: "\e719";}*/
/*.cn-icon-vk:before {content: "\e71a";}*/
/*.cn-icon-smashing:before {content: "\e71b";}*/

/* 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: 0px;
	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: 0px;
	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;
}
.CnGridEntetes-label [class^="cn-icon-"] {line-height: inherit}
.CnGridEntetes-label:first-letter {text-transform: uppercase;}

.CnGridTri:focus, .CnGridTri:hover {text-decoration: none;}

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

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

.CnGrid tbody td {height: 20px; 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 {
	visibility: hidden;
	width: 0px;
}
.CnGrid-onChange + .CnGridSelecteur-cancel {display: inline-block;}

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

.CnGridSelecteur {
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #F4F4F4;
	background: #F4F4F4;
}

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

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

.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-conteneur-defaut > .cn-tabs > li:first-child {padding-left: 10px;}

.cn-tabs a, .cn-tab-inactive {
	display: block;
	padding: 5px 10px;
	font-size: 90%;
}
.cn-tabs > li > a, .cn-tab-inactive {
	height: 12px;
	margin-bottom: -4px;
	border-bottom: 4px solid transparent;
	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 {
	border-bottom-color: #f57722;
	color: #000;
	text-decoration: none;
}

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

.cn-tabs .cn-options-bloc a:link, .cn-tabs .cn-options-bloc a:visited {color: #000; white-space: nowrap;text-transform: lowercase;}
.cn-tabs .cn-options-bloc a:focus, .cn-tabs .cn-options-bloc a:hover {background: #f57722;}

/* =modal */
.ui-dialog .ui-widget-content a {color: #4486F6;}

/* =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 */

.ui-notify {
	position: fixed;
	z-index: 10000;
	width: 500px;
	top: 0;
	right: 0;
}

.ui-notify-message {
	margin-bottom: 15px;
}

.ui-notify-message:last-child {margin-bottom: 0}

.ui-notify-block {
	padding: 7px 15px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
	color: #FFF;
}

.ui-notify-type-info {background: #339BB9;}
.ui-notify-type-valid {background: #57A957;}
.ui-notify-type-error {background: #C43C35;}
.ui-notify-type-warning {background: #EEDC94; color: #404040;}

.ui-notify-block a {
	text-decoration: underline;
	color: white;
}

.ui-notify-block a.ui-notify-cross {
	float: right;
	font-family: Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #404040;
	opacity: 0.25;
}

.ui-notify-cross:hover {
	color: #000;
	opacity: 0.4;
	text-decoration: none;
}

.ui-notify-cross:active {position:relative; top:1px}

/* =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 {
	float: left;
	cursor: pointer;
	padding-left: 20px;
	line-height: 16px;
	background: transparent url(icons.gif) no-repeat 0 -1716px;
}

.cn-tag-remover {
	background: transparent url(icons.gif) no-repeat 0 -396px;
	float: left;
	margin-left: 2px;
	width: 16px;
	height: 16px;
	visibility: hidden;
}

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

.cn-tags-clear {height: 0px;}

/* =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-remove {
	position: absolute;
	right: 5px;
	top: 5px;
	display: block;
	width: 16px;
	height: 16px;
	background: #eee url(icons.gif) no-repeat 0 -528px;
}

.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;
}

.cn_breadcrumb > li {
	display: inline-block;
	font: 1em/1.2em Verdana, Helvetica, Arial, sans-serif;
}
.cn_breadcrumb > li:not(:first-child):before {content:"/"}
.cn_breadcrumb > li:first-child {margin-left: 10px;}
.cn_breadcrumb > li > :first-child {display: inline-block;}

.cn_breadcrumb > li > a, .cn_breadcrumb a.cn-options-trig {
	padding: 4px;
	text-transform: capitalize;
}

.cn_breadcrumb a:link, .cn_breadcrumb a:visited {color: #000;}
.cn_breadcrumb a:focus, .cn_breadcrumb a:hover {color: #000;}

/* boite options */
.cn_breadcrumb .cn-options-bloc > div a {display: block; padding: 4px 6px; line-height: 1}
.cn_breadcrumb .cn-options-bloc > div a:focus, .cn_breadcrumb .cn-options-bloc > div a:hover {text-decoration: none; background: #f57722;}

/* =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;}
select {
	padding: 0 20px 0  2px;
	text-indent: 0.01px;
	text-overflow: '';
	appearance: none;
	background-color: white;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAANtJREFUeJzt0MkRgkAUBuE+eNdwiMeFIAnAJRwSUC+8KsoNhcGCob8qjs6zf5AkSZIkSZIk9bbK5EYvG+AEbEe8UQJHYD3ijV42wAW4AVfGGaFs3r8BZyY0Qju+/e0S3mjHT26Eiuc/l3KEV/HxVQneH6wAasYZ4VN83dyehK4R9j3enE18SDnC7OJDihFmGx+GjDD7+NA1wuHFb7KJD7+MkF18+GaEbOND1whZx4dfR8gqPnw7QpbxoWuErOPDuxEWER8eR1hUfIgRFhkfChYcL0mSJEmSJEn6tzsaC9SYLvp20QAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}

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: 0px 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:last-child {
	padding-right: 20px;
	background: transparent url(./icons.gif) no-repeat right -264px;
}

.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;
	/*background: transparent url(./icons.gif) no-repeat left -462px;
    padding-left: 20px;*/
}

/* alertes */
.cn-form blockquote, fieldset blockquote, .cn-form2 blockquote {
	margin-bottom: 0.8em;
	padding-left: 20px;
	line-height: 16px;
	background: transparent url(icons.gif) no-repeat 0 -792px;
}

.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-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 .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 {
	overflow: hidden;
	width: 100%;
}

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;}

/* options */

.cn-options {position: relative!important;}/* conteneur */

/* trigger */
a.cn-options-trig {display: inline-block;}

.cn-options-lib:after {
	content: "\e6cc";
	font-size: 160%;
	float: right;
}

a.cn-options-opened {
	box-shadow: 2px 3px 1px #333;
	background-color: #777777!important;
	color: white!important;
	text-decoration: none;
}

a.cn-options-opened .cn-options-lib:after {content: "\e6ca";}

.cn-options-bloc {/* bloc options masqué */
	background: none repeat scroll 0 0 #F8F8F8;
	box-shadow: 2px 3px 1px #333;
	display: none;
	position: absolute;
	top: 100%;
	z-index: 200;
}

.cn-options-aligned {/*right:0;*/min-width: 100%;}
.cn-options-aligneg {right:auto;}

.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);
}

.ui-datepicker {z-index: 99999 !important;}/* pour modal */

/* =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;
	box-shadow: 2px 3px 1px #333;
}

.cn-box-close {height: 20px; text-align: right;}

.cn-box-close a:before {
	/*
    display: inline-block;
    position: relative;
    top: 1px;
    right: 0px;
    width: 20px;
    height: 18px;
    border: 1px solid #E1E1E1;
    border-bottom-color: #F8F8F8;
    background: #F8F8F8 url(icons.gif) no-repeat 2px -396px;
    */
	border: 1px solid #E1E1E1;
	background: #F8F8F8;
	box-shadow: 2px 3px 1px #333;
	font-size: 200%;
	content: "\e679";
}
.cn-box-close > a:focus, .cn-box-close > a:hover {text-decoration: none;}

/* 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;
}

.cn-badge {
	font-size: 90%;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: middle;
	background-color: #999999;
	padding: 1px 9px 2px;
	border-radius: 9px;
}

.cn-badge-inverse {
	background-color: #333;
}

.nav {margin-bottom: 15px;}

.nav .nav-section {
	list-style-type: none;
	font-size: 105%;
	line-height: 1.1;
}

.nav .nav-section-header {
	position: relative;
	margin-bottom: 1px;
	padding: 0 30px 0 0;
}

.nav .expanded .nav-section-header,
.nav .selected .nav-section-header {
	background: #F7F7F7;
	/*background: rgba(0, 0, 0, 0.05);*/
}

.nav .nav-section-header::after {
	content: '';
	background: transparent url(disclosure_down.png) no-repeat scroll 50% 50%;
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.nav .expanded > .nav-section-header::after {
	background-image: url(disclosure_up.png);
}

.nav .nav-section ul {
	display: none;
	overflow: hidden;
	font-size: 90%;
}

.nav .nav-section li {
	/*padding: 7px 30px 7px 10px*/
	float: left;
	width: 100%;
	padding: 7px 0;
}

.nav .expanded ul > li {
	background: #EFEFEF;
	background: rgba(0, 0, 0, 0.01);
}

.nav .nav-section li a {
	display: block;
	margin: 0 30px 0 10px;
	font-weight: normal;
}

.nav > li > div > a {
	display: block;
	color: #333;
	font-weight: 500;
	padding: 10px 0 10px 10px;
}

.nav > li.selected > div > a {font-weight:bold;}

.nav .nav-section .grippy {
	width: 12px;
	height: 14px;
}

.list-action {text-align: right;}

/* nav-action */
.nav-action li a {
	float: right;
}

/* sortable-list */
.sortable-list {
	position: relative;
	padding-left: 20px;
}

.sortable-list .grippy {
	position: absolute;
	left: -0;
	top: 0;
}

/* 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 {
	font-family: 'icomoon';
	content: "\e66a";
	line-height: 1.4;
	vertical-align: middle;
	font-size: 140%;
	color: #999;
}

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

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



.tree ul {}

.tree li {
	padding: 2px 0 2px 20px;
	white-space: nowrap;
	line-height: 1.5;
}

.tree > ul > li {background: url(jqueryFileTree/directory.png) left top no-repeat;}
.tree li.open {background-image: url(jqueryFileTree/folder_open.png)!important;}

.tree .edit {
	visibility: hidden;
	font-style: normal!important;
}

.tree .edit a {color: #00f!important;}
.tree span:hover .edit {visibility: visible;}

.tree input {float: none!important;}
.tree input[disabled] {opacity: 0.5}

ul.jqueryFileTree li {
	position: relative;
	white-space: nowrap;
}

ul.jqueryFileTree:not(:first-child) li {padding: 0 0 0 24px;}

ul.jqueryFileTree li:before {
	line-height: 1.4;
	vertical-align: top;
	font-size: 140%;
	color: #999;/*color info*/
}

ul.jqueryFileTree li.wait {background: url(indicator.gif) left top no-repeat;}

ul.jqueryFileTree a {
	color: #333;
	text-decoration: none;
	padding: 0px 2px;
}

ul.jqueryFileTree .cn-bouton {
	position: absolute;
	top: 0;
}

ul.jqueryFileTree .cn-icon-pencil {right: 20px;}
ul.jqueryFileTree .cn-icon-plus3 {right: 0;}
ul.jqueryFileTree .cn-icon-cw {right: 40px;}

ul.jqueryFileTree span, ul.jqueryFileTree i {
	display: inline-block;
	width: 80%;
	padding: 2px;
}

ul.jqueryFileTree li .cn-bouton {display: none}
ul.jqueryFileTree li a:hover {text-decoration: underline;}
ul.jqueryFileTree li.selected>span a:first-child {font-weight: bold;}
ul.jqueryFileTree li.selected>span .cn-bouton {display: inline}

.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;
}

.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;
}