.clear {
	clear:both;
}

body {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9E9E9E; font-style: initial;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #9E9E9E;      font-style: initial;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #9E9E9E;    font-style: initial;
}
:-moz-placeholder { /* Firefox 18- */
  color: #9E9E9E;    font-style: initial;
}

svg {vertical-align: middle;}

/* ==================================================================
Preloader
================================================================== */

.spinner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #292929;
    z-index: 9999;
}
.cube1,
.cube2 {
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -30px;
    -webkit-animation: cubemove 1.8s infinite ease-in-out;
    animation: cubemove 1.8s infinite ease-in-out;
}
.cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner h2 {
	color: white;
}

#closespinner {color: #292929;
    width: 100px;
	height:20px;
    display: block;
    margin: 0 auto;}



@-webkit-keyframes cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}
@keyframes cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

/* ==================================================================
Loader 
================================================================== */
#waitscreen {
   display: none;
   position: fixed;
    z-index: 99999;
    background-color: rgba(51, 122, 183, 0.9);
    border-radius: 100px;
    width: 200px;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    top: 40%;
    height: 200px;
}

#waitscreen h2{
	color: white;
    position: absolute;
    top: 38%;
    left: 0;
    right: 0;
	font-size: 19px;
}

.loader {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 60px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}

.blur {
	-webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

/* ==================================================================
Loader 
================================================================== */

/*=====================================*/
/*============CONNEXION================*/
/*=====================================*/
form[name="CONNEXION"] input{ 
	margin-bottom: 5px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield;
}


.form-signin-heading {
	text-align: center;
}
.form-signin input[type="text"] {
	margin-bottom: 5px;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.form-signin .form-control {
	position: relative;
	font-size: 16px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.vertical-offset-100 {
	padding-top: 100px;
}

.vertical-offset-40 {
	padding-top: 10%;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
}
form[name="CONNEXION"] .panel {
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0.75);
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}


/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 90;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #337ab7;
	
	background-color: #337ab7;
    background-image: linear-gradient(180deg,#337ab7 10%,#6098c7 100%);
    background-size: cover;
  }
  
  .sidebar hr {
	  box-sizing: content-box;
    height: 0;
    overflow: visible;
	  border-top: 1px solid rgba(255,255,255,.15);
	      margin: 0 1rem 1rem;
  }
}



/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar .btndoc {
  padding-right: 20px;
  padding-left: 20px;
}

.sidebar li.title {
	text-align: center;
    font-weight: bold;
    padding: 20px 0;
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}


.sidebar li.title::after {
	
	/*content:"\e159";*/
	/*content:"\e259";*/
	content:"\e080";
	
	font-family: 'Glyphicons Halflings';
	padding-right:4px;
	font-weight:200;
	position: absolute;
    right: 4px;
}

.sidebar li.title[aria-expanded="true"]::after {
	/* content:"\e160"; */
	/*content:"\e260";*/
	content:"\e114";
}

.sidebar div.title {
	text-align: center;
    font-weight: bold;
    padding: 20px 0;
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
	margin-right: -21px; 
	margin-bottom: 5px;
	margin-left: -20px;
}


.sidebar ul.telephones {

}

.sidebar ul.telephones li {
    font-weight: bold;
    font-size: 1em;
	text-align:left;

    width: 100%;
    border-radius: 0;
    border: none;
	color:white;
	padding: 6px 12px;
}
.sidebar ul.telephones li:hover, .sidebar ul.telephones li:focus {
    color: #fff!important;
    background-color: #286090!important;
    border-color: #204d74!important;
	
}

.sidebar ul.telephones li a{
	color:white;
	padding-left: 15%;
    display: inline;
	
}
.sidebar ul.telephones li a:hover, .sidebar ul.telephones li a:focus{
	background-color: initial!important;
	text-transform: none!important;
}

.sidebar ul.telephones li img{
	color:white;
	padding: 0 2px;
    vertical-align: middle;
}

#pdf_target iframe {
	border:none;
}


