/*
 * 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.eot');
		src:url('font/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
			url('font/icomoon/icomoon.ttf') format('truetype'),
			url('font/icomoon/icomoon.woff') format('woff'),
			url('font/icomoon/icomoon.svg#icomoon') format('svg');
		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;}
		.cn-nav-trigger {
			display: block;
			position: relative;
		    padding: 10px 30px 10px 10px;
			font: bold 230%/1 Arial,Helvetica,sans-serif;
			text-transform: uppercase;
		}

			.cn-nav-trigger > strong {font-size: 35%; color: #f57722;}
			.cn-nav-trigger > span {position: absolute; top: 10px; right: 10px;}

		.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-trigger:hover > span {color: #4486F6}

		.cn-nav {
		  display: none;
		  padding: 10px;
		}

		.cn-nav > li {
		  float: left;
		  width: 25%;
		  font-size: 130%;
		  color: #999;
		  min-width: 320px;
		}

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

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

		nav.opened {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10000;
			height: 100%;
			background: rgba(0,0,0,0.7);
		}

		   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:link, .cn-nav-lien:visited {color: white!important}

		#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 {padding: 10px;}
			
			.cn-layout-list, .cn-layout-edit {padding: 10px 0;}

			/* 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: 100%;
				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-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-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 */
	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";}*/


	.icon {
		padding: 0.2ex 0 0.2ex 20px;
	 	background-image: url(icons.gif);
	 	background-color: transparent;
		background-repeat: no-repeat;
	}
	
	.picto {
		display: inline-block;
		width: 16px;
		height: 16px;
		text-indent: -1000em;
		background-image: url(icons.gif);
	 	background-color: transparent;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	
	.icon-accept{background-position: 0 0;}
	.icon-add{background-position: 0 -66px;}
	.icon-refresh{background-position: 0 -132px;}
	.icon-attach{background-position: 0 -198px;}
	.icon-bullet_red{background-position: 0 -264px;}
	.icon-cancel{background-position: 0 -330px;}
	.icon-close{background-position: 0 -396px;}
	.icon-date{background-position: 0 -462px;}
	.icon-delete{background-position: 0 -528px;}
	.icon-email{background-position: 0 -594px;}
	.icon-error{background-position: 0 -660px;}
	.icon-excel{background-position: 0 -726px;}
	.icon-exclamation{background-position: 0 -792px;}
	.icon-help{background-position: 0 -858px;}
	.icon-information{background-position: 0 -924px;}
	.icon-lightbulb{background-position: 0 -990px;}
	.icon-lock{background-position: 0 -1056px;}
	.icon-lock_add{background-position: 0 -1122px;}
	.icon-lock_delete{background-position: 0 -1188px;}
	.icon-magifier_zoom_out{background-position: 0 -1254px;}
	.icon-magnifier{background-position: 0 -1320px;}
	.icon-magnifier_zoom_in{background-position: 0 -1386px;}
	.icon-page_edit{background-position: 0 -1452px;}
	.icon-page_white_acrobat{background-position: 0 -1518px;}
	.icon-printer{background-position: 0 -1584px;}
	.icon-star{background-position: 0 -1650px;}
	.icon-tag_blue{background-position: 0 -1716px;}
	.icon-tick{background-position: 0 -1782px;}
	.icon-clock{background-position: 0 -1848px;}
	.icon-clock_disable{background-position: 0 -1914px;}
	.icon-trash{background-position: 0 -1980px;}
	.icon-trash_remove{background-position: 0 -2046px;}
	.icon-export{background-position: 0 -2112px;}
	.icon-link{background-position: 0 -2178px;}

	/* 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-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
		height: 300px;
		overflow: auto;
		padding-right: 20px;
	}
	
	.ac_results iframe {
		display:none;/*sorry for IE5*/
		display/**/:block;/*sorry for IE5*/
		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;
	}

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

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

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

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

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

	.CnGrid tr.etat-0 td {color: #c0c0c0;}
	.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;
        }

		.CnGridLiens {text-align: 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;
        }

