@font-face {
	font-family: 'OpenSans';
	src: url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.eot');
	src: url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.woff') format('woff'),
	url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.ttf') format('truetype'),
	url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.svg#OpenSans') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSansSemiBold';
	src: url('/RessourcesCentrales/fonts/OpenSans/SemiBold/opensans-semibold-webfont.eot');
	src: url('/RessourcesCentrales/fonts/OpenSans/SemiBold/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	url('/RessourcesCentrales/fonts/OpenSans/SemiBold/opensans-semibold-webfont.woff') format('woff'),
	url('/RessourcesCentrales/fonts/OpenSans/SemiBold/opensans-semibold-webfont.ttf') format('truetype'),
	url('/RessourcesCentrales/fonts/OpenSans/SemiBold/opensans-semibold-webfont.svg#OpenSans') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	font-family: sans-serif;
    line-height: 1.15;
	box-sizing: border-box;
    font-size: 100%;
}

body {
	background-color:#0F1014;
}

body, h1, h2, h3, h4, h5, h6 {
	font-family:OpenSans, Verdana, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin:2rem 0 0.3rem 0;
	font-family:OpenSansSemiBold, Verdana, Geneva, sans-serif;
}

h1 small {
	color:#666;	
}

.article-content {
	min-height:30rem;
	padding:2em;
}

.article-content h1 {
	font-size:1.25rem;
	text-transform:uppercase;
}

.article-content h1:after {
	content: '';
	display: block;
	border-bottom: 5px solid #7EBC46;
	width:2.5em;
	margin-top:2px;
	margin-bottom:0.5em;
}

.article-content h2:after {
	content: '';
	display: block;
	border-bottom: 5px solid #CCC;
	width:2.5em;
	margin-top:2px;
	margin-bottom:0.5em;
}

.article-content h2 {
	font-size:1.1875rem;
	text-transform:uppercase;
}

.article-content h3 {
	font-size:1.125rem;
	text-transform:uppercase;
}

.article-content h4 {
	font-size:1.0625rem;
	text-transform:uppercase;
}

.article-content h5 {
	font-size:1rem;
	text-transform:uppercase;
}

.article-content h6 {
	font-size:1rem;
	text-transform:uppercase;
}

.article-content ul {
	list-style:none;
	margin-left:0;
	padding:0;
	max-width:500px;
}

.article-content ul li {
	margin-bottom:7px;
	border-left: 5px solid #F5876E;
	padding:0 10px;
	background: #F4F4F4;
	color: #333;
	line-height:2em;
}

.article-content ul ul {
	list-style-type:square;
	margin-left:2em;
	max-width:none;
}

.article-content ul ul li {
	border-left:none;
}

.article-content ul li:nth-child(1n) {
    border-left-color:#333333;
}

.article-content ul li:nth-child(2n) {
    border-left-color:#666666;
}

.article-content ul li:nth-child(3n) {
    border-left-color:#999999;
}

.article-content ul li:nth-child(4n) {
    border-left-color:#BBBBBB;
}

.article-content ul li:nth-child(5n) {
    border-left-color:#DDDDDD;
}

.article-content ul li a { 
    display: block;
	text-decoration: none;
}

.article-content ul li:hover, .article-content ul li:active, .article-content ul li:focus { background-color: #EFEFEF; }

.flex-video {
	padding-top:0;	
}

.thumbnail {
	border-radius:100%;	
}

label {
	font-weight:bold;
	color:#333;	
}

.label a {
	color:#FFF;
	text-decoration:none;	
}

.fieldset {
	border-left:0;
	border-bottom:0;
	border-right:0;
	margin-top:0;
	padding-top:0.5rem;
	padding-bottom:0;
}

.fieldset legend {
	color:#CACACA;	
	font-size:1.2em;
	padding-left:1em;
	padding-right:1em;
}

table {
	border-collapse:collapse;	
}

table.expanded {
	width:100%;	
}

table tbody td:empty {

}


.nowrap {
	white-space:nowrap;	
}

.label.minWidth {
	min-width:200px;
	text-align:left;
}

.light-info {
	font-size: 0.8rem;
	color:#888;
}

tr.light {
	color:#888;
}

#main-container {
	margin:0 auto;
	padding:1rem;
	background-color:#FFF;
}

body.page-login #main-container
,body.page-lost-password #main-container
,body.page-reset-password #main-container
,body.page-access-denied #main-container {
	background-color:transparent;	
}