/*

 .rsaifu .title a{
	 color:white;
	 font-weight: bold;
    font-size: 1em;
 }
 .rsaifu .title a:hover, .rsaifu .title a:focus{
	color: #fff!important;
    background-color: #286090!important;
    border-color: #204d74!important;
 }
 
 .rsaifu .title a[data-toggle=collapse]::after {
		width: 1rem;
		text-align: center;
		border: 0;
		font-weight: 900;
		content:"\e114";
		font-family: 'Glyphicons Halflings';
		position: absolute;
		right: 20px;
		top: 14px;
	}
	 .rsaifu .title a[data-toggle=collapse].collapsed::after {
		
		content:"\e080";
	}
 
li.title ul {
	background-color:rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0px 20px 14px -10px rgba(0,0,0,0.3);
    box-shadow: inset 0px 20px 14px -10px rgba(0,0,0,0.3);
}	


*/









.rsaifu ul.nav-sidebar {
	margin-bottom: 8px!important;
	text-align:center;
}

.rsaifu li {
	text-align:center;
}

.rsaifu .btndoc{
    font-weight: bold;
    font-size: 1em;
   /* margin: 2px auto;*/
	text-align:left;

    width: 100%;
    border-radius: 0;
    border: none;
	color:white;
	
	
}

.rsaifu .btndoc:hover, .rsaifu .btndoc:focus{
    color: #fff!important;
    background-color: #286090!important;
    border-color: #204d74!important;
}

.rsaifu .btndoc.currentdoc {
	background-color: #286090!important;
    border-color: #204d74!important;
	background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.rsaifu ul ul {
	list-style: none!important;
	padding: 0;
}

.btndoc img{
	padding: 0 7px;
	vertical-align: middle;
}


.btndoc span {
	vertical-align: middle;
	
	width: 100%;
    padding-left: 10%;
}

/* .rsaifu ul.collapse {
	list-style: none!important;
}
 */
 .rsaifu .subtitle a{
	 color:white;
	 font-weight: bold;
    font-size: 1em;
 }
 .rsaifu .subtitle a:hover, .rsaifu .subtitle a:focus{
	color: #fff!important;
    background-color: #286090!important;
    border-color: #204d74!important;
 }
 
 .rsaifu .subtitle a[data-toggle=collapse]::after {
		width: 1rem;
		text-align: center;
		border: 0;
		font-weight: 900;
		content:"\e114";
		font-family: 'Glyphicons Halflings';
		position: absolute;
		right: 20px;
		
	}
	 .rsaifu .subtitle a[data-toggle=collapse].collapsed::after {
		
		content:"\e080";
	}
 
li.subtitle ul {
	background-color:rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0px 20px 14px -10px rgba(0,0,0,0.3);
    box-shadow: inset 0px 20px 14px -10px rgba(0,0,0,0.3);
}	
 
 

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}

.main h2 {
	margin-top:0px;
}


.pdfviewer {
	width: 100%;
    overflow-x: hidden;
    height: 600px;
}
.pdfviewer img{
	margin: 8px auto;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.29);
    display: block;
	max-width:98%;
}

@media (min-width:768px) { 
	.dialog-middle .modal-dialog{
		width : 70%;
		height : 90%;
	}
}


.titleblock {
	margin-top: 0;
    text-align: center;
    background-color: #eee;
}

span.notification-badge {
  position: relative;
  top: -10px;
  right: 10px;
  border: white 1px solid;
  margin-right: -18px;
}
i.notification-icon {
	
}

button .notification-badge {
	position: relative!important;
    top: -16px!important;
    right: 2px!important;
    border: white 1px solid!important;
    margin-right: -18px!important;
    background-color: #d9534f!important;
    color: white!important;
}

.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-default{background-color:#636c72}.badge-default[href]:focus,.badge-default[href]:hover{background-color:#4b5257}.badge-primary{background-color:#0275d8}.badge-primary[href]:focus,.badge-primary[href]:hover{background-color:#025aa5}.badge-success{background-color:#5cb85c}.badge-success[href]:focus,.badge-success[href]:hover{background-color:#449d44}.badge-info{background-color:#5bc0de}.badge-info[href]:focus,.badge-info[href]:hover{background-color:#31b0d5}.badge-warning{background-color:#f0ad4e}.badge-warning[href]:focus,.badge-warning[href]:hover{background-color:#ec971f}.badge-danger{background-color:#d9534f}.badge-danger[href]:focus,.badge-danger[href]:hover{background-color:#c9302c}



.navbar-imperio {
	background-color: #337ab7;
	color:white;
	border:none;
}

.navbar-imperio a, .navbar-imperio .dropdown-menu>li>a{color:white}

.navbar-imperio .dropdown-menu {
	background-color: #337ab7;
}

.navbar-imperio .navbar-nav>li>a:focus, .navbar-imperio .navbar-nav>li.active, .navbar-imperio .navbar-nav>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #fff;
    background-color: #2e6da4;
}

