@font-face {
    font-family: 'rCRC';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rlCRC';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rcCRC';
    src: url('fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('fonts/RobotoCondensed-Regular-webfont.svg#robotocondensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rclCRC';
    src: url('fonts/RobotoCondensed-Light-webfont.eot');
    src: url('fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
         url('fonts/RobotoCondensed-Light-webfont.svg#robotocondensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rcbCRC';
    src: url('fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('fonts/RobotoCondensed-Bold-webfont.svg#robotocondensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'iCRC';
	src:url('fonts/Elusive-Icons.eot');
	src:url('fonts/Elusive-Icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/Elusive-Icons.ttf') format('truetype'),
		url('fonts/Elusive-Icons.woff') format('woff'),
		url('fonts/Elusive-Icons.svg#Elusive-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class*="el-icon-"] {
	font-family: 'iCRC';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/**********************************************************************************************************************
LOGIN POP-UP FORM
**********************************************************************************************************************/
@-webkit-keyframes fadeinLOAD {
	from{opacity:0;}
	to{opacity:1;}}
@keyframes fadeinLOAD {
	from{opacity:0;}
	to{opacity:1;}}
.lFORM-wrap {opacity:1; -webkit-animation: fadeinLOAD 1s ease-in-out forwards; /* Chrome, Safari, Opera */  animation: fadeinLOAD 1s ease-in-out forwards;display:block; width:650px; padding:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:none; background-color:rgba(255,255,255,0.25);}
#lForm {display:table; overflow:hidden; width:650px; padding:0px;  
background:none !important;
background-color:transparent !important;

border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:none; margin:0px; position:relative;}
#lForm div.l{ display:table-cell; vertical-align:top; padding:0px; margin:0px; overflow:hidden; height:300px;}
#lForm button{display:table-cell !important;width:120px; position:relative; padding:30px; text-shadow:-1px -1px 1px rgba(0,0,0,0.3);  height:300px; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:30px; vertical-align:baseline; font-weight:normal; line-height:14px; background-color:transparent !important; border:none; border-left:solid; border-left-color:#eee; border-left-width:1px; border-left-style:dotted; outline:none; color:rgba(255,255,255,1); cursor:pointer; opacity:0.5;}
#lForm button:before{content:'\E6FC'; font-family:'iCRC'; font-size:120px; font-weight:normal; position:absolute; top:50%; margin-top:-60px; left:10px; line-height:120px; z-index:2;}
#lForm button:after{content:''; font-family:'rCRC'; font-size:12px; letter-spacing:1px; font-weight:normal; position:absolute; top:50%; margin-top:-10px; left:12px; text-shadow:-2px -2px 2px rgba(0,0,0,0.3); line-height:20px; z-index:3;}
#lForm button.fr:after{content:'' !important;}
#lForm button:hover{ color:#fff !important; opacity:1 !important;}
#lForm button:hover:before, #lForm button:hover:after{ text-shadow:-2px -2px 2px rgba(0,0,0,0.0); }
#lForm button:hover:after{ content:'LOGIN' !important; }

#lForm div.l h1{display:block; padding-left:75px; overflow:visible; font-family:'rclCRC',Verdana, Geneva, sans-serif; position:relative; font-size:48px; font-weight:normal; line-height:30px; letter-spacing:0px; color:#ffffff; margin:30px; margin-bottom:75px;}
#lForm div.l h1:after {display: block;position: absolute;bottom: -30px;left: 0px;width: 100%;height: 12px;background-image: url(images/shadow960.png);background-repeat: no-repeat;background-position: 50% 0%;background-size: 100% 100%;content: '';}
#lForm div.l h1.ddp:before{content:'\E615'; font-family:'iCRC'; font-size:60px; color:#fff; position:absolute; top:3px; left:0px; display:block; padding:0px; margin:0px; z-index:2;}
#lForm div.l h1.ddp b { display:block; position:absolute; top:0px; font-size:14px; right:145px; font-weight:normal !important;}
#lForm div.l p{ display:block; position:absolute; left:30px; top:85px; z-index:99; font-size:12px;}
#lForm div.l p span{ font-size:14px;font-family:'rb',Verdana, Geneva, sans-serif; }

#lForm div.l div {width:200px; display:inline-block; margin:30px; margin-right:0px; margin-bottom:10px; margin-top:0px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:rgba(255,255,255,0.5); }
#lForm div.l div input, #lForm div textarea{ position:relative;width:160px; height:auto; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; line-height:14px;	padding:10px; padding-left:15px; padding-right:35px !important; margin:0px; background:none !important; background-color:transparent !important; color:#444; border:none; outline:none; letter-spacing:1px;}
#lForm div.l div.usn{ content:''; width:auto !important; }
#lForm div.l div.usn:before{ content:'Username:'; letter-spacing:2px; position:absolute; top:-20px; left:0px; color:#efefef; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;}
#lForm div.l div.usnfr:before{ content:'Nom d`utilisateur:' !important;}
#lForm div.l div.usn:after{content:'\E725'; font-family:'iCRC'; font-size:20px; color:#fff; font-weight:normal; position:absolute; top:9px; right:10px; line-height:20px; z-index:0; text-shadow:none;}

#lForm div.l div.pwd{ content:''; width:auto !important; }
#lForm div.l div.pwd:before{ content:'Password:'; letter-spacing:2px; position:absolute; top:-20px; left:0px; color:#efefef; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;}
#lForm div.l div.pwdfr:before{ content:'Mot de passe:' !important;}
#lForm div.l div.pwd:after{content:'\E68A'; font-family:'iCRC'; font-size:20px; color:#fff; font-weight:normal; position:absolute; top:9px; right:10px; line-height:20px; z-index:0; text-shadow:none;}

#lForm div.l div:hover:after { color:#888;}


#lForm div.l div.usn:hover:after,#lForm div.l div.pwd:hover:after,#lForm div.l div.mess:hover:after,#lForm div.l div.email:hover:after { border-color: transparent transparent transparent #f60;}
#lForm div.l button {font-family:'rm',Verdana, Geneva, sans-serif;position:absolute;top:110px;right:0px;display:block; width:auto; height:auto;border:none; outline:none; font-size:12px; color:#ccc; font-weight:normal; text-decoration:none; padding:10px !important; padding-left:30px !important; padding-right:30px !important;	box-shadow:1px 1px 1px rgba(0,0,0,0.8);	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.8);	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.8);border-radius:0px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;background-color:#7b858e;	cursor:pointer;}
#lForm div.l button:hover { color:#fff; }
#lForm div.l div textarea{ height:200px; margin-bottom:-5px; border:none; }
#lForm div.l div.nohover{margin-top:10px !important; background-color:transparent !important; background:none !important;}
#lForm div.l div.nohover div {width:210px !important; display:inline-block; margin:0px !important; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:rgba(255,255,255,0.5); }
#lForm div.l div.nohover img.imgCODE {position: absolute;top: 0px;left: 245px;z-index: 10;cursor: default;box-shadow: 1px 2px 3px rgba(0,0,0,0.25);-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);width:auto !important; height:40px !important; padding:0px !important;}
#lForm div.l div.nohover img.imgCODEr {position: absolute;top: 8px;left: 385px;z-index: 11; cursor: pointer; width:24px !important; height:24px !important;}
.imgCODEvallog{position:relative;width:160px !important; height:auto; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; line-height:14px;	padding:10px !important; padding-left:15px !important; padding-right:15px !important; margin:0px; background:none !important; background-color:transparent !important; color:#7b858e; border:none; outline:none; letter-spacing:1px;} 
#lForm div.l div:hover, #lForm div.l div input:hover, .imgCODEvallog:hover{background-color:rgba(255,255,255,1) !important; color:#888888 !important;}
#lForm div.l div input:focus,.imgCODEvallog:focus {color:#444444 !important;}
/**********************************************************************************************************************
END | LOGIN POP-UP FORM
**********************************************************************************************************************/
#crc { display:inline-block; overflow:hidden; width:100%; height:auto; min-width:300px; min-height:840px; padding:0px; margin:0px; 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 100%), url(images/crc-bg.jpg); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))), url(images/crc-bg.jpg); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 100%), url(images/crc-bg.jpg); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 100%), url(images/crc-bg.jpg); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 100%), url(images/crc-bg.jpg); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 100%), url(images/crc-bg.jpg); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
background-repeat:no-repeat,no-repeat;
background-size:cover,cover;
text-align:center; border:none; position:relative;padding-top:150px; z-index:999;}
#crc div.crcD { display:inline-block; width:80%; height:auto; min-width:0px; max-width:1200px; min-width:300px; padding:0px; padding-top:30px; padding-bottom:60px; margin:0px; text-align:left !important;}
#crc div.crcD div.crcHeader { display:table; width:100%; height:auto; min-width:0px; padding:0px; padding-bottom:30px; margin:0px; position:relative;}
#crc div.crcD div.crcHeader:after{display: block;position: absolute;bottom: -12px;left: 0px;content: '';width: 100%;height: 12px;background-image: url(images/shadow960.png);background-size: 100% 12px;background-repeat: no-repeat;}
#crc div.crcD div.crcHeader div{ display:table-cell; vertical-align:middle; padding:0px; margin:0px; }
#crc div.crcD div.crcHeader div:first-child{ font-family:'rclCRC',Verdana, Geneva, sans-serif; font-size:48px; color:#111; text-align:left; } 
#crc div.crcD div.crcHeader div:last-child{ font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; color:#111; text-align:right; }
#crc a.crcBUTu,#crc a.crcBUTu:link,#crc a.crcBUTu:visited {transition: all 0.125s ease-in-out; position:relative; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out;display:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px; font-weight:normal; width:auto !important; min-width:0px; height:auto; margin:0px; margin-left:5px !important; padding-right:20px !important; padding-left:40px !important; padding-top:10px !important; padding-bottom:10px !important; background-color:#333333; color:#ffffff; box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; -moz-box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; text-decoration:none;}
#crc a.crcBUTu:before {content: '\E6F6';font-family: 'iCRC';color: inherit;text-shadow: 1px 1px 2px rgba(0,0,0,0.25);font-size: 18px;line-height: 18px;position: absolute;left: 12px;top: 8px;}
#crc a.crcBUTu:hover {background-color:#06F; color:#ffffff;}
#crc a.crcBUTl,#crc a.crcBUTl:link,#crc a.crcBUTl:visited {transition: all 0.125s ease-in-out; position:relative; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out;display:inline-table !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px; font-weight:normal; width:auto !important; min-width:0px; height:auto; margin:0px; margin-left:5px !important; padding-right:20px !important; padding-left:40px !important; padding-top:10px !important; padding-bottom:10px !important; background-color:#333333; color:#ffffff; box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; -moz-box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; text-decoration:none;}
#crc a.crcBUTl:before {content: '\E61F';font-family: 'iCRC';color: inherit;text-shadow: 1px 1px 2px rgba(0,0,0,0.25);font-size: 18px;line-height: 18px;position: absolute;left: 12px;top: 8px;}
#crc a.crcBUTl:hover {background-color:#06F; color:#ffffff;}
#crc div.folderHEADER {transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; display:table; width:70%; height:auto; min-width:0px; padding:0px; margin:0px; margin-top:30px;font-family:'rcCRC',Verdana, Geneva, sans-serif; font-size:24px; color:#06F; text-align:left;}
#crc div.folderHEADER button{ cursor:pointer; text-shadow:none !important; outline:none !important; border:none !important; transition: all 0.125s ease-in-out; position:relative; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out;display:inline-table !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-top-left-radius:3px; border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:24px; line-height:24px; font-weight:normal; width:auto !important; min-width:0px; height:auto; margin:0px; margin-left:0px !important; padding-right:75px !important; padding-left:45px !important; padding-top:10px !important; padding-bottom:10px !important; background-color:#333333; color:#ffffff; text-decoration:none;}
#crc div.folderHEADER button:before {content: '\E6C6';font-family: 'iCRC';color: inherit;text-shadow: 1px 1px 2px rgba(0,0,0,0.25);font-size: 24px;line-height: 24px;position: absolute;left: 12px;top: 10px;}
#crc div.folderHEADER button.crcFCLOSED:before {content: '\E6C7' !important;}
#crc div.folderHEADER button span{ position:absolute; top:11px; right:15px; font-size:12px !important; color:#aaa; font-family:'rcbCRC',Verdana, Geneva, sans-serif !important;}
#crc div.folderHEADER button:hover:before, #crc div.folderHEADER button:hover span{color:#c00;}
.folderHEADERo button:hover:before, .folderHEADERo button:hover span{color:#9C0 !important;}
.folderHEADERo {margin-top:15px !important; }
#crc div.folder {transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;-webkit-transition: all 1.5s ease-in-out; display:table; position:relative; width:70%; height:auto; min-width:0px; padding:0px; margin:0px; margin-top:0px !important;font-family:'rcCRC',Verdana, Geneva, sans-serif; font-size:16px; background-color:rgba(0,0,0,0.6); color:#ffffff;  text-align:left;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-bottom-left-radius:3px; border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px;}
.crcFOLDERFULL { width:100% !important; }
#crc div.folder:after{display: block;position: absolute;bottom: -12px;left: 0px;content: '';width: 100%;height: 12px;background-image: url(images/shadow960.png);background-size: 100% 12px;background-repeat: no-repeat;}
.crcfolderCLOSED { }
.crcfolderCLOSED div{ height:0px !important; font-size:0px !important; border-bottom:none !important; overflow:hidden !important; opacity:0 !important; z-index:1 !important; padding-top:0px !important; padding-bottom:0px !important;}
#crc div.folder div{transition: height 0.5s ease-in-out, opacity 0.5s, padding-top 0.5s, padding-bottom 0.5s, background-color 0.25s; -moz-transition: height 0.5s ease-in-out, opacity 0.5s, padding-top 0.5s, padding-bottom 0.5s, background-color 0.25s;-webkit-transition: height 0.5s ease-in-out, opacity 0.5s, padding-top 0.5s, padding-bottom 0.5s, background-color 0.25s; overflow:visible; display:block !important; width:100%; position:relative; height:auto; padding:0px; margin:0px; padding-top:15px; padding-bottom:15px; border:none; border-bottom:dotted; border-bottom-color:#aaa; border-bottom-width:1px;}
#crc div.folder div:before {content: '\E6D4';font-family: 'iCRC';color: inherit;text-shadow: 1px 1px 2px rgba(0,0,0,0.25);font-size: 32px;line-height: 32px;position: absolute;left: 15px;top: 15px;}
#crc div.folder div:last-child{ border-bottom:none !important;}
#crc div.folder div:hover{ background-color:#444 !important;}
#crc div.folder div.jpg:before,
#crc div.folder div.jpeg:before,
#crc div.folder div.gif:before,
#crc div.folder div.bmp:before,
#crc div.folder div.png:before {content: '\E669' !important;}
#crc div.folder div.pdf:before,
#crc div.folder div.txt:before {content: '\E6D2' !important;}
#crc div.folder div.mp3:before,
#crc div.folder div.acc:before {content: '\E60B' !important;}
#crc div.folder div.flv:before,
#crc div.folder div.mov:before,
#crc div.folder div.wmv:before {content: '\E613' !important;}
#crc div.folder div a.crcBUTp,#crc div.folder div a.crcBUTp:link,#crc div.folder div a.crcBUTp:visited,
#crc div.folder div a.crcBUTd,#crc div.folder div a.crcBUTd:link,#crc div.folder div a.crcBUTd:visited {transition: all 0.125s ease-in-out; float:right !important; position:relative; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out;display:inline-table !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px; font-weight:normal; width:auto !important; min-width:0px; height:auto; margin:0px; margin-right:5px !important; margin-left:15px !important; margin-bottom:15px !important; padding-right:20px !important; padding-left:40px !important; padding-top:10px !important; padding-bottom:10px !important; background-color:#555; color:#ffffff; box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; -moz-box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; text-decoration:none;}
#crc div.folder div a.crcBUTp:before {content: '\E601';font-family: 'iCRC';color: inherit;text-shadow: 1px 1px 2px rgba(0,0,0,0.25);font-size: 18px;line-height: 18px;position: absolute;left: 12px;top: 8px;}
#crc div.folder div a.crcBUTd:before {content: '\E6E6';font-family: 'iCRC';color: inherit;text-shadow: 1px 1px 2px rgba(0,0,0,0.25);font-size: 18px;line-height: 18px;position: absolute;left: 12px;top: 8px;}
#crc div.folder div a.crcBUTp:hover,#crc div.folder div a.crcBUTd:hover {background-color:#06F; color:#ffffff;}
#crc div.folder div a.crcBUTi, #crc div.folder div a.crcBUTi:link ,#crc div.folder div a.crcBUTi:visited { position:absolute; content:''; overflow:hidden; top:5px; left:5px; height:50px; width:60px; border:none; outline:none; z-index:99;}
#crc div.folder div a.crcBUTi img { height:auto; width:100%; border:none; outline:none;}
#crc div.folder div a.crcBUTiL, #crc div.folder div a.crcBUTiL:link ,#crc div.folder div a.crcBUTiL:visited { position:absolute; content:''; overflow:hidden; top:5px; left:5px; height:50px; width:60px; border:none; outline:none; z-index:99;}
#crc div.folder div a.crcBUTiL img { height:100%; width:auto; border:none; outline:none;}
#crc div.folder div b { display:block; width:auto !important; height:auto !important; padding:0px; margin:0px; padding-left:75px !important; font-family:'rcCRC',Verdana, Geneva, sans-serif; font-size:16px !important; font-weight:normal !important; line-height:16px; color:#eeeeee;}
#crc div.folder div span{ display:block; width:auto !important; height:auto !important; padding:0px; margin:0px; padding-left:75px !important; padding-top:5px !important; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:10px !important; font-weight:normal !important; line-height:10px; color:#aaa;}
#crc div.upl { text-align:center;box-shadow: 0px 0px 20px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);transition: all 1.25s ease-in-out; -moz-transition: all 1.25s ease-in-out;-webkit-transition: all 1.25s ease-in-out;display:table; position:absolute; right:7%; top:347px; overflow:visible; width:22%;  height:auto; padding:0px; padding-bottom:30px !important; background-color:rgba(0,0,0,0.6);border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:none; margin:0px;}
@media (max-width: 1700px) {#crc div.crcD { padding:90px !important; padding-top:30px !important;}#crc div.upl {right:90px;}}
@media (max-width: 1024px) {#crc div.crcD { padding:30px !important; padding-top:30px !important;}#crc div.upl {right:30px;}}
.CRCupl {font-family:'rCRC',Verdana, Geneva, sans-serif; text-align:left;box-shadow: 0px 0px 20px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);transition: all 1.25s ease-in-out; -moz-transition: all 1.25s ease-in-out;-webkit-transition: all 1.25s ease-in-out;display:table; position:relative; overflow:hidden; width:640px;  height:auto; padding:0px; padding-top:30px; padding-bottom:30px !important; background-color:rgba(255,255,255,0.5);border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:none; margin:0px;}
.CRCuplPOP {background-color:rgba(33,33,33,0.95) !important;}
@media (max-width: 1700px) {#crc { min-height:0px !important;}#crc a.crcBUTu,#crc a.crcBUTu:link,#crc a.crcBUTu:visited { display:inline-table !important} #crc div.folderHEADER {width:100% !important;}#crc div.folder {width:100% !important;}#crc div.upl { width:0% !important; overflow:hidden !important; opacity:0;}}
#crc div.upl b{ display:block; width:100%; height:auto; color:#06F; padding:0px; margin:0px; padding-top:105px; text-align:center; position:relative; font-family:'rclCRC',Verdana, Geneva, sans-serif; font-size:36px; font-weight:normal;}
.CRCupl b{ display:block; width:120px; height:260px; float:left; color:#06F; padding:30px; margin:0px; padding-top:135px; text-align:center; position:relative; font-family:'rclCRC',Verdana, Geneva, sans-serif; font-size:36px; font-weight:normal;}

#crc div.upl b:before, .CRCupl b:before{content: '\E6F6';font-family: 'iCRC';color:#06F;text-shadow: 1px 1px 2px rgba(0,0,0,0.25);font-size: 120px;line-height:120px;position: absolute;left: 50%;top:-20px; margin:0px; padding:0px; margin-left:-60px !important;}
#crc div.upl input, .CRCupl input{ display:inline-block;position:relative;width:60% !important; height:auto; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height:14px; padding:10px; padding-left:15px; padding-right:15px;  background:none !important; background-color: rgba(255,255,255,0.1) !important; color:#aaa; border:none; outline:none; letter-spacing:1px;}
#crc div.upl select, .CRCupl select{display:inline-block; position:relative;width:67% !important; height:auto; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height:14px; padding:10px; padding-left:15px; padding-right:15px;background:none !important; background-color: rgba(255,255,255,0.1) !important; color:#aaa; border:none; outline:none; letter-spacing:1px;}
#crc div.upl label{ color:#aaa; margin-bottom:2px; margin-right:25px; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:12px !important; display:inline-block; width:60%; text-align:left; padding:0px !important;}
.CRCupl label{ font-size:12px !important; color:#eee; display:inline-block; width:60%; text-align:left; padding:0px !important;}
.CRCuplPOP label{ color:#888888 !important;}
#crc div.upl div.nohover, .CRCupl div.nohover{margin-top:0px !important; background-color:transparent !important; background:none !important; position:relative;display:inline-block; width:67%; text-align:left;}
#crc div.upl div.nohover div, .CRCupl div.nohover div {width:210px !important; display:inline-block; margin:0px !important; position:relative; padding:0px !important; margin:0px !important;}
#crc div.upl div.nohover img.imgCODE, .CRCupl div.nohover img.imgCODE {position: absolute;top: 0px;left: 135px;z-index: 10;cursor: default;box-shadow: 1px 2px 3px rgba(0,0,0,0.25);-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);width:auto !important; height:40px !important; padding:0px !important;}
#crc div.upl div.nohover img.imgCODEr, .CRCupl div.nohover img.imgCODEr {position: absolute;top: 8px;left: 275px;z-index: 11; cursor: pointer; width:24px !important; height:24px !important;}
#crc div.upl div.nohover input.imgCODEvallog2, .CRCupl div.nohover input.imgCODEvallog2{height:auto; width:100px !important; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height:14px; padding:10px; padding-left:15px; padding-right:15px; margin:0px !important;background:none !important; background-color: rgba(255,255,255,0.1) !important; color:#aaa; border:none; outline:none; letter-spacing:1px;}
#crc div.upl button, .CRCupl button { cursor:pointer;transition: all 0.125s ease-in-out; position:relative; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out; outline:none !important; border:none; display:inline-table !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-family:'rCRC',Verdana, Geneva, sans-serif; font-size:14px; line-height:14px; font-weight:normal; width:60% !important; min-width:0px; height:auto; margin:0px;  padding:20px !important; background-color:#06F; color:#ffffff; box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; -moz-box-shadow:rgba(0,0,0,0.35) 2px 2px 5px; text-decoration:none;}
#crc div.upl button:hover, .CRCupl button:hover {background-color:#9C0; color:#ffffff;}
.crcBUTTONdis { opacity:0.25; cursor:default !important;}
@font-face {
	font-family: 'icomoon';
	src:url('http://s3.amazonaws.com/icomoon.io/4/Loading/icomoon.eot?-9haulc');
	src:url('http://s3.amazonaws.com/icomoon.io/4/Loading/icomoon.eot?#iefix-9haulc') format('embedded-opentype'),url('http://s3.amazonaws.com/icomoon.io/4/Loading/icomoon.woff?-9haulc') format('woff'),url('http://s3.amazonaws.com/icomoon.io/4/Loading/icomoon.ttf?-9haulc') format('truetype'),url('http://s3.amazonaws.com/icomoon.io/4/Loading/icomoon.svg?-9haulc#icomoon') format('svg');
	font-weight: normal;font-style: normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon';speak: none;font-style: normal;	font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.spinner { font-family:'rCRC',Verdana, Geneva, sans-serif; position:relative; text-align:center; font-size:14px; padding-top:53px; display:none; content:'UPLOADING..."';height: 120px; width:120px; margin-top:120px; margin-bottom:75px; line-height:normal;color: #9C0;text-shadow: 0 0 .25em rgba(255,255,255, .3);}
.spinner:before {font-family: 'icomoon';content: "\e001";font-size:120px; position:absolute; top:0px; left:0px;animation: spin 2s linear infinite;-webkit-animation: spin 2s linear infinite;}
#crc div.upl div.crcUPSUCCESS, .CRCupl  div.crcUPSUCCESS{display:none; width:100%; height:120px;height: 120px;  margin-top:120px; margin-bottom:75px; font-family:'rclCRC',Verdana, Geneva, sans-serif; text-transform:uppercase; font-style:normal; font-size:30px; text-align:center; color:#9C0;}
#crc div.upl div.crcUPERROR, .CRCupl  div.crcUPERROR {display:none; width:100%; height:120px;height: 120px;  margin-top:60px; margin-bottom:75px; padding-bottom:60px; font-family:'rclCRC',Verdana, Geneva, sans-serif; text-transform:uppercase; font-style:normal; font-size:30px; text-align:center; color:#C00;}
#crc div.upl div.crcUPERROR span, .CRCupl  div.crcUPERROR span{color:#ccc; font-size:14px; font-family:'rCRC',Verdana, Geneva, sans-serif;}
/***************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
FANCYBOX
****************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
***************************************************************************************************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{	padding: 0;	margin: 0;	border: 0;	outline: none;	vertical-align: top;	overflow-y: hidden;}
.fancybox-wrap {	position: absolute;	top: 0;	left: 0;	z-index: 8020;	overflow-y: hidden;}
.fancybox-skin {	position: relative;	background: #f9f9f9;	color: #444;	text-shadow: none;	-webkit-border-radius: 4px;	   -moz-border-radius: 4px;	        border-radius: 4px;						background: transparent;    box-shadow: none !important;	overflow-y: hidden;}
.fancybox-opened {	z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);overflow-y: auto;}
.fancybox-outer, .fancybox-inner {position: relative;overflow:hidden;overflow-y: auto;padding:0px;margin:0px;width:auto;height:auto;}
.fancybox-inner {overflow: hidden;overflow-y: auto;	padding:0px;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;	overflow-y: auto;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;overflow-y: auto;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../zenxoffice/js/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('../zenxoffice/js/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: 0px;right: 0px;width: 36px;height: 36px;cursor: pointer;z-index: 9040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('../zenxoffice/js/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('../zenxoffice/js/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;   -moz-border-radius: 15px;        border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),   only screen and (min--moz-device-pixel-ratio: 1.5),   only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {	background-image: url('../zenxoffice/js/fancybox_sprite@2x.png');	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}
#fancybox-loading div {	background-image: url('../zenxoffice/js/fancybox_loading@2x.gif');	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}}
#fancybox-thumbs {position: fixed;left: 0;width: 100%;overflow: hidden;z-index: 8050;}
#fancybox-thumbs.bottom {bottom: 2px;}
#fancybox-thumbs.top {top: 2px;}
#fancybox-thumbs ul {position: relative;list-style: none;margin: 0;padding: 0;}
#fancybox-thumbs ul li {float: left;padding: 1px;opacity: 0.5;}
#fancybox-thumbs ul li.active {opacity: 0.95;padding: 0;border: 2px solid #f60;}
#fancybox-thumbs ul li:hover {opacity: 1;}
#fancybox-thumbs ul li a {display: block;position: relative;overflow: hidden;border: 1px solid #222;background: #111;outline: none;}
#fancybox-thumbs ul li img {display: block;position: relative;border: 0;padding: 0;max-width: none;}
/***************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
END | FANCYBOX
****************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
****************************************************************************************************************************************
***************************************************************************************************************************************/