/* =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 {
				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;}
		.cn-tabs .cn-options-bloc a:focus, .cn-tabs .cn-options-bloc a:hover {background: #f57722;}

/* =tooltip */
	.tipsy { padding: 5px; font-size: 10px; background-repeat: no-repeat; }
	.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
	.tipsy-north { background-image: url(tipsy-north.gif); background-position: top center; }
	.tipsy-south { background-image: url(tipsy-south.gif); background-position: bottom center; }
	.tipsy-east { background-image: url(tipsy-east.gif); background-position: right center; }
	.tipsy-west { background-image: url(tipsy-west.gif); background-position: left center; }

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

/* =uploadify */
	.uploadifyQueueItem {
		margin-top: 5px;
	}
	
	.uploadifyError {
		color: red !important;
	}
	
	.uploadifyQueueItem .cancel {float: right;}
	
	.uploadifyProgress {
		background-color: #FFFFFF;
		border-top: 1px solid #808080;
		border-left: 1px solid #808080;
		border-right: 1px solid #C5C5C5;
		border-bottom: 1px solid #C5C5C5;
		margin-top: 10px;
		width: 200px;
	}
	.uploadifyProgressBar {
		background-color: #0099FF;
		width: 1px;
		height: 3px;
	}

/* =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 {
		display: inline-block;
	}

/* =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;
		-moz-box-sizing: border-box;
		-webkit-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 2px;
		/*
		webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		*/
		text-indent: 0.01px;
		text-overflow: '';
		background: #ffffff url(tipsy-south.gif) right 5px center no-repeat;
	}

	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: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-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: 6em;
		/*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, .cn-form2 .label, .cn-form2 .cn-form-cell {display: table-cell;}
	.cn-form2 .cn-form-cell {width: 88%; padding-left: 24px;}
	.cn-form2 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 {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: -27px;
		width: 24px;
		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;}

/* =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 {
			background: rgba(100,100,100,0.5);
		}

		.cn-fixed {position: fixed; top: 0; z-index: 100;}
	
/* =menu déroulant */
	a.cn-menud-trigger {
		padding-right: 14px;
		background: transparent url(tipsy-south.gif) no-repeat 100% 65%;
	}
	
	ul.cn-menud {
		display: none;
		border: 1px solid #e1e1e1;
		position: absolute;
		top: 80%;
		right: 0;
		z-index: 100;
		background: #f8f8f8;
	}
	
	ul.cn-menud li {
		display: block;
	}
	
/* 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: 9999;}/* 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-options */
.cn-options {}
.cn-options-container {display: none;
		margin-top: 5px;
		padding: 10px;
    	background: #f7f7f7;
    	}
.cn-options-trigger {
	padding-left: 14px;
	background: transparent url(tipsy-east.gif) no-repeat left center;
}
.cn-options-on {background-image: url(tipsy-south.gif);}

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


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



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

.cnResume {font-size: 110%;}
    .cnResume-prop th {padding-bottom: 1em;}
    .cnResume-label {font-weight: bold;}

.cnBig {font-size: 160%}

.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;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    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;}

/* jqueryFileTree */

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 a:hover {text-decoration: underline;}

ul.jqueryFileTree li.selected>span a:first-child {font-weight: bold;}

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

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

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

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

a.desactive {
    pointer-events: none;
    cursor: not-allowed;
    /*color: #E2E2E2!important;*/
	color: rgba(0,0,0,0.38)!important;
}

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

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

/* https://github.com/andreruffert/rangeslider.js */

.rangeslider,
.rangeslider__fill {
	display: block;
}

.rangeslider {
	background: #e6e6e6;
	position: relative;
}

.rangeslider--horizontal {
	height: 10px;
	width: 100%;
}

.rangeslider--vertical {
	width: 10px;
	min-height: 150px;
	max-height: 100%;
}

.rangeslider--disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: 0.4;
}

.rangeslider__fill {
	background: #666;
	position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
	top: 0;
	height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
	bottom: 0;
	width: 100%;
}

.rangeslider__handle {
	background: white;
	border: 1px solid #ccc;
	cursor: pointer;
	display: inline-block;
	width: 30px;
	height: 20px;
	position: absolute;
    line-height: 21px;
    text-align: center;
}

.rangeslider__handle:after {
	content: "";
	display: block;
	width: 28px;
	height: 18px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.rangeslider--horizontal .rangeslider__handle {
	top: -5px;
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
	left: -10px;
	touch-action: pan-x;
	-ms-touch-action: pan-x;
}