.navbar-imperio .navbar-nav>.open>a, .navbar-imperio .navbar-nav>.open>a:focus, .navbar-imperio .navbar-nav>.open>a:hover {
	background-color: #2e6da4;
}

.navbar-imperio .navbar-toggle {
	 border-color: #fff;
	 color:#fff;
}
.navbar-imperio .navbar-toggle:focus, .navbar-imperio .navbar-toggle:hover {
	background-color: #2e6da4;
}

.navbar-imperio .navbar-toggle .icon-bar {
	background-color: #fff;
}

/* TEST */
.navbar-imperio-test {
	background-color: #5cb85c;
	color:white;
	border:none;
}

.navbar-imperio-test a, .navbar-imperio-test .dropdown-menu>li>a{color:white}

.navbar-imperio-test .dropdown-menu {
	background-color: #5cb85c;
}

.navbar-imperio-test .navbar-nav>li>a:focus, .navbar-imperio-test .navbar-nav>li.active>a,  .navbar-imperio-test .navbar-nav>li>a:hover, .navbar-imperio-test .dropdown-menu>li>a:focus, .navbar-imperio-test .dropdown-menu>li>a:hover {
	color: #fff;
    background-color: #3d5f3d;
}

.navbar-imperio-test .navbar-nav>.open>a, .navbar-imperio-test .navbar-nav>.open>a:focus, .navbar-imperio-test .navbar-nav>.open>a:hover {
	background-color: #3d5f3d;
}

.navbar-imperio-test .navbar-toggle {
	 border-color: #fff;
	 color:#fff;
}
.navbar-imperio-test .navbar-toggle:focus, .navbar-imperio-test .navbar-toggle:hover {
	background-color: #3d5f3d;
}

.navbar-imperio-test .navbar-toggle .icon-bar {
	background-color: #fff;
}


@media (min-width: 768px) {
	.navbar-header img {
		    margin-left: -15px;
	}
}

@media (max-width: 768px) {
  .btn-responsive {
        margin: 4px auto!important;
		width: 100%;
  }
}


/* MESSAGERIE */
.mailbox-messages {
    overflow: auto;
}

.mailbox-topnav>.navbar-header {
    width: 200px;
}

#mailbox-wrapper {
    margin-left: 0;
    overflow: hidden;
}

.mailbox-nav>ul>li>.navbar-btn {
    margin-right: 10px;
}

.mailbox-nav>ul>li.checkall {
    display: none;
}

.mailbox-nav>ul>li.message-actions {
    margin-left: 15px;
}

.mailbox-nav>ul>li.message-label {
    display: none;
}

.mailbox-menu-title {
    margin-bottom: 10px;
    padding-left: 15px;
    text-transform: uppercase;
    font-size: 12px;
}

.checkbox-col {
    width: 35px;
    text-align: center;
}

.date-col {
    min-width: 100px;
    overflow: hidden;
    text-align: right;
}

.from-col {
    min-width: 170px;
    overflow: hidden;
}

.msg-col {
    min-width: 800px;
}

.unread-message {
    font-weight: bold;
}

.clickableRow:hover {
    cursor: pointer;
}
/*
#messagerie .message {
margin:10px;
}
*/
.message {
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.17);
    padding: 20px;
    border-radius: 10px;
	margin-bottom: 10px;
}

.message.odd {
	background-color: #cacaca;
	margin-left: 20px;
}
.message.even {
	background-color: #607d8b;
	margin-right: 20px;
	color: white;
}

.message hr{
	margin: 16px 0!important;
	border-top: 1px solid #eeeeee24!important;
}

.message a{
	/*color:black!important;*/
}

.message.notread:after{
	content: ' ';
	width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #f44336;
	position: absolute;
    top: 4px;
    right: 20px;
	
}

@media(min-width:865px) {
    .mailbox-topnav {
        margin-bottom: 10px;
    }

    .mailbox-sidenav {
        display: inherit;
        position: absolute;
        width: 200px;
    }

    #mailbox {
        width: 100%;
    }

    #mailbox-wrapper {
        margin-left: 200px;
        padding-left: 15px;
        min-height: 600px;
    }

    .mailbox-nav {
        display: inherit;
        padding-left: 10px;
    }

    .mailbox-nav>ul>li.message-actions {
        display: inherit;
        margin-left: inherit;
    }

    .mailbox-nav>ul>li.message-label {
        display: inherit;
    }

    .mailbox-nav>ul>li.checkall {
        display: inherit;
        margin-left: 11px;
        padding: 15px;
    }
}
/* MESSAGERIE */

.dialog-full .modal-dialog{
	width : 90%;
	height : 90%;
}

@media (min-width: 768px) {
	.dialog-full .modal-dialog{
		 margin: 30px auto;
	}
	
}

@media (max-width: 768px) {
	.dialog-full .modal-dialog{
		 margin: 10px auto;
	}
	
}


.Footer {
	z-index: 100;
    color: #fff;
	position: absolute;
    bottom: 0;
    right: 0;
	color:#337ab7;
}
.Footer a{
	color:#337ab7!important;
}

@media (max-width: 768px) {
	.Footer {
		background-color: #337ab7;
		color:white;
		width:100%;
	}
	.Footer a{
		color:white!important;
	}
}


.Footer P{
	padding: 1.2rem 0;
    margin: 0;
    text-align: center;
}


div.logs {
	height: 100%!important;
	max-height: 150px;
    overflow: auto;
}


.liensfooter {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}

.liensfooter a {
	color: #fff;
}


@media all and (max-width:767px) {
   .btn-block-xs { width: 100%!important; display:block!important; }
}   

#createaccount {
	font-weight: bold;
    text-decoration: underline;
}


.btn-stats  {
	margin-right: 10px;
    font-weight: bold;
	width: 54px;
}

.flag-container {
	z-index:6;
}


.card {
-webkit-box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.04);
    box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.04);
    width: 80%;
    padding: 14% 10% 6% 24%;
    margin: 30px auto;
	position: relative;
}

.timbre{
	background-color: #bb3a3a;
    width: 7%;
    height: 17%;
    position: absolute;
    top: 4%;
    right: 3%;
	-webkit-box-shadow: inset 0px 0px 0px 4px #ffffff3d;
    -moz-box-shadow: inset 0px 0px 0px 4px #ffffff3d;
	box-shadow: inset 0px 0px 0px 4px #ffffff3d;
}
.card img.logo{
	width: 30%;
    position: absolute;
    top: 5%;
    left: 5%;
}

.card address {
	padding: 9px;
	background-color: #fbfbfb;
	border: 1px solid #f1f1f1;
    border-radius: 5px;
}

@media (max-width: 768px) {
	.card {
		padding: 14% 10% 6% 10%;
		width: 100%;
	}
	
	.timbre{
		width: 9%;
		height: 18%;
	}
	address{
		margin-top: 10px;
		width: 95%;
	}
	
}

.ui-autocomplete {
	z-index: 9999!important;
}


#formItem {
	margin-bottom: 15px;
}


[hidden] {
  display: none !important;
}

.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: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


.cadre-pj {
}

.cadre-pj img {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
	width: 48%;
	margin-right: 2%;
	cursor: zoom-in;
	margin-bottom: 8px;
}

.cadre-pj img:hover {
	box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}


.cadre-pj a {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 8px;
    display: inline-block;
    height: 158px;
    background-color: #795548;
    text-align: center;
    color: white;
}

.cadre-pj a:hover {
	box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}


.cadre-pj a h3 {
	background-color: #ffffff26;
    width: 100%;
    padding: 10px 0;
    margin-top: 15%;
}

.iti__selected-flag {background-color: #eee;border-right: 1px solid #ccc; }

/*========================= STEP ===================================*/

.tabcontrol,.wizard{display:block;width:100%;/* overflow:hidden */}.tabcontrol a,.wizard a{outline:0}.tabcontrol ul,.wizard ul{list-style:none!important;padding:0;margin:0}.tabcontrol>.content>.body ul,.wizard>.content>.body ul{list-style:disc!important}.tabcontrol ul>li,.wizard ul>li{display:block;padding:0}.tabcontrol>.content>.title,.tabcontrol>.steps .current-info,.wizard>.content>.title,.wizard>.steps .current-info{position:absolute;left:-999em}.wizard>.steps{position:relative;display:block;width:100%}.wizard.vertical>.steps{display:inline;float:left;width:30%}.wizard>.steps .number{font-size:1.429em}.wizard>.steps>ul>li{width:20%}.wizard>.actions>ul>li,.wizard>.steps>ul>li{float:left}.wizard.vertical>.steps>ul>li{float:none;width:100%}.wizard>.steps a,.wizard>.steps a:active,.wizard>.steps a:hover{display:block;width:auto;margin:0 .5em .5em;padding:1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.wizard>.steps .disabled a,.wizard>.steps .disabled a:active,.wizard>.steps .disabled a:hover{background:#eee;color:#aaa;cursor:default}.wizard>.steps .current a,.wizard>.steps .current a:active,.wizard>.steps .current a:hover{background:#2184be;color:#fff;cursor:default}.wizard>.steps .done a,.wizard>.steps .done a:active,.wizard>.steps .done a:hover{background:#9dc8e2;color:#fff}.wizard>.steps .error a,.wizard>.steps .error a:active,.wizard>.steps .error a:hover{background:#FF9800;color:#fff}.wizard>.content{background:#eee;display:block;margin:.5em;min-height:35em;/* overflow:hidden; */position:relative;width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.wizard.vertical>.content{display:inline;float:left;margin:0 2.5% .5em;width:65%}.wizard>.content>.body{}.wizard>.content>.body ul>li{display:list-item}.wizard>.content>.body>iframe{border:0;width:100%;height:100%}.wizard>.content>.body input{display:block;border:1px solid #ccc}.wizard>.content>.body input[type=checkbox]{display:inline-block}.wizard>.content>.body input.error{background:#fbe3e4;border:1px solid #fbc2c4;color:#8a1f11}.wizard>.content>.body label{display:inline-block;margin-bottom:.5em}.wizard>.content>.body label.error{color:#8a1f11;display:inline-block;margin-left:1.5em}.wizard>.actions{position:relative;display:block;text-align:right;width:100%}.wizard.vertical>.actions{display:inline;float:right;margin:0 2.5%;width:95%}.wizard>.actions>ul{display:inline-block;text-align:right}.wizard>.actions>ul>li{margin:0 .5em}.wizard.vertical>.actions>ul>li{margin:0 0 0 1em}.wizard>.actions a,.wizard>.actions a:active,.wizard>.actions a:hover{background:#2184be;color:#fff;display:block;padding:.5em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.wizard>.actions .disabled a,.wizard>.actions .disabled a:active,.wizard>.actions .disabled a:hover{background:#eee;color:#aaa}.tabcontrol>.steps{position:relative;display:block;width:100%}.tabcontrol>.steps>ul{position:relative;margin:6px 0 0;top:1px;z-index:1}.tabcontrol>.steps>ul>li{float:left;margin:5px 2px 0 0;padding:1px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}.tabcontrol>.steps>ul>li:hover{background:#edecec;border:1px solid #bbb;padding:0}.tabcontrol>.steps>ul>li.current{background:#fff;border:1px solid #bbb;border-bottom:0 none;padding:0 0 1px;margin-top:0}.tabcontrol>.steps>ul>li>a{color:#5f5f5f;display:inline-block;border:0;margin:0;padding:10px 30px;text-decoration:none}.tabcontrol>.steps>ul>li>a:hover{text-decoration:none}.tabcontrol>.steps>ul>li.current>a{padding:15px 30px 10px}.tabcontrol>.content{position:relative;display:inline-block;width:100%;height:35em;overflow:hidden;border-top:1px solid #bbb;padding-top:20px}.tabcontrol>.content>.body{float:left;position:absolute;width:95%;height:95%;padding:2.5%}.tabcontrol>.content>.body ul>li{display:list-item}

.wizard>.content>.body h4, h4.likewizard{
	background-color: #2184be;
    color: white;
    padding: 6px;
    border-radius: 2px;
}

.wizard>.steps .disabled a, .wizard>.steps .disabled a:active, .wizard>.steps .disabled a:hover {
	background: #eee!important;
}

.wizard>.steps a {
    background: #c3daee;
    color: white;
}
/*========================= STEP ===================================*/