body{
	padding-top:100px;
}

#editor {overflow:scroll; height:200px;}
#descr{margin:5px 0 20px 0;}

.order-6{width:10%; text-align:center;}
.order-12{width:5%; text-align:center;}

.pagecode{width:8%;}

.activeState{
	width:20px;
	height:20px;
	margin:0 auto;
	border-radius:50%;
	display:block;
}

.active-on{background:#50D638;}
.active-off{background:#CF0E0E;}

/*Login************************************
*********************************************/
#login{background:#11161A;}

#loginMsg{
	margin-bottom:14px;
	padding:10px 30px;
	background:#e1e1e1;
}

#loginBox{
	width:430px;
	margin:-170px 0 0 -215px;
	position:absolute;
	top:50%;
	left:50%;
}

#loginBox #loHeader{padding:9px 20px; background:#2494F2;}
#loginBox #loHeader h3{margin:0; color:#fff;}

#loginBox #loContent{min-height:254px; background:#fff;}
#loginBox #loContent h4{margin-bottom:20px;}
#loginBox #loContent .form-group{margin-bottom:25px;}
#loginBox #loContent .form-control{padding:18px;font-size:14px;}
#loginBox #loContent #loForm{padding:25px 30px 0 30px;}

#loginBox #loContent .form-control:-moz-placeholder {font-style:normal;}
#loginBox #loContent .form-control::-moz-placeholder {opacity: 1;font-style:normal;}
#loginBox #loContent .form-control:-ms-input-placeholder {font-style:normal;}
#loginBox #loContent .form-control::-webkit-input-placeholder {font-style:normal;}

#loginBox #loFooter{padding:0 30px 15px; text-align:right;}
#loginBox #loFooter button{text-transform:uppercase;}

@media only screen and (max-width:767px){
	#loginBox{
		width:100%;
		margin-left:0;
		padding:0 15px;
		left:auto;
	}
}

/*User************************************
*********************************************/
/*.userThumbnail{
	width:300px !important;
	height:300px !important;
	border:none;
	border-radius:50%;
	box-shadow:0 2px 7px -4px black;
}*/

#userIcon{background:url(../img/profil.jpg) no-repeat;}

/*upload*/
.imagePreview{
	max-width:100%;
	max-height:100%;
	display:none;
}

#submitbutton_image{margin-top:10px;}
#conteneurType input{margin:0 10px;}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
label[for="fileUpload"], label[for="fileUploadProfile"]{margin:0;}

/*Layout************************************
*********************************************/
.content{
	display:none;	
}

#usrOptions{
	color:gray;	
}

#usrOptions:hover,
.dropdown-toggle{
	background:#111414;
	color:#fff;
}

.primary-navbar{
	background:#881417;	
}

.secondary-navbar{
	height:49px;
	top:50px;
	border-bottom:solid 1px #080808;
	background:#11161A;
}

.secondary-navbar p{
	margin-top:10px;
	letter-spacing:1px;
	font-size:23px;
	color:white;	
}

.secondary-navbar .btn-group{
	padding:8px 15px;	
}

.secondary-navbar button{
	background:transparent;
	border:none;
	border-radius:0;
	color:#fff;	
}

.navbar-brand{
	font-size:28.14px;
	color:#fff;
	text-transform:uppercase;	
}

.navbar-toggle{
	position:relative;
	float:right;
	margin-right:15px;
	padding:9px 10px;
	margin-top:8px;
	margin-bottom:8px;
	background-color:red !important;
	border:solid 1px white !important;
	border-radius:4px;	
}

.container-fluid{
	margin-right:auto;
	margin-left:auto;
	padding-left:15px;	
	padding-right:15px;	
}

#breadcrumb{
	width:100%;
	height:35px;
	margin:15px 0;
	border:solid 1px #CCC;
	border-radius:5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.breadcrumb-arrow a{
	height:100%;
	padding:6px 5px 0;
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#636363;
}

.breadcrumb-arrow:first-child a{padding-left:15px;}

.breadcrumb-arrow span{
	width:27px;
	height:27px;
	position:relative;
	top:3px;
	right:14px;
	border-radius:5px;
	float:left;
	display:block;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	box-shadow:1px -1px 2px -1px black;
}

/*Sidebar************************************
*********************************************/
.sidebar{
	position:fixed;
	top:79px;
	bottom:0;
	left:0;
	z-index:1000;
	display:block;
	padding:20px 15px;
	overflow-x:hidden;
	overflow-y:auto;
	background:#161C21;
}

@media (max-width:768px){
	.sidebar{display:none;}
}

.nav-sidebar{
	margin:1px -15px 0 -15px;
}

.nav-sidebar > li,
.nav-sidebar li ul li{
	border-bottom:solid 1px #080808;
	border-top:solid 1px #4D4D4D;
}