body.page-login #footer
,body.page-lost-password #footer
,body.page-reset-password #footer
,body.page-access-denied #footer {
	text-align:center;
	display:none;
}

.top-bar {
	margin:0 auto 0 auto;
	background-color: #F0F2F6;
}

.top-bar ul {
	background:none;	
}

.top-bar li > a, .top-bar ul li > a {
	color:#000;
	position:relative;
}

.top-bar .thumbnail {
	max-height:25px;
	margin:0;
	border:0;
}

.top-bar .badge {
	position: absolute;
	top: 2px;
	right: 7px;
	font-size: 11px !important;
	height: 18px;
	padding: 3px 6px;
	min-width:inherit;
}

.row {
	max-width:inherit;	
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a {
	padding: .85em 1.5rem 0.85em 1em;
}

.dropdown-pane {
	padding:0;	
}

.menu > li:hover a, .menu > li:active a, .menu > li:focus a {
    background-color:#E7E7E7;
}

li.divider {
	height: 1px;
	margin:.3rem 0;
	overflow: hidden;
	background-color: #e5e5e5;	
}


/* LARGE SCREEN */
@media screen and (min-width:40em) {
	h1 {
		font-size:2rem
	}
	h2 {
		font-size:1.75rem
	}
	h3 {
		font-size:1.6875rem
	}
	h4 {
		font-size:1.625rem
	}
	h5 {
		font-size:1.5625rem
	}
	h6 {
		font-size:1.5rem
	}
	
	#main-container {
		min-height:600px;
	}
	
	body {
		padding:30px;
	}
	
	.login-box {
	  margin-top:100px;
	}
}

/* SMALL SCREEN */
@media only screen and (max-width: 40em) {
	table.responsive thead {
		display:none;
	}
	
	table.responsive tr {
		display:block;
	}
	
	table.responsive tr td {
		display:block;
		text-align:center;
		width:auto;
	}
	
	table.responsive tr td .label {
		text-align:center;
	}
	
	#main-menu ul {
		text-align:center;
	}
	
	#main-menu ul li {
		display:inline-block;
	}
	
	#main-menu a span {
		display:none;
	}
	
	#main-menu a i {
		font-size:2rem;
	}
}

#main-menu {
	background-color:#F0F2F6;	
}

#main-menu a {
	padding:1rem;
	color:#303030;
	position:relative;
}

#main-menu .badge {
	position: absolute;
	top:-2px;
	right:0px;
	font-size: 10px !important;
	padding: 3px 6px;
	min-width:inherit;
	border-radius:0;
}



.p10 {width:10%;}
.p15 {width:15%;}
.p20 {width:20%;}
.p25 {width:25%;}
.p30 {width:30%;}
.p35 {width:35%;}
.p40 {width:40%;}
.p45 {width:45%;}
.p50 {width:50%;}
.p55 {width:55%;}
.p60 {width:60%;}
.p65 {width:65%;}
.p70 {width:70%;}
.p75 {width:75%;}
.p80 {width:80%;}
.p85 {width:85%;}
.p90 {width:90%;}
.p95 {width:95%;}
.p100 {width:100%;}

table td {
	
}

table .button {
	white-space:nowrap;
}

