/*
 * Base structure
 */
.flash {
	font-family: inherit;
	position: fixed;
	right:20px;
	bottom:20px;
	text-align: right;
	padding: 1em;
	font-size: 1.1em;
	z-index:11;
	box-shadow: 0 -2px 5px 0 #ccc;
	background-color:#fff;
	min-width:33%;
	border-bottom:3px solid #ccc;
}

.flash.flash-danger{border-bottom-color:#fc6042;}
.flash.flash-warning{border-bottom-color:#f9c80e;}
.flash.flash-info{border-bottom-color:#00adce;}
.flash.flash-success{border-bottom-color:#19cfa2;}

.flash i{margin-right:10px;}
.flash p{float:left; margin-right:40px; margin-bottom:0;}
.flash .close {cursor: pointer; float:right; color:#888;}

/* Jquery UI hack */
.ui-autocomplete { max-height:200px; overflow-y: auto; overflow-x: hidden; z-index:3000; background-color: #fff; border:1px solid #ccc; padding:10px; margin-top:-3px;}

.ui-datepicker.ui-widget.ui-widget-content,
.ui-datepicker-header.ui-widget-header{background-color:#EEEEEE;}

.ui-datepicker .ui-datepicker-buttonpane button {border: 1px solid #797a7a; background-color:transparent; color:#797a7a; border-radius:4px;}
.ui-datepicker .ui-datepicker-buttonpane button:hover{border-color:#00adce; color:#00adce;}
.ui-datepicker .ui-datepicker-title select {font-size: 0.8em;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 35% !important;}
input.datePicker{display:inline-block;}

/************* COMMUN *******************/

body {
  padding-top: 50px;
  background-color: #ECEEF0;
}
h2,h3 {color:#717E84;}
.blocPanel {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
}
.table thead {background-color: #3BBBA6;color: #fff;}

hr {border-color: #ccc;}

/********CUSTOM VERSION COULEURS ********/

.oversize {
	font-size:12px;
	color:#fc6042;
}

.font-weight-bold {
    font-weight: bold;
}

.text-white{color:#fff;}
.text-primary{color:#3BBBA6;}
.btn-primary{background-color:#3BBBA6; color:white; border:1px solid #3BBBA6;}
.btn-primary:hover{background-color:#50EDD3; color:#fff; border:1px solid #50EDD3;}
.btn-link{color:#3BBBA6;}
.pagination > li > a, .pagination > li > span{background-color:white; color:#3BBBA6;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background-color:white; color:#3BBBA6;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color:#3BBBA6; color:white;border-color:white;}


/******* NAVBAR *************************/
.navbar-nav  .dropdown-menu li  span{color:#28042C;}
.navbar-custom{
background: #3BBBA6; /* Old browsers */
color: #fff;
}
.navbar a {
  color: #fff;
}

.navbar-toggle {margin:0;}

/*breakpoint navbar pour col-sm*/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	.main-content{padding-top:10px !important;}
}

.dropdown-language{font-size:1.5em;}

/*********** BANDEAU LOGO RESPONSIVE************/
.bandeau{
	background-image:url('../custom/logoFront.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	height:100px;
	background-color:white;
}

/*******************SIDEBAR *******************/
  .sidebar {
    position: fixed;
	bottom:0;
    top: 50px;
    z-index: 1000;
    display: block;
    padding: 40px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: white;
  }

.nav-sidebar {
	margin-right: -20px;
	margin-bottom: 20px;
	margin-left: -20px;
}
.nav-sidebar > li > a {
	padding-right: 20px;
	padding-left: 20px;
	background-color: #717E84;
	margin-bottom: 5px;
	color: #fff;
}

.sidebar-intro {
	margin: 40px 0;
	font-size: 13px;
	color: #717E84;
}
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #3BBBA6;
}
.sidebar-footer{bottom:0; margin-left:-25px; margin-right:-25px;}
.sidebar-footer p{font-size:0.7em;}
.sidebar-footer p a{color:#4e4e4e; opacity:0.3;}


.main-logo-sidebar{
	max-width: 300px;
    width: 100%;
}

.grid-info{
	background: #fff none repeat scroll 0 0;
	padding: 1em;
	box-sizing: border-box;
}

/*********** CONTENU *******************/

.main-content{padding-top:30px;}

/*** service viadeo linkedin Sémantique manuelle ****/

.service-externe{display:inline-flex; vertical-align:top; margin-top:2px;}
.service-externe:hover{opacity:0.5;}
.service-link{display: inline-block; text-align: center;}
.service-logo{display: inline-block; border: 1px solid #d5d8d8; text-align: center;}

.manuel.service-externe{background-color:#3BBBA6; color:white; border:none; cursor:pointer;}
.manuel .service-link{background-color:#3BBBA6!important;border-left: 1px solid white;}
.manuel .service-logo{border:none;}

@media (min-width: 768px) {
  .manuel .service-logo,.manuel .service-logo:focus, .manuel .service-logo:hover {border:none;width:446px;}

}

span.success{line-height:41px;}

.service-link {
	width:41px;
	height:41px;
	background-color:#3BBBA6;
	color:#fff;
	border-left:0;
	font-size:1.1em;
	padding:9px;
	font-weight:200;
}
.service-logo{height:41px; min-width:200px;overflow:hidden; border-right:0;}
#service-viadeo, #service-link{cursor: pointer;}
.service-externe .btn{width:200px;font-size:13px;line-height:25px;}


input[type=submit].success:hover,
input[type=reset].success:hover,
input[type=button].success:hover,
a.formbutton.success:hover,
button.btn.success:hover{background: #fff;}
.fileinput-button{position:relative; overflow:hidden; height:41px;	border: 1px solid #d5d8d8;}
.fileinput-button input {position: absolute;top:0; right:0; margin:0; opacity: 0; direction:ltr; cursor: pointer;width:200px; height:40px;}
@media screen\9 {#massUpload .fileinput-button input {filter:alpha(opacity=0); font-size:100%; height:100%;} }
.form-inscription {margin-top: 40px;}
.form-inscription fieldset { margin-bottom:30px;}

.well h4{
	margin: 0 0 15px 0;
	padding: 5px;
	background-color: #fff;
}

/************* LOADING SCREEN SEMANTIQUE*****************/
.loadingScreen{
	display: none;
	top:0;
	left:0;
	position:fixed;
	z-index: 10;
	width:100%;
	height:100%;
	padding-top:20%;
	background: url(../_images/1px_trans.png) 0 0 repeat transparent;
}
.loadingScreen div{
	margin:0 auto;
	padding: 15px 10px;
	width:400px;
	height:140px;
	background-color: #fff;
	text-align:center;
	border:3px solid #3a3a3a;
	border-radius: 8px;
}
.loadingScreen div span {font-family: Verdana;}
.loadingScreen div img{margin-bottom: 15px;}
.loadingScreen.show {display: block;}


/*************** LISTE DES OFFRES TABLEAU *******************/
.offerCounter {font-size:1.3em;}
.poste {padding-right: 5px;display: block;}
.offreLink{margin:0; font-size:1.2em; }
.offreLink a{color:#28042C;}
.offres-listing thead {font-size: 12px;border-bottom: 5px solid #28042C;color: #fff;background-color: #28042C;}
.offres-listing tbody td {padding:18px !important;}
.offres-listing a,
.offres-listing a:focus,
.offres-listing a:hover,
.offres-listing a:visited {text-decoration: none;color: #333;}

/* BS CALLOUT*/
.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
	background-color: #fcfcfc;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 0 0 20px 0;
    padding: 20px;
}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout h2 {margin-bottom: 5px; margin-top: 0;}
.bs-callout-success {border-left-color: #5CB85C;}
.bs-callout-success h4 {color: #5CB85C;}
.bs-callout-primary {border-left-color: #00adce;}
.bs-callout-primary h4 {color: #00adce;}
.bs-callout-info {border-left-color: #5bc0de;}
.bs-callout-info h4 {color: #5bc0de;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout-danger {border-left-color: #d9534f;}
.bs-callout-danger h4 {color: #d9534f;}
.bs-callout .ligne, .blocPanel .ligne, .blocEntete .ligne{margin:0;}

/* DETAIL DE L OFFRE */
.pager .previous-return a{border:0; text-decoration: underline; font-weight:300; background-color: transparent;}

.dl-horizontal dt {
    text-align:left;
    width:220px;
}

.offer-head {
    height:120px;
    margin-bottom:20px;
    background-color:#fff;
}

.offer-head .offer-date{
    height: 100%;
    color:#fff;
    background-color:#3BBBA6;
    text-align:center;
    padding:30px;
}

.offer-head .offer-title{
    font-size:24px;
    padding-top:20px;
}

.offer-head .offer-logo img{
    max-height:75px;
    margin:15px;
}
.offer-reference{
    margin-bottom:30px;
}

.offer-detail{
    margin-bottom:150px;
}

.offer-detail-action {border-top: 1px solid #ccc; background-color: #fff; padding: 20px; position:fixed; bottom:0; left:0; width: 100%; z-index:1000;}
.bg-info .offre-text{text-align: center; height: 100px;}
@media (min-width: 768px) {
    .dl-horizontal dd {margin-left:140px;}
}

/*****************PAGINATION*******************/
.pagination{margin:0 0 10px 0;}


/************** IDENTIFIER / IDENTIFIANTS ****************/

h1.signin-title {text-align: center;}
a.forget-mdp { display: block; margin-top: 15px;}
.form-signin { padding: 15px; margin: 0 auto;}
.form-signin .form-signin-heading {font-size: 16px; font-weight: 400;}
.form-signin .form-signin-heading, .form-signin .checkbox {margin-bottom: 10px;}
.form-signin .checkbox {font-weight: normal;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin ul {  padding-left: 30px;}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

/***********ESPACE CANDIDAT LOGUE**************************/
.charCounter{font-size:0.9em;}