/*

3399FF

4470fd

3399FF

*/
html, body {
	border:none;
	margin:0;
	padding:0;
	height:100%;
}
body{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333333;
}

body.wait *{
	cursor: wait;
}

a{
	/*color:#3399FF;*/
	color: #333333;
}
a:hover{
	text-decoration:none;
}
a img{
	border:none;
}

.spacer{
	clear:both;
	height: 50px;
}

/******************************************/
#header{
	background-color:#333333;
	color:white;
	border-bottom:2px solid #3399FF;
	width:100%;
	position: absolute;
	z-index: 1000;
}
#header h1{
	margin:0;
	padding:10px;
	font-size:18px;
	float:left;
	border-right:2px solid #3399FF;
}
#header ul{
	list-style:none;
	padding:0;
	margin:0;
}
#header ul li{
	float:left;
}
#header ul a{
	color:white;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:12px 18px 13px 18px;
}
#header ul a:hover{
	background-color:#3399FF;
}
#header ul li.on a{
	background-color:#3399FF;
}

#header ul#rightMenu{
	float:right;
	margin-right:50px;
}




/****************************************************************************/


#editor{
	/*padding:54px 0 10px 10px;*/
	position: absolute;
	top: 44px;
	bottom: 81px;
	left: 0;
	right: 0; 
}

#editor h2, #editor h3, #editor h4, #editor p{
	margin:0 0 4px 0;
}
#editor h2{
	font-size: 18px;
}
#editor h3{
	font-size: 12px;
}

#editor a img{
	vertical-align:middle;
}
#editor .submenu{
	padding:0;
	height: 22px;
	margin:0;
	padding: 6px;
	border-bottom: 1px solid #3399FF;
}



#editor .bloc{
	float:left;
	border-right:#3399FF 2px solid;
	padding:6px;
	margin:0;
	width: 742px;
	height: 100%;
	overflow: auto;
}
#editor .bloc.last, #editor .bloc.last2{
	position: absolute;
	right: 0;
	left: 234px;
	width: auto;
	border-right: none;
}
#editor .bloc.last2{ left: 468px }

#editor .left{
	float:left;
}
#editor .right{
	float:right;
}
#editor .clear{
	clear: both;
}
#editor .sep{
	clear:both;
	border-bottom: 1px dotted #3399FF;
	height: 10px;
	margin: 0 0 10px 0;
}
/****************************************/


#editor .list{
	width: 220px;
}
#editor .list ul{
	padding:0;
	list-style:none;
	margin:0 0 10px 0;
	overflow: hidden;
}
#editor .list ul li{
	padding: 1px 0 1px 0;
}
#editor .list ul li div.move{
	width: 16px;
	height: 16px;
	background:url(../img/picto/up_down.png) no-repeat;
	float: left;
	cursor: n-resize;
}
#editor .list ul li input.checkbox{
	float: left;
	margin: 1px 0 0 0;
}
#editor .list ul li a.move, #editor .list ul li a.check{
	margin:0 0 0 16px;
}
#editor .list ul li a{
	background:url(../img/picto/page.png) no-repeat;
	text-decoration: none;
	display:block;
	padding:2px 0 2px 20px;
}
#editor .list ul li a:hover{
	text-decoration: underline;
}
#editor .list ul li a.on{
	font-weight:bold;
	color: #3399FF;
}
#editor .list ul li a.alt{
	font-style: italic;
}
#editor .list ul li ul{
	margin: 0;
}
#editor .list ul li ul li{
	border-left: 1px dotted #CCCCCC;
	background-position: 6px 0;
	margin-left: 7px;
	padding-left: 7px;
}

#editor .list .ext{ background-image: url(../img/picto/ext/page_white.png); }
#editor .list .ext.jpeg, 
#editor .list .ext.jpg, 
#editor .list .ext.gif, 
#editor .list .ext.tiff, 
#editor .list .ext.png { background-image: url(../img/picto/ext/page_white_picture.png); }
#editor .list .ext.txt { background-image: url(../img/picto/ext/page_white_text.png); }
#editor .list .ext.pdf { background-image: url(../img/picto/ext/page_white_acrobat.png); }
#editor .list .ext.as { background-image: url(../img/picto/ext/page_white_actionscript.png); }
#editor .list .ext.c { background-image: url(../img/picto/ext/page_white_c.png); }
#editor .list .ext.html,
#editor .list .ext.htm,
#editor .list .ext.css,
#editor .list .ext.js { background-image: url(../img/picto/ext/page_white_code.png); }
#editor .list .ext.tar,
#editor .list .ext.gz,
#editor .list .ext.rar { background-image: url(../img/picto/ext/page_white_compressed.png); }
#editor .list .ext.cpp { background-image: url(../img/picto/ext/page_white_cplusplus.png); }
#editor .list .ext.cs { background-image: url(../img/picto/ext/page_white_csharp.png); }
#editor .list .ext.java { background-image: url(../img/picto/ext/page_white_cup.png); }
#editor .list .ext.sql,
#editor .list .ext.db { background-image: url(../img/picto/ext/page_white_database.png); }
#editor .list .ext.csv,
#editor .list .ext.xls { background-image: url(../img/picto/ext/page_white_excel.png); }
#editor .list .ext.swf,
#editor .list .ext.swc,
#editor .list .ext.fla { background-image: url(../img/picto/ext/page_white_excel.png); }
#editor .list .ext.php { background-image: url(../img/picto/ext/page_white_php.png); }
#editor .list .ext.ppt,
#editor .list .ext.pps { background-image: url(../img/picto/ext/page_white_powerpoint.png); }
#editor .list .ext.doc { background-image: url(../img/picto/ext/page_white_word.png); }
#editor .list .ext.zip { background-image: url(../img/picto/ext/page_white_zip.png); }


/****************************************/
#editor form{
	padding: 0;
	margin: 0;
	overflow: auto;
}
#editor form p{
	clear:both;
	margin:0;
}
#editor form label{
	display:block;
	margin: 0 0 1px 0;
	color:#3399FF;
}
#editor input, #editor textarea, #editor select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:#CCCCCC 1px solid;
	margin-bottom: 4px;
	width: 99.5%;
}
#editor textarea{
	height:160px;
}
#editor input.checkbox, #editor select, #editor input.radio{
	width: auto;
}
#editor span.mceEditor{
	display: block;
	margin-bottom: 4px;
}

#editor select option.default{
	color: #CCCCCC;
	font-style: italic;
}



#editor div.radios{
	overflow:auto;
	padding-top: 4px;
}
#editor div.inputlist{
	overflow:auto;
}
#editor div.radios input, #editor div.inputlist input{
	width: auto;
	float:left;
	clear:left;
	margin: 0 4px 4px 0
}
#editor div.inputlist input{
	width: 160px;
	margin-bottom: 2px;
}
#editor div.radios label, #editor div.inputlist label{
	float:left;
	color: #333333;
}
#editor div.radios label img, #editor div.inputlist label img{
	vertical-align: middle;
	cursor: pointer;
}
#editor div.radios label.disabled, #editor div.inputlist label.disabled{
	color:#CCCCCC;
}

#editor ul.simplelist{
	list-style: none;
	margin: 0;
	padding: 0;
}
#editor ul.simplelist li{
	margin: 2px 0 2px 0;
}
#editor ul.simplelist li img{
	vertical-align: middle;
	margin-right: 2px;
	cursor: pointer;
}

/****************************************/
#editor input.button{
	float: left;
	cursor:pointer;
	display:block;
	color:#3399FF;
	background-color:white;
	font-weight:bold;
	padding:0 3px 0 20px;
	height: 22px;
	border:#CCCCCC 1px solid;
	width:auto;
	overflow: visible;
	margin-right:6px;
	background:#F0F0EE url("../img/picto/bullet_go.png") no-repeat 2px 2px;
}
#editor input.button:hover{
	color:white;
	background-color:#3399FF;
	border-color: #333333;
}
#editor input.button.nolabel{
	padding-right: 0;
	padding-left: 0;
	width: 22px;
}

#editor input.button.add{
	background-image: url("../img/picto/add.png");
}
#editor input.button.addpage{
	background-image: url("../img/picto/page_add.png");
}
#editor input.button.addfolder{
	background-image: url("../img/picto/folder_add.png");
}
#editor input.button.addimage{
	background-image: url("../img/picto/picture_add.png");
}
#editor input.button.selectimage{
	background-image: url("../img/picto/picture_go.png");
}
#editor input.button.editimage{
	background-image: url("../img/picto/picture_edit.png");
}
#editor input.button.selectfile{
	background-image: url("../img/picto/page_white_go.png");
}
#editor input.button.save{
	background-image: url("../img/picto/disk.png");
}
#editor input.button.delete{
	background-image: url("../img/picto/bin_empty.png");
}
#editor input.button.cancel{
	background-image: url("../img/picto/cross.png");
}
#editor input.button.collapse{
	background-image: url("../img/picto/application_get.png");
}
#editor input.button.expand{
	background-image: url("../img/picto/application_put.png");
}
#editor input.button.addvcard{
	background-image: url("../img/picto/vcard_add.png");
}
#editor input.button.editvcard{
	background-image: url("../img/picto/vcard_edit.png");
}
#editor input.button.report{
	background-image: url("../img/picto/report.png");
}
#editor input.button.mail{
	background-image: url("../img/picto/email.png");
}
#editor input.button.addmail{
	background-image: url("../img/picto/email_add.png");
}
#editor input.button.sendmail{
	background-image: url("../img/picto/email_go.png");
}
#editor input.button.previewmail{
	background-image: url("../img/picto/email_open_image.png");
}