.dropdown.menu .submenu  {
	min-width:300px;	
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {

	border-color: #FFF transparent transparent;
}

.button {
	background-color:#303030;	
}

a.button:link, a.button:visited {
	color:#FFF;	
}

.button:focus, .button:hover {
	background-color:#1D1D1D;	
}

a, a:link, a:visited, a:hover, a:active, a:focus {
	color:#5E8B34;	
}

a:hover, a:focus {
    color: #000;
}

code {
	padding:0;
	background:none;
	border:0;	
}

pre {
	margin-bottom:1rem;	
}

.formBody h2 {
	margin-top:1rem;	
}

.login-box {
  background: #fff;
  border: 1px solid #ddd; 
  padding:20px 20px 0 20px;
}

.login-box h1 {
	font-size:1.3rem;	
}

.user-thumbnail {
	max-width:80px;	
	margin:0;
}

.user-thumbnail-small {
	max-height:50px;	
	margin:0;
	border-width:1px;
}

.image-thumbnail {
	max-width:80px;	
	margin:0;
}

.image-thumbnail-small {
	max-height:50px;	
	margin:0;
	border-width:1px;
}

.circliful-center {
	margin:0 auto;
}

.user-badge {
	text-align:center;
	margin:0 1rem;
	white-space:nowrap;
}

.user-badge span {
	display:block;
	font-size: 0.8rem;
	color:#888;
}

i.success {
	color:#3adb76;
}

.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}

.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0px;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

.ibox .stat-percent {
    float: right;
}

.ibox .badge {
	font-size:1rem;	
}

.ibox h1 {
	color:#676A6C;
	font-weight:normal;
	margin:0;
	line-height:1em;
}

.messages-box{
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);                                      
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     width: 100%;
     border: 1px solid;
     color: #fff;
     padding: 15px;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     animation: animate-bg 5s linear infinite;
	 margin:0 0 1rem 0;
	 text-align:center;
}

.messages-box.info{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}

.messages-box.error{
     background-color: #de4343;
     border-color: #c43d3d;
}
     
.messages-box.warning{
     background-color: #eaaf51;
     border-color: #d99a36;
}

.messages-box.success{
     background-color: #61b832;
     border-color: #55a12c;
	 position:fixed;
	 top:0;
	 left:0;
	 z-index:500;
}

html.no-js .messages-box.success {
	 position:static;
	 top:auto;
	 left:auto;
}

.messages-box h3 {
     margin: 0 0 5px 0;
	 font-size:1.2rem;
	 font-weight:bold;                                                  
}

.messages-box ul {
    padding-left:2rem;
	margin:0;
}

.messages-box p{
     margin: 0;                                                  
}

.messages-box .button {
     min-width:100px;
	 text-align:center;                                               
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

input.invalid {
	border:1px solid #DE4343;	
}

.input-group.invalid .input-group-label {
	background-color:#DE4343;
	color:#FFF;
	border:1px solid #DE4343;
}

.input-group.invalid .input-group-field {
	border:1px solid #DE4343;
}

#menu-home img {
	max-height:1.5rem;	
}

.button.neutral {
	background:none;
	color:#000;	
}

table.filesList .button{
	margin:0;
}

ul.checkboxes {
	list-style:none;	
}

ul.files-list {
	list-style:none;	
}

#footer {
	text-align:right;
	color:#FFF;
	background:#F5F7FA;
	margin:0 auto 30px auto;
	padding-bottom:1rem;
}

#footer a {
}

#footer .logo {
	max-height:100px;
}

input.not-fluid {
	width:auto;	
}

.module {
	background-color:#333;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	display:block;
	min-height:280px;
	color:#FFF;
	margin:.9375rem 0;
	border:2px solid #FFF;
	position:relative;
}

.module:hover, .module:active, .module:focus {
	border:2px solid #7AB745;
}

.module-info {
	background-color:rgba(0,0,0,0.5);
	padding:0.5rem;
}

.module-info h2 {
	color:#FFF;	
}

.module-info p {
	color:#CCC;
	margin:0;
}

textarea.input-group-field {
	white-space:pre;
}

.buttons-area {
	
}