/* =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;/* ie */}
	html {font-size: 100%;}
	body {font: 0.625em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;}
	input, select, textarea * {font-size: 100%;}
	.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
	.clearfix{display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix{display: block;}
	/* End hide from IE-mac */
	/*** Image Replacement */
	.mir {letter-spacing : -1000em;}
	/*\*/
	* html .mir {text-indent: -999em;overflow: hidden;}
	html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
	.clear {clear: both;}
	div.clear {height: 0;}
	.no-wrap {white-space:nowrap;}
	
	.cn-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.cn-clearfix {display: inline-block;}
	/* required comment for clearfix to work in Opera \*/
	* html .cn-clearfix { height:1%; }
	.cn-clearfix {display:block;}

/* =font*/
@font-face {
    font-family: "League Gothic";
    font-style: normal;
    font-weight: normal;
    src: url("font/league_gothic/league_gothic.otf");
}
@font-face {
    font-family: "Bebas Neue";
    font-style: normal;
    font-weight: normal;
    src: url("font/bebas-neue/bebas-neue.otf");
}
	
/* =body */
	html {
		color: #000;
		text-align: center;
	}
	
	body {
		text-align: left;
		background: #000;
	}

/* =header */
	#header {
		width: 100%;
		color: #fff;
		background: transparent;
	}

		#header .content {padding: 10px;}

			#header h1 {
				font: normal 32px/1 "Bebas Neue", "League Gothic", Haettenschweiler, Impact, "Arial Narrow", sans-serif;
				text-transform: uppercase;
				letter-spacing: 1px;
			}

/* =nav-main */
	#nav-main {
		background: #000;
		border-bottom: 4px solid #f57722;
	}
	
		#nav-main ul {padding-bottom: 8px;}
	
			#nav-main li {
				display: inline-block;
				font: 200 18px/1 "Bebas Neue", "League Gothic", "Arial Narrow", Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				letter-spacing: .5px;
			}
	
			#nav-main li:last-child {float: right;}
	
	#nav-main a.nav-section {
		display: block;
		padding: 4px 10px;
		text-transform: uppercase;
	}
	
	#nav-main span {
		display: block;
		padding: 3px 10px;
		color: #ddd;
	}
	
	#nav-main a:link, #nav-main a:visited {color: #ccc;}
	
	#nav-main a.nav-section:focus, #nav-main a.nav-section:hover,
	#nav-main #nav-module-selected a {
		color: #f57722;
	}

/* =nav-second */
	#nav-second {
		/*display: none;*/
		background: #C6C4BB;
		padding: 5px 15px;
		font: 1.1em/1.2em Verdana, Helvetica, Arial, sans-serif;
	}
	
	#nav-second>ul>li {
		float: left;
		padding-right: 15px;
		margin: 5px 15px 0 0;
		border-right: 1px solid #000;
	}
	
	#nav-second strong {
		display: block;
		clear: both;
		margin-bottom: 0.2em;
	}
	
	#nav-second ul ul {
		float: left;
		padding-right: 15px;
		margin-right: 15px;
		border-right: 1px solid #c0c0c0;
	}
	
	#nav-second ul li ul:last-child {border-right: none;}
	
	#nav-second a:focus, #nav-second a:hover {text-decoration: underline;}

/* =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;
		padding-bottom: 10px;
	}
		
	#main .content {
		min-height: 400px;
		padding: 0 10px;
		font: 1.1em/1.1em Verdana, Helvetica, Arial, sans-serif;
	}

	* html #main .content {height: 400px;}
	
	#main .left {
		float: left;
		width: 50%;
	}
	
	#main .right {
		float: right;
		width: 45%;
	}
	
		#main .cn-layout-1 {
			/*
			padding-left: 220px;
			position: relative;
			*/
		}
		
		#main .cn-layout-1 .cn-left-content {
			/*
			width: 200px;
			position: absolute;
			left: 0;
			top: 5px;
			*/
			float: left;
			width: 18%;
			margin-right: 2%;
		}
		
		#main .cn-layout-1 .cn-main-content {float: left; width: 79%;}
		
		.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;
	}
	
	table {
		width: 100%;
		border-collapse: collapse;
		empty-cells: show;
	}
	
	th, td {
		padding: 3px 4px;
		vertical-align: top;
	}
	
	th {font-weight: bold;}