/****************************************/
#editor form .configCol{
	width: 254px;
	float:left;
	padding-right: 6px;
	margin-right:6px;
	border-right: 1px dotted #3399FF;
}


#editor form .contentCol{
	width: 450px;
	float:left;
	padding-right: 6px;
	border-right: 1px dotted #3399FF;
}

#editor form .contentCol p{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #3399FF;
}

#editor form .contentCol p.folded{
	padding-bottom:0;
}
#editor form .contentCol p.folded *{
	display:none;
}
#editor form .contentCol p.folded label{
	display:block;
	background-image: url("../img/picto/right.png");
}

#editor form .contentCol label{
	width:auto;
	float:none;
	text-align:left;
	height: 16px;
	background: url("../img/picto/down.png") no-repeat;
	padding: 1px 0 0 18px;
	cursor: pointer;
}
/*#editor .contentCol input{
	width: 448px;
	float:none;
}
#editor .contentCol input.button{
	width:auto;
	float:left;
}*/
#editor textarea{
	/*width: 448px;*/
	height:260px;
	float:none;
}
#editor textarea.small{
	height:130px;
}
#editor textarea.ssmall{
	height:80px;
}
#editor textarea.large{
	height:380px;
}




#editor .contentCol p ul.elmList{
	list-style: none;
	padding: 0;
	margin: 0;
}
#editor .contentCol p ul.elmList li{
	background-color:#F8F8F8;
	border:1px solid #E8E8E8;
	padding-left: 3px;
	padding-bottom:4px;
	margin: 4px 0 8px 0;
}
#editor form .contentCol p ul.elmList li.folded{
	height: 26px;
	overflow: hidden;
}

#editor .contentCol p ul.elmList li h4{
	float:left;
	margin-top:8px;
}
#editor .contentCol p ul.elmList li p{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#editor .contentCol p ul.elmList li input, #editor .contentCol p ul.elmList li textarea{
	width: 440px;
}
#editor .contentCol p ul.elmList li input.button{
	width: auto;
}
#editor form .contentCol p ul.elmList li label{
	background: none;
	padding: 0;
	cursor: default;
	height: auto;
}
#editor .contentCol p ul.elmList li ul.imglist li{
	border-top: none;
	border-bottom: none;
	margin:0 -1px 4px 0;
}




#editor p ul.imglist{
	padding: 0;
	margin: 0;
	list-style: none;
	width: 448px;
}
#editor p ul.imglist li{
	background-color: white;
	float: left;
	height: 100px;
	width: 105px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin:0 -1px 4px 0;
	padding: 0 3px 0 3px;
}
#editor p ul.imglist li p{
	text-align: center;
	height: 78px;
	padding: 0;
	margin: 0;
	border: none;
}



#editor p div.tools{
	padding: 2px 0px 2px 2px;
	margin: 4px 3px 4px 0;
	height: 16px;
	border:#CCCCCC 1px solid;
	background:#F0F0EE;
	float:right;
}
#editor p ul.imglist li div.tools{
	margin: 0;
}
#editor p div.tools img{
	cursor: pointer;
	margin-right: 2px;
}
#editor p div.tools img.move{
	cursor: n-resize;
}



/******************************************/
#footer{
	clear:both;
	color:white;
	background-color:#333333;
	border-top:2px solid #3399FF;
	position: absolute;
	width: 100%;
	bottom: 0;
}
#footer p{
	margin:10px;
}
#footer a{
	color:white;
}
/******************************************/
/******************************************/
#noa-popin {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2000;
}
#noa-popin-back{
	width:100%;
	height:100%;
	background-color:black;
	opacity : 0.8;
    filter : alpha(opacity=80);
}
#noa-popin-container{
	background-color:#3399FF;
	position:absolute;
}
#noa-popin-container h2{
	color:white;
	margin:0;
	padding:3px 0 0 6px;
	float:left;
	height: 25px;
}
#noa-popin-container a.closebt{
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: 16px;
	background: url("../img/picto/cross.png") no-repeat;
	float: right;
	margin: 6px 6px 0 0;
	cursor: pointer;
}

#noa-popin-content{
	background-color:#FFFFFF;
	padding:6px;
	height:100%;
	overflow:auto;
	clear:both;
}
#noa-popin-content form textarea.source{
	float:none;
	/*width:100%;*/
	height:100%;
}

#noa-popin-content .select{
	position: relative;
}
#noa-popin-content .select .bloc{
	height: auto;
}

#noa-popin-content p.message{
	height: 64px;
}

#noa-popin-content iframe{
	border: 1px solid #cccccc;
}