.nav-sidebar li:last-child{box-shadow:0 1px 0 #4D4D4D;}

.nav-sidebar li ul{
	padding-left:0;
	list-style:0;
	display:none;
}

.nav-sidebar li ul li{
	height:32px;
	padding:5px 0 0 14px;
}

.nav-sidebar li ul li a{ 
	display:block;
	text-decoration:none;
}

.nav-sidebar a{
	-webkit-transition: color 0.3s;
	transition: color 0.3s;	
}

.nav-sidebar li.active ul{ 
	display:block;
}

.nav-sidebar li ul li:first-child{box-shadow:0px 2px 5px #090909 inset;}
.nav-sidebar li ul li:last-child{box-shadow:0px -1px 5px #090909 inset;}

.nav-sidebar li a:hover, .nav-sidebar li.active a{background:none;color:#939ea4;}

.nav-sidebar .glow{
	width:5px;
	height:40px;
	position:absolute;
	-webkit-box-shadow:0 0 2px 1px #434d59 inset;
	box-shadow:0 0 2px 1px #434d59 inset;
	background:#1F2B42;	
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
} 
.nav-sidebar li:hover .glow,
.nav-sidebar li.active .glow{
	width:5px;
	height:40px;
	position:absolute;
	-webkit-box-shadow:0 0 2px 1px #7bc8d7 inset;
	box-shadow:0 0 2px 1px #7bc8d7 inset;
	background:#4291A6;	
}

.returnSite, .returnSite:hover{color:#fff;}

/*Content************************************
*********************************************/
.area-top{
	overflow:hidden;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
 
#userIcon{
	width:100px;
	height:100px;
	margin:10px auto;
	border-radius:50%;
	display:block;	
	box-shadow:0 2px 7px -4px black;
}

#userName{
	width:100%;
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
	color:#B3B3B3;	
}

.langInfo{
	margin-top:15px;
	text-transform:uppercase;
	font-weight:bold;	
}

h3{
	font-size:32px;	
}

.addProject{
	margin-bottom:15px;	
}

.thumbnail{
	width:100%;
	height:315px;	
	margin-bottom:15px;
}

.progress{
	margin-top:15px;	
}

#topTable{
	height:40px;
}

.search{
	width:250px;	
}

.lstNbEntrees{
	width:70px;	
}

#conteneurImg .langInfo{
	width:100%;
}

#conteneurImg .imageProject{
	height:151px;
	overflow:hidden;
}

#conteneurImg .imageProject:hover span{
	opacity:1;
}

#conteneurImg div{
	float:left;
}

#conteneurImg span{
	width:208px;
	height:151px;
	padding:38px 35px;
	position:absolute;
	text-align:center;
	overflow:hidden;
	opacity:0;
	transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	background:rgba(0,0,0,0.8);
}

#conteneurImg label{
	font-size:16px;
	color:#fff;
}

#conteneurImg input[type="radio"]{
	margin:10px 0 15px 0;
	position:relative;
	top:2px;
}

#conteneurImg img{
	width:206px;
	margin:0 5px 10px 0;
}

#conteneurImg div:nth-child(6) img{
	margin:0 0 10px 0;
}

thead td{
	border-bottom:solid 1px red;
	font-weight:bold;
	font-size:12px;
	background:#F2F2F2;	
}

thead td{
	background:#F2F2F2 url(../img/sort.gif) no-repeat 95% center;
	cursor:pointer;
}

thead td:last-child{
	background:#F2F2F2;	
}

tbody td a{
	display:block;
	text-decoration:none;
	color:#333333;
}

tbody td a{display:inline;}
tbody td:last-child{text-align:center;}
tbody td span{font-size:16px; top:4px!important; cursor:pointer}
tbody td span.glyphicon-pencil:hover{color:#ECC53C;}
tbody td span.glyphicon-remove:hover{color:#B70000;}

tbody td a:hover{text-decoration:none; color:#333333;}

#infoEntries{
	margin:7px 0 0 0;
	float:left;	
}
/*Gallery************************************
*********************************************/
a.image{
	width:150px;
	height:150px;
	margin-right:15px;
	border-radius:5px;
	float:left;
	display:block;
	overflow:hidden;
	box-shadow:0 0 3px 1px #111;
}

a.image img{
	max-height:150px;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

a.image:hover img{
	opacity:0.8;
}

#image_details{
	height:450px;
	padding:25px;
	clear:left;
	background:#242424;
	color:#999;
}

#image_details #image{
	width:625px;
	height:100%;
	margin-right:21px;
	float:left;
	background:#1B1B1B;
}

#image_details h4{
	font-size:24px;
	font-weight:bold;
	color:#fff;
}

#image_details p{
	margin-bottom:40px;
}

#og-grid li{
	height:153px;
	overflow:hidden;
}

/*Modal************************************
*********************************************/
#mask{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0.8;
	display:none;
	z-index:10000;
	background:#000;
	
}

.editor {overflow:scroll; max-height:300px}

#modal{
	width:100%;
	height:130px;
	padding:15px 0 0 25%;
	position:fixed;
	top:45%;
	left:0;
	display:none;
	opacity:0.9;
	z-index:10000;
	background:#000;
	color:#FFF;
}

#modal span:first-child{font-size:25px;}
#modal span:nth-child(2){font-size:14px;}
#modal #buttons{margin:10px 0 0 45%;}