/* =footer */
	#footer{}

	#footer .content {
		padding: 10px;
		text-align: right;
		color: #ccc;
		font: 200 18px/1 "Bebas Neue", "League Gothic", "Arial Narrow", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: .5px;
	}
	
	#footer a:link, #footer a:visited {
		color: #999;
		text-decoration: underline;
	}
	
/* =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: #000;}
	a:focus,a:hover{color: #00f;}

/* =icons */
	.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;}
	
/* =autocomplete */
	.ac_results {
		padding: 0px;
		border: 1px solid WindowFrame;
		background-color: Window;
		overflow: hidden;
		text-align: left;
		z-index: 9999;
	}
	
	.ac_results ul {
		/*width: 100%;*/
		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_loading {background : transparent url('./indicator.gif') right center no-repeat;}*/
	
	.ac_over {
		background-color: Highlight;
		color: HighlightText;
	}

/* =tree */
	.cn-tree {
		clear: both;
		background: transparent url(./line.gif) repeat-y 32% 0%;
	}
	
	.cn-tree-dir {
		float: left;
		width: 30%;
	}
	
		.cn-tree-dir .picto {opacity: 0.3;}
	
	.cn-tree-content {
		float: right;
		width: 66%;
	}

/* =grid */
	.cn_tab_resultats {clear: both; margin-bottom: 15px;}
	.cn_tab_resultats caption {border-bottom: 1px solid #c0c0c0; text-align: left; padding: 4px 0;}
	.cn_tab_resultats caption span {background: #e0e0e0; color: black; font-weight: bold; padding: 4px;}
	.cn_tab_resultats thead th {border-bottom: 1px solid #c0c0c0; text-align: left;}
	.cn_tab_resultats tfoot tr:first-child td {border-top: 1px solid #c0c0c0;}
	.cn_tab_resultats tbody tr:nth-child(even) {background: #f0f0f0;}
	.cn_tab_resultats tbody tr:nth-child(odd) {background: #fcfcfc;}
	.cn_tab_resultats tr.etat-0 td {color: #c0c0c0;}
	.cn_tab_resultats tr.lu-0 td {font-weight: bold;}
	.cn_tab_resultats tr.active td {background: #FFFFCC;}
	.cn_tab_resultats tr.edited td {background: #000; color: #fff;}
	.cn_tab_resultats tr.modified td {font-weight:bold; font-style: italic;}
	.cn_tab_resultats tr.warning td {background: red;}
	.cn_tab_resultats tr.remove td {background: #FF5500;}
	.cn_tab_resultats th a {padding-right: 20px;}
	.cn_tab_resultats th a.tri {background-color: transparent; background-repeat: no-repeat; background-position: right center;}
	.cn_tab_resultats th a.asc {background-image: url(tipsy-north.gif);}
	.cn_tab_resultats th a.desc {background-image: url(tipsy-south.gif);}
	
	.cn_tab_resultats td.cn-tab-outils {padding-bottom: 8px;}
		
		.cn-tab-outils span {display: inline-block; margin-left: 5px; border: 2px solid #E1E1E1; border-radius: 3px; background: #F4F4F4; padding: 2px;}
		.cn-tab-outils span.focus {border-color: #6D9FD7;}
		.cn-tab-outils input {border: none; background: transparent;}
		.cn-tab-outils input:focus {outline: none;}
		.cn-tab-find-cancel {visibility: hidden;width: 0px;}
	
/* =onglets */
	.cn-tabs {
		float: left;
		width: 100%;
		clear: both;
		border-bottom: 1px solid #c0c0c0;
		margin-bottom: 1em;
	}
	
		.cn-tabs > li {float: left;}
		
			.cn-tabs a, .cn-tab-inactive {
				display: block;
				padding: 5px 10px;
				border-bottom: 4px solid transparent;
			}
			
			.cn-tab-inactive {opacity: 0.3;}
			a.cn-tab-active:link, a.cn-tab-active:visited {border-bottom-color: #c0c0c0;}

/* =pagination */
	.cn-tab-nav-page{float: right;}
	.cn-tab-nav-page a, .cn-tab-nav-page span {padding: 2px 4px;}
	.cn-tab-nav-page a:focus, .cn-tab-nav-page a:hover {text-decoration: underline;}
	.cn-tab-nav-page span {color: white; background: black;}

/* =tooltip */
	.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; 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: #00f;}

/* =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 {width:350px; position:fixed; top:10px; right:10px;}
	.ui-notify-message {padding:10px; margin-bottom:15px; border-radius:8px; border: 1px solid #333333;}
	.ui-notify-message h1 {font-size:16px; margin:0; padding:0}
	.ui-notify-message p {font-size:12px; margin:3px 0; padding:0; line-height:18px}
	.ui-notify-message:last-child {margin-bottom:0}
	.ui-notify-message-style {background:rgba(80,80,80,0.9); box-shadow: 0 0 6px #000;}
	.ui-notify-message-style h1 {color:#fff; font-weight:bold}
	.ui-notify-message-style p {color:#fff}
	.ui-notify-close {color:#fff; text-decoration:underline}
	.ui-notify-click {cursor:pointer}
	.ui-notify-cross {margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px}
	.ui-notify-cross:hover {color:#ffffab}
	.ui-notify-cross:active {position:relative; top:1px}
	.ui-notify-icon {padding-left: 53px; min-height: 43px; background-color: transparent; background-position: left top; background-repeat: no-repeat;}
		
		.ui-notify-icon-valid {background-image: url(icon-valid_notif.png);}
		.ui-notify-icon-error {background-image: url(icon-error_notif.png);}
		.ui-notify-icon-warning {background-image: url(icon-warning_notif.png);}

/* =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 {float: left; width: 60%;}
		
		.cn-attachement-upload {float: right; width: 30%;}
		
		.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-image, .cn-image-attr {
		display: inline-block;
	}

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

/* =breadcrumb */
	.cn_breadcrumb {
		background: #e2e2e2;
		float: left;
		width: 100%;
		padding: 4px 20px 4px 0;
		margin: 0 0 20px -10px;
	}
	
		.cn_breadcrumb > li {
			display: inline-block;
			padding: 2px 4px;
			font: 1em/1.2em Verdana, Helvetica, Arial, sans-serif;
			background: transparent url(./tipsy-east.gif) no-repeat left center;
		}
			
			.cn_breadcrumb > li > :first-child {
				display: inline-block;
				margin-left: 4px;
			}

			.cn_breadcrumb > li > a {padding-left: 5px; text-transform: capitalize;}
		
			.cn_breadcrumb li:first-child {background: transparent;}

			.cn_breadcrumb a:focus, .cn_breadcrumb a:hover {text-decoration: underline;}
	
/* =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 */
	
	.cn-form label, .cn-form input, .cn-form textarea, .cn-form select,
	.cn-form-groupe, .wysiwyg {
		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+.wysiwyg, .cn-form label+.cn-form-colonne {vertical-align: top;}
	
	/*.cn-form input {min-height: 18px;}*/
	.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 .cn-form-cell {display: table-cell;}
	.cn-form2 .cn-form-cell {padding-left: 24px;}
	.cn-form2 label {width: 35%; padding-right: 15px; vertical-align: top; font-weight: bold; /*text-transform: capitalize;*/}
		.cn-form2 .cn-form-cell label {font-weight: normal;}

	.cn-form2 fieldset {max-width: 700px; margin-bottom: 15px;}
	.cn-form2 .cn-maxlength {display: block; font-size: 90%; font-weight: normal; color: #a0a0a0;}
	.cn-form2 .cn-info-champ {display: inline-block; width: 80%; 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 {background: transparent url(icons.gif) no-repeat 0 -660px;}
	.cn-form2 .cn-form-error {background: transparent url(icons.gif) no-repeat 0 -792px;}
	.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: inline-block; width: 80%;}
	.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;}

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

	/* 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 {
		float: right;
	}
	
	p.cn-save a {
		display: inline-block;
		border: 2px solid #000;
		background: #f7f7f7;
		font-weight: bold;
	}
	
	p.cn-save span {
		display: inline-block;
		border: 2px solid #c0c0c0;
		background: #f7f7f7;
		font-weight: bold;
		color: #c0c0c0;
	}
	
	p.cn-save a:link, p.cn-save a:visited {color: black;}
	
	p.cn-save a:focus, p.cn-save a:hover {background: #ceed94;}
	
		p.cn-save a#save-edit {
	    	border-radius: 5px 0 0 5px;
	    	padding: 5px 20px;
		}
		
		p.cn-save a#save {
	    	border-radius: 0 5px 5px 0;
	    	padding: 5px;
		}
		
		p.cn-save #save-edit2 {
	    	border-radius: 5px;
	    	padding: 5px 20px;
		}
	
/* =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;
	}
	
/* options */
	
	.cn-options {position: relative!important;}/* conteneur */

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

			.cn-options-lib {
				display: inline-block;
				padding-right: 14px!important;
				background: url(tipsy-south.gif) no-repeat scroll 100% 80% transparent;
			}

			a.cn-options-opened {
				background-color: #777777!important;
				color: white!important;
			}

		.cn-options-bloc {/* bloc options masqué */
		    background: none repeat scroll 0 0 #F8F8F8;
		    border: 1px solid #E1E1E1;
		    box-shadow: 3px 7px 10px #C0C0C0;
		    display: none;
		    position: absolute;
		    top: 100%;
		    z-index: 100;
		}

			.cn-options-aligned {right:0;}
			.cn-options-aligneg {right:auto;}

			.cn-options-bloc > div {margin: 10px;}

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

/* =infos */
	.cn-infos {
		margin-bottom: 0.6em;
		color: #c0c0c0;
	}

/* =wysiwyg */
.wysiwyg {
	border: 1px solid #ececec;
	background: #fff;
}

.wysiwyg .panel {
	float: left;
	margin: 5px 5px 2px 5px;
}

.wysiwyg .panel li {
	list-style-type: none;
	float: left;
	margin: 1px 2px 3px 0;
}

.wysiwyg .panel li.separator {
	height: 16px;
	margin: 0 4px;
	border-left: 1px solid #ececec;
}

.wysiwyg .panel li a {
	text-indent: -5000px;
	opacity: 0.85;
	display: block;
	width: 16px;
	height: 16px;
	background: url('jquery.wysiwyg.gif') no-repeat -64px -80px;
	border: 0;
	cursor: pointer;
	padding: 1px;
}

.wysiwyg .panel li a:hover, .wysiwyg .panel li a.active {
	opacity: 1.00;
}

.wysiwyg .panel li a.active {
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
	border-left-color: #aaaaaa;
	border-top-color: #aaaaaa;
}

.wysiwyg .panel .bold { background-position: 0 -16px; }
.wysiwyg .panel .italic { background-position: -16px -16px; }
.wysiwyg .panel .strikeThrough { background-position: -32px -16px; }
.wysiwyg .panel .underline { background-position: -48px -16px; }
.wysiwyg .panel .indent {background-position: -64px 0;}
.wysiwyg .panel .outdent {background-position: -80px 0;}
.wysiwyg .panel .subscript {background-position: -64px -16px;}
.wysiwyg .panel .superscript {background-position: -80px -16px;}
.wysiwyg .panel .undo {background-position: 0 -64px;}
.wysiwyg .panel .redo {background-position: -16px -64px;}
.wysiwyg .panel .insertOrderedList {background-position: -32px -48px;}
.wysiwyg .panel .insertUnorderedList {background-position: -16px -48px;}
.wysiwyg .panel .createLink {background-position: -80px -48px;}
.wysiwyg .panel .html {background-position: -47px -46px;}
.wysiwyg .panel .removeFormat {background-position: -80px -63px;}
.wysiwyg .panel .empty {background-position: -64px -80px;}

.wysiwyg iframe {
	clear: left;
	border-top: 1px solid #ececec;
	margin: 0 5px;
	padding: 5px 0;
}

.ui-datepicker {z-index: 9999;}/* pour modal */

/* =cn-widget */
.cn-widget {
	float: left;
	margin: 0 20px 20px 0;
	border-radius: 5px;
	border: 2px solid #e1e1e1;
	padding: 5px;
	background: #fff;
}

/* =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_descriptifs_texte .wysiwyg {margin-bottom: 0;}

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

/* =cn-poll */
.cn-poll {
	display: inline-block;
 	width: 88px;
 	height: 16px;
 	background: transparent url(stars.png) no-repeat;
}
	
	.cn-poll-50 {background-position: 0px 0px;}
	.cn-poll-45 {background-position: 0px -18px;}
	.cn-poll-40 {background-position: 0px -36px;}
	.cn-poll-35 {background-position: 0px -54px;}
	.cn-poll-30 {background-position: 0px -72px;}
	.cn-poll-25 {background-position: 0px -90px;}
	.cn-poll-20 {background-position: 0px -108px;}
	.cn-poll-15 {background-position: 0px -126px;}
	.cn-poll-10 {background-position: 0px -144px;}
	.cn-poll-5 {background-position: 0px -162px;}
	.cn-poll-0 {background-position: 0px -180px;}
	
.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 {
	    border: 1px solid #E1E1E1;
	    padding: 10px;
	    background: #F8F8F8;
	    box-shadow: 3px 7px 10px #C0C0C0;
	}

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

		.cn-box-close a {
			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;
		}

#main ul.jqueryFileTree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
}

ul.jqueryFileTree li {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0px;
	white-space: nowrap;
	position: relative;
}

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

ul.jqueryFileTree a.picto {
	position: absolute;
	top: 0.5ex;	
}

	ul.jqueryFileTree a.icon-refresh {right: 40px;}
	ul.jqueryFileTree a.icon-page_edit {right: 20px;}
	ul.jqueryFileTree a.icon-add {right: 0;}

ul.jqueryFileTree span, ul.jqueryFileTree i {
	display: block;
	padding: 2px;
}

ul.jqueryFileTree li a:hover {
	text-decoration: underline;
}

/* Core Styles */
.jqueryFileTree li.directory {background: url(jqueryFileTree/directory.png) left top no-repeat;}
.jqueryFileTree li.expanded {background: url(jqueryFileTree/folder_open.png) left top no-repeat;}
.jqueryFileTree li.file {background: url(jqueryFileTree/file.png) left top no-repeat;}
.jqueryFileTree li.wait {background: url(jqueryFileTree/spinner.gif) left top no-repeat;}
.jqueryFileTree li.inactive a[rel], .jqueryFileTree li.inactive i {opacity: 0.3;}

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


/* File Extensions*/
.jqueryFileTree li.ext_3gp {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_afp {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_afpa {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_asp {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_aspx {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_avi {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_bat {background: url(jqueryFileTree/application.png) left top no-repeat;}
.jqueryFileTree li.ext_bmp {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_c {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_cfm {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_cgi {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_com {background: url(jqueryFileTree/application.png) left top no-repeat;}
.jqueryFileTree li.ext_cpp {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_css {background: url(jqueryFileTree/css.png) left top no-repeat;}
.jqueryFileTree li.ext_doc {background: url(jqueryFileTree/doc.png) left top no-repeat;}
.jqueryFileTree li.ext_exe {background: url(jqueryFileTree/application.png) left top no-repeat;}
.jqueryFileTree li.ext_gif {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_fla {background: url(jqueryFileTree/flash.png) left top no-repeat;}
.jqueryFileTree li.ext_h {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_htm {background: url(jqueryFileTree/html.png) left top no-repeat;}
.jqueryFileTree li.ext_html {background: url(jqueryFileTree/html.png) left top no-repeat;}
.jqueryFileTree li.ext_jar {background: url(jqueryFileTree/java.png) left top no-repeat;}
.jqueryFileTree li.ext_jpg {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_jpeg {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_js {background: url(jqueryFileTree/script.png) left top no-repeat;}
.jqueryFileTree li.ext_lasso {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_log {background: url(jqueryFileTree/txt.png) left top no-repeat;}
.jqueryFileTree li.ext_m4p {background: url(jqueryFileTree/music.png) left top no-repeat;}
.jqueryFileTree li.ext_mov {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_mp3 {background: url(jqueryFileTree/music.png) left top no-repeat;}
.jqueryFileTree li.ext_mp4 {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_mpg {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_mpeg {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_ogg {background: url(jqueryFileTree/music.png) left top no-repeat;}
.jqueryFileTree li.ext_pcx {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_pdf {background: url(jqueryFileTree/pdf.png) left top no-repeat;}
.jqueryFileTree li.ext_php {background: url(jqueryFileTree/php.png) left top no-repeat;}
.jqueryFileTree li.ext_png {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_ppt {background: url(jqueryFileTree/ppt.png) left top no-repeat;}
.jqueryFileTree li.ext_psd {background: url(jqueryFileTree/psd.png) left top no-repeat;}
.jqueryFileTree li.ext_pl {background: url(jqueryFileTree/script.png) left top no-repeat;}
.jqueryFileTree li.ext_py {background: url(jqueryFileTree/script.png) left top no-repeat;}
.jqueryFileTree li.ext_rb {background: url(jqueryFileTree/ruby.png) left top no-repeat;}
.jqueryFileTree li.ext_rbx {background: url(jqueryFileTree/ruby.png) left top no-repeat;}
.jqueryFileTree li.ext_rhtml {background: url(jqueryFileTree/ruby.png) left top no-repeat;}
.jqueryFileTree li.ext_rpm {background: url(jqueryFileTree/linux.png) left top no-repeat;}
.jqueryFileTree li.ext_ruby {background: url(jqueryFileTree/ruby.png) left top no-repeat;}
.jqueryFileTree li.ext_sql {background: url(jqueryFileTree/db.png) left top no-repeat;}
.jqueryFileTree li.ext_swf {background: url(jqueryFileTree/flash.png) left top no-repeat;}
.jqueryFileTree li.ext_tif {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_tiff {background: url(jqueryFileTree/picture.png) left top no-repeat;}
.jqueryFileTree li.ext_txt {background: url(jqueryFileTree/txt.png) left top no-repeat;}
.jqueryFileTree li.ext_vb {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_wav {background: url(jqueryFileTree/music.png) left top no-repeat;}
.jqueryFileTree li.ext_wmv {background: url(jqueryFileTree/film.png) left top no-repeat;}
.jqueryFileTree li.ext_xls {background: url(jqueryFileTree/xls.png) left top no-repeat;}
.jqueryFileTree li.ext_xml {background: url(jqueryFileTree/code.png) left top no-repeat;}
.jqueryFileTree li.ext_zip {background: url(jqueryFileTree/zip.png) left top no-repeat;}


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

/*plugin styles*/
.visualize { border: 1px solid #888; position: relative; background: #fafafa; }
.visualize canvas { position: absolute; }
.visualize ul,.visualize li { margin: 0; padding: 0;}

/*table title, key elements*/
.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;  font-size: 1.1em; }
.visualize ul.visualize-key { list-style: none;  }
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
.visualize ul.visualize-key .visualize-key-label { color: #000; }

/*pie labels*/
.visualize-pie .visualize-labels { list-style: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }

/*line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;  }
.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; }
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
.visualize-labels-y li { width: 100%;  }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }