/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
/*Theme Colors*/
/*bootstrap Color*/
/*Normal Color*/
/*Border radius*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}
.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}
/* This is for popins font for firefox */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v1/2fCJtbhSlhNNa6S2xlh9GyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* This is for popins font for firefox */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v1/UGh2YG8gx86rRGiAZYIbVyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* This is for popins font for firefox */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v1/yQWaOD4iNU5NTY0apN-qj_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*Just change your choise color here its theme Colors*/
body {
  background: #fff;
}
/********* Top Header Part *********/
.logo i {
  color: #ffffff;
}
.top-left-part .light-logo {
  display: inline-block;
}
.top-left-part .dark-logo {
  display: none;
}
.navbar-header {
  /*background: #4F5467;*/
  background: #21242A;
}
.navbar-top-links > li > a {
  color: #ffffff;
}
/********* Sidebar navigation *********/
.side-mini-panel ul.mini-nav > li:hover > a,
.side-mini-panel ul.mini-nav > li.selected > a {
  /*border-left: 3px solid #fb9678;*/
  border-left: 3px solid #E50000;
}

.side-mini-panel ul.mini-nav > li > a > i {
	color:#21242A;
}

.side-mini-panel ul.mini-nav > li:hover > a > i,
.side-mini-panel ul.mini-nav > li.selected > a > i {
   color:#E50000;
}

.sidebar-menu > li > a {
	color:#21242A;
}

.sidebar-menu > li > a:hover {
  /*color: #fb9678;*/
  color: #E50000;
}
/********* themecolor *********/
.bg-theme {
  /*background-color: #fb9678 !important;*/
  background-color: #E50000 !important;
}
.bg-theme-dark {
  /*background-color: #01c0c8 !important;*/
  background-color: #F7F6FA !important;
}
/*Chat widget*/
.chat-list .odd .chat-text {
  /*background: #fb9678;/*/
  background: #E50000;
}
/*Button*/
.btn-custom {
  /*background: #fb9678;*/
  /*border: 1px solid #fb9678;*/
  background: #E50000;
  border: 1px solid #E50000;
  color: #ffffff;
}
.btn-custom:hover {
  /*background: #fb9678;*/
  background: #E50000;
  opacity: 0.8;
  color: #ffffff;
 /*border: 1px solid #fb9678;*/
  border: 1px solid #E50000;
}
/*Custom tab*/
.customtab li.active a,
.customtab li.active a:hover,
.customtab li.active a:focus {
  /*border-bottom: 2px solid #fb9678;*/
  /*color: #fb9678;*/
  border-bottom: 2px solid #E50000;
  color: #E50000;
}

.customvtab .tabs-vertical li.active a,
.customvtab .tabs-vertical li.active a:hover,
.customvtab .tabs-vertical li.active a:focus{
	background:#ffffff;
	border:0;
	border-right:2px solid #E50000;
	margin-right:-1px;
	color:#E50000;
}


.tabs-vertical li.active a,
.tabs-vertical li.active a:hover,
.tabs-vertical li.active a:focus {
  /*background: #fb9678;*/
  /*border-right: 2px solid #fb9678;*/
  background: #E50000;
  border-right: 2px solid #E50000;
}

/*Nav-pills*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  /*background: #fb9678;*/
  background: #E50000;
  color: #ffffff;
}

.bg-title {
	background:#697C94;
}

.footer{ 
	background:#21242A;
}

.footer > a { 
	color:#F2605D;
}

.footer > a:hover { 
	color:#E50000;
}


.btn-primary {
  color: #fff;
  background-color: #E50000;
  border-color: #E50000;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #E50000;
  border-color: #E50000;
}
.btn-primary:hover {
  color: #fff;
  background-color: #E50000;
  border-color: #E50000;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #E50000;
  border-color: #E50000;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #E50000;
  border-color: #E50000;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #E50000;
  border-color: #E50000;
}
.btn-primary .badge {
  color: #E50000;
  background-color: #fff;
}

.btn-primary,.btn-primary.disabled{
	background:#E50000;
	border:1px solid #E50000
}

.btn-primary:hover,.btn-primary.disabled:hover,.btn-primary:focus,.btn-primary.disabled:focus,.btn-primary.focus,.btn-primary.disabled.focus{ 
	background:#E50000;
	opacity:.8;
	border:1px solid #E50000;
}

.icone_obligatoire {
	color:#E50000;
}

#table_liste_structure a {
	color:#21242A;
	font-weight:bold;
}

#table_liste_structure a:hover {
	color:#E50000;
	font-weight:bolder;
}

.panel-default .panel-heading{border-color:#F6F9FB;color:21242A;background-color:#F6F9FB}


.logo_connexion {
	height:70px;
}

.login-register{
		background:url(../Img/fondec01.jpg) no-repeat center center / cover !important;
		background-size:cover;
		overflow:scroll;
	}
	
	.login-register01{
		background:url(../Img/fondec01.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;
	}
	
	.login-register02{
		background:url(../Img/fondec02.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;		
	}
	
	.login-register03{
		background:url(../Img/fondec03.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;		
	}
	
	.login-register04{
		background:url(../Img/fondec04.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;		
	}
	
	.login-register05{
		background:url(../Img/fondec05.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;		
	}
	
	.login-register06{
		background:url(../Img/fondec06.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;		
	}
	
	.login-register07{
		background:url(../Img/fondec07.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;		
	}
	
	.login-register08{
		background:url(../Img/fondec08.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;		
	}
	
	.login-register09{
		background:url(../Img/fondec09.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;		
	}
	
	.login-register10{
		background:url(../Img/fondec10.jpg) no-repeat center center / cover !important;
		background-size:cover;	
		overflow:scroll;		
	}


/* Desktops and laptops ----------- */
/*
@media only screen 
and (min-width : 1224px) {
*/	
@media only screen 
and (min-width : 1300px) {

	.logo_connexion {
		height:118px;
	}

	.login-register{
		background:url(../Img/fondec01.jpg) no-repeat center center / cover !important; 
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register01{
		background:url(../Img/fondec01.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register02{
		background:url(../Img/fondec02.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register03{
		background:url(../Img/fondec03.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register04{
		background:url(../Img/fondec04.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register05{
		background:url(../Img/fondec05.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register06{
		background:url(../Img/fondec06.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register07{
		background:url(../Img/fondec07.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register08{
		background:url(../Img/fondec08.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register09{
		background:url(../Img/fondec09.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
	
	.login-register10{
		background:url(../Img/fondec10.jpg) no-repeat center center / cover !important;
		height:100%;
		position:fixed;
		background-size:cover;	
		overflow:visible;
	}
}

.fond-inscription {
		background:url(../Img/fondec02.jpg) no-repeat center center / cover !important; 
		background-size:cover;	
		overflow:scroll;
}


/* Desktops and laptops ----------- */
/*
@media only screen 
and (min-width : 1224px) {
*/
	
@media only screen 
and (min-width : 1300px) {
	.fond-inscription {
		background:url(../Img/fondec02.jpg) no-repeat center center / cover !important; 
		background-size:cover;	
		overflow:visible;
		height:100%;
		width:100%;
		position:fixed;
	}
}

@media only screen and (max-width: 1299px) and (min-width: 800px){

	.fond-inscription 
	{
	    background: url(../Img/fondec02.jpg) no-repeat center center / cover !important;
	    background-size: cover;
	    height: 100%;
	    width: 100%;
	    position: fixed;
	}
}



.container-inscription {
	padding-right:0;
	
}

.dark-box{
	background:#21242A;
	padding:25px;
	margin-bottom:15px;
	color:#CCC;
}

.dark-box .box-title{
	margin:0 0 12px;
	font-weight:500;
	text-transform:uppercase;
	font-size:14px;
	color:#FFFFFF;
}

.checkbox-custom input[type="checkbox"]:checked+label::before{
	background-color:#E50000;
	border-color:#E50000;
}

.checkbox-custom input[type="checkbox"]:checked+label::after{
	color:#ffffff;
}

.login-box{
	background:#21242A;
	width:100%;
	max-width:400px;
	/*margin:0 auto;*/
	/*margin-top:10%*/
}

.login-box .footer{
	width:100%;
	left:0;
	right:0
}

.login-box .social{
	display:block;
	margin-bottom:30px
}

.login-sidebar{
	position:absolute;
	right:0;
	margin-top:0;
	height:100%
}

.form-control-options {
  display: block;
  width: 60%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #FFF;
  text-align:right;
}
.form-control-options:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control-options::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control-options:-ms-input-placeholder {
  color: #999;
}
.form-control-options::-webkit-input-placeholder {
  color: #999;
}
.form-control-options::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control-options[disabled],
.form-control-options[readonly],
fieldset[disabled] .form-control-options {
  background-color: #FFF;
  opacity: 1;
}
.form-control-options[disabled],
fieldset[disabled] .form-control-options {
  cursor: not-allowed;
}

.help-block-italic{
	font-style:italic;
}

.form-group-champ-structure{border-bottom:0px solid rgba(120,130,140,0.13);padding-bottom:5px}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 36px;
  height: 36px;
  padding: 1px 5px;
  font-size: 26px;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.wizard-steps {
	display:table;
	width:100%
}
.wizard-steps>li {
	display:table-cell;
	padding:10px 20px;
	background:#FFFFFF;
	width:33%;
}

.wizard-steps>li span {
	border-radius:100%;
	border:1px solid rgba(120, 130, 140, 0.13);
	width:40px;
	height:40px;
	display:inline-block;
	vertical-align:middle;
	padding-top:9px;
	margin-right:8px;
	text-align:center
}
.wizard-content {
	padding:25px;
	border-color:rgba(120, 130, 140, 0.13);
	margin-bottom:30px
}
.wizard-steps>li.current, .wizard-steps>li.done {
	background:#E30613;
	color:#ffffff
}
.wizard-steps>li.current span, .wizard-steps>li.done span {
	border-color:#ffffff;
	color:#ffffff
}
.wizard-steps>li.current h4, .wizard-steps>li.done h4 {
	color:#ffffff
}
.wizard-steps>li.done {
	background:#6C9;
}
.wizard-steps>li.error {
	background:#fb9678
}

.wizard-steps .steps_texte {
	display:none;
}

.wizard-back {
	color:#CCC;
}

.wizard-back:hover {
	color:#EEE;
}

.wizard-next {
	color:#CCC;
}

.wizard-next:hover {
	color:#EEE;
}

.wizard-finish {
	color:#CCC;
}

.wizard-finish:hover {
	color:#EEE;
}

.wizard-buttons > a.hover {
  color: #EEE;
}

.wizard-buttons > a.active {
  color: #EEE;
}
.wizard-buttons > a.disabled {
  color: #AAA;
}

.panel-icon {
  background-color:#FFF;
  color:#21242A;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 34px;
  line-height: 1.428571429;
  border-radius: 15px;
}


/* Desktops and laptops ----------- */
/*
@media only screen 
and (min-width : 900px) {
*/

@media only screen 
and (min-width : 900px) {
	
	.wizard-steps .steps_texte {
		display:inline-table;
	}
	
	.wizard-steps>li {
		width:auto;
	}	

}