@import url(https://fonts.googleapis.com/css?family=Cabin:400);
@import url(https://fonts.googleapis.com/css?family=Oswald:400);
:root {
	--secondary-bg-color:#65CCCA;
	--secondary-bg-color:#008E7C;
	--disabled-bg-color:#D0D0D0;
	--blue-bg-color:#3399FF;
	--green-bg-color:#A6B224;
	--grey-bg-color:#E2E2E2;
	--orange-bg-color:#FF9326;
	--light-blue-bg-color:#2357a8;
	--dark-blue-bg-color:#003061;
	--dark-green-bg-color:#02748B;
}
.text-blue {
	color:var(--blue-bg-color);
}
.text-green {
	color:var(--green-bg-color);
}
.text-grey {
	color:var(--grey-bg-color);
}
.text-orange {
	color:var(--orange-bg-color);
}
.text-light-blue {
	color:var(--light-blue-bg-color);
}
.text-dark-blue {
	color:var(--dark-blue-bg-color);
}
.text-dark-green {
	color:var(--dark-green-bg-color);
}
textarea.form-control {
	border-radius: 12px 0px 0px 12px;
}
.need_pyreweb {
	opacity: 0.7;
}
.dataTables_wrapper .dataTables_processing {
	border: 1px solid #fff;
	margin: 0;
	top: 30%;
	left: 40%;
	width: auto;
	height: auto;
	padding: 15px;
	color: #000000;
	font-size: 16px;
	background-color: #EEEEEE;
	border-radius: 8px;
	box-shadow: 0 0 15px -3px #000;
}
.dataTables_wrapper .dataTables_processing:before {
	content: url(images/interface/loading.gif);
}

/***** Général *****/

html{
	overflow-x: hidden;
}
.body_corps_grey{
/* html:has(.corps_grey){ */
  background: #eaeaea no-repeat center center fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

body{
	background-image: none;
	margin: 0 auto;
	font-family: "Cabin", Arial, sans-serif;
	font-size: 14px;
	color: #333;
}

a, a:hover{
	color: #000;
	text-decoration: none;
}

h2, h3, h4{
	color: white;
}
span.validee.col-xs-12.text-center.glyphicon.glyphicon-ban-circle {
    color: grey;
}

#header [data-id=stat] .glyphicon {
	display: none;
}

img#logo {
	max-width: 300px;
	display: inline-block;
}

#header li>a {
	color: inherit;
}
#header img.icon-home {
	background-image: none;
	width: 3.7vh;
	height: 3vh;
	position: absolute;
	left: 1vh;
	top: 3vh;
}
#list_horaire .text-center {
    color: #333333;
}
table{
	border-collapse: separate;
	background-color: transparent;
}

input, button, select, textarea{
	font-family: 'Cabin', 'Lucida Sans', sans-serif;
}

label, input, button {
	transition: all 0.2s ease;
}

fieldset[disabled] [data-prependme], [disabled] [data-remove] {
    display: none;
}
.popover-title{
	font-family: 'Coda', sans-serif;
}

.font_big{ font-size: 1.4em; line-height: 1.4em; }

.btn{
	border-radius: 4px;
}

.btn:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{
	outline: none;
}

.btn-group > .btn + .btn{
	margin-left: 0;
}

.btn.active{
	border: 2px solid hsl(214, 58%, 51%);
	background-color: hsl(0, 0%, 85%);
}

/* .btn-primary > a, .btn-inverse > a, .btn-info > a, .btn-primary, .btn-inverse{
	color: #fff;
	font-weight: bold;
	margin: 15px;
} */

.btn-remota, .btn-remota:focus{
	background-color: #3977CA;
	color: #fff;
	margin-left: 0;
	border-radius: 0;
}

form .btn-disabled{
	margin-left: 0;
}

.btn-remota:hover{
	background-color: hsl(214, 58%, 46%);
	color: #fff;
}

.btn.disabled{
	background-color: var(--disabled-bg-color);
	border-color: var(--disabled-bg-color);
}
.btn.disabled:hover {
    color: inherit;
    font-weight: inherit;
    background-color: var(--disabled-bg-color);
}

.btn.disabled > a{
	cursor: default;
}

select, textarea, input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input{
	border-radius: 12px;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
}

label, input, button, select, textarea {
	line-height: 28px;
}
.float_right{
	float: right !important;
}

.float_left{
	float: left !important;
}

.clear{
	clear: both;
}

.dropdown-menu {
	min-width: 260px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 14px;
}

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

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
	background-color: rgb(57, 119, 202);
}

.table-striped.remota tbody > tr:nth-child(odd) > td, .table-striped.remota tbody > tr:nth-child(odd) > th{
	background-color: hsl(216, 56%, 88%);
}

.table-bordered.remota{
	border-right: 1px solid hsl(214, 58%, 46%);
	border-top: 1px solid hsl(214, 58%, 46%);
	border-bottom: 1px solid hsl(214, 58%, 46%);
}

.table-bordered.remota th, .table-bordered.remota td{
	border-left: 1px solid hsl(214, 58%, 46%);
}

.table-bordered.remota th, .table-bordered.remota th.eye_cell{
	border-bottom: 1px solid hsl(214, 58%, 46%) !important;
}

.niveau5{
	background-color: #FF6053;
}

.niveau1{
	background-color: #E8A541;
}

.niveau2{
	background-color: #FFFA79;
}

.niveau3{
	background-color: #74EBFF;
}

.niveau4{
	background-color: #6DE87C;
}

.btn-default {
color: #333;
background-color: #EAEAEA;
border-color: #ccc;
}

.btn-default:focus, .btn-default:active, .btn-default.active {
color: #333333;
background-color: #D7E05F;
border: 1px solid #CCCCCC;
border-radius:0;
-webkit-box-shadow: none; 
 box-shadow: none; 
}
.btn-default:active .glyphicon-ok:before, .btn-default.active .glyphicon-ok:before {
	opacity:1;
}
.btn-default .glyphicon-ok:before, .btn-default .glyphicon-ok:before {
	content: "\e013";
	color: #5E6413;
	opacity:0;
}

.bandeau_black{
	background: var(--secondary-bg-color);
	color: #fff;
	margin-bottom : 20px;
	min-height:44px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 50px;
}
.bandeau_blue{
background: #3C9BFA ; /* Old browsers */
background: -moz-linear-gradient(top, #3C9BFA  0%, #1B4A79  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3C9BFA ), color-stop(100%,#1B4A79 )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3C9BFA  0%,#1B4A79  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3C9BFA  0%,#1B4A79  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3C9BFA  0%,#1B4A79  100%); /* IE10+ */
background: linear-gradient(to bottom, #3C9BFA  0%,#1B4A79  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C9BFA ', endColorstr='#1B4A79 ',GradientType=0 ); /* IE6-9 */
color: #fff;
margin-bottom : 20px;
height:44px;
}
.bandeau_black .bandeau_titre{
border-right: 1px solid white;
}
.bandeau_black img{
	margin-top: -15px;
	margin-left: 5px;
	z-index: 1;
}
.bandeau_black #titre{
	margin-left: 1em;
	font-size: 1.1em;
}

.small_pad{padding-top:4px;}
.small_pad.col-xs-12 {
	padding-top: 4px;
	background: rgba(1, 115, 139, 0.5);
	padding-top: 0px !important;
	padding-bottom: 6px !important;
}
.menu_operations .pseudo-col.flex-item>button {
	min-width: 12em;
}

 .red-border{border:1px solid red;}
input.column_filter,
select.column_filter {
	margin-top: 4px;
}
/***** Header *****/

header{
	top: 0;
	z-index: 20;
	width: 100%;
}

header #header{
	border-top: 6px solid var(--secondary-bg-color);
	background: #cccccc;
	background-repeat: repeat-x;
	min-height: 50px;
	margin: 0 0 10px 0;
}

#header #ss_header{
	background-repeat: repeat-x;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(236,236,236,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(236,236,236,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(236,236,236,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(236,236,236,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(236,236,236,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(236,236,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ececec',GradientType=0 );
	min-height: 50px;
	margin: 0 0 20px 0;
}

#header  #maison {
	height: 45px;
	text-align: center;
	padding-top: 10px;
}
#header  #deco {
	height: 45px;
	text-align: center;
	padding-top: 6px;
}
#header  #deco span {
	font-size:1.3em;
}

#header  #exercice {
	height: 45px;
	text-align: center;
	padding-top: 10px;
	font-size: 1.3em;
}
#header .tab,  .ss_tab{
	height: 45px;
	text-align: center;
	padding-top: 10px;
	font-size: 1.1em;
	cursor:pointer;
}
.gradient-white-bg {
	border-bottom: 1px solid var(--secondary-bg-color);
}
.tab:hover{
	background:#eaeaea;
}
.tab.actif {
	border-bottom: 0px;
}

.ss_tab {
	float: left;
	padding: 15px;
	min-height: 50px;
	border-style: solid;
	-webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,0)), color-stop(15%,rgba(159,203,52,0)), color-stop(50%,rgba(165,179,36,1)), color-stop(51%,rgba(165,178,36,0.97)), color-stop(85%,rgba(137,185,18,0)), color-stop(100%,rgba(124,188,10,0)))1 100%;
	-webkit-border-image: -webkit-linear-gradient(top,  rgba(157,213,58,0) 0%,rgba(159,203,52,0) 15%,rgba(165,179,36,1) 50%,rgba(165,178,36,0.97) 51%,rgba(137,185,18,0) 85%,rgba(124,188,10,0) 100%)1 100%;
	-moz-border-image:  -moz-linear-gradient(top,  rgba(157,213,58,0) 0%, rgba(159,203,52,0) 15%, rgba(165,179,36,1) 50%, rgba(165,178,36,0.97) 51%, rgba(137,185,18,0) 85%, rgba(124,188,10,0) 100%)1 100%;
	-o-border-image:  -o-linear-gradient(top,  rgba(157,213,58,0) 0%,rgba(159,203,52,0) 15%,rgba(165,179,36,1) 50%,rgba(165,178,36,0.97) 51%,rgba(137,185,18,0) 85%,rgba(124,188,10,0) 100%)1 100%;
	border-image: linear-gradient(to bottom,  rgba(157,213,58,0) 0%,rgba(159,203,52,0) 15%,rgba(165,179,36,1) 50%,rgba(165,178,36,0.97) 51%,rgba(137,185,18,0) 85%,rgba(124,188,10,0) 100%) 1 100%;
	border-image-width: 0px 0px 0px 0px;
}
.ss_tab:hover{
	background:#eaeaea;
}
.ss_tab.actif {
	background: E1F2FB;
}
.glyphicon.glyphicon-menu-inactif, .glyphicon.glyphicon-menu-actif {
	width: 23px;
	float: left;
}
.glyphicon-ss-menu{width: 13px;float:left;margin-right: 10px; }
.glyphicon-ss-menu:before {
	content: "";
	display: block;
	height: 13px;
	width: 13px;
	background: url('images/interface/ss_menu.png');
}
.glyphicon-menu-inactif:before, .glyphicon-menu-actif:before {
	content: "";
	display: block;
	height: 23px;
	width: 23px;
	background-repeat:no-repeat;
}
.glyphicon-menu-actif:before {
	background-image: url('images/interface/menu_actif.png');
}
.glyphicon-menu-inactif:before {
	background-image: url('images/interface/menu_inactif.png');
}
#header .libelle {
	padding-top: 3px;
	padding-left: 5px;
	text-transform: uppercase;
}

#header > ul{
	height: 50px;
	width: 100%;
	padding: 0;
	margin: 0px 0 0 0;
	border-bottom: 1px solid #333;
}

#header > ul > li{
	height: 35px;
	width: auto;
	font-size: 14px;
	background: #CCCCCC url("images/interface/puce_titre.png") no-repeat 11px 15px;
	cursor: not-allowed;
	transition: background-color 0.3s ease-out;
	list-style-type: none;
	padding: 15px 25px 0 40px;
	margin: 0;
	border-right: solid 1px hsl(0, 0%, 85%);
	color: #666;
	font-family: 'Coda', sans-serif;
}

#header > ul > li > a{
	cursor: not-allowed;
	color: #666;
}

#header > ul > li.enabled, #header > ul #item_home, #header ul #notif_item{
	background: transparent url("images/interface/puce_titre.png") no-repeat 11px 15px;
	color: #fff;
	cursor: pointer;
}

#header > ul > li.enabled:hover, #header > ul #item_home:hover{
	background-color: #AEC8EA;
}

#header > ul > li.opened:hover{
	background-color: #EEEEEE;
}

#header > ul #item_home{
	background-image: url("images/interface/btn_home.png");
	background-position: center center;
	padding: 0;
	height: 50px;
	width: 50px;
}

#header > ul > li#item_home > a{	
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
}

header h1{
	text-align: center;
	margin: 0;
	padding-top: 5px;
	color: #fff;
	font-size: 2.8em;
	font-family: 'Coda', sans-serif;
}

#lien_deco a{
	margin: 0;
	width: 100%;
	height: 100%;
}

#lien_deco .icon-off.icon-white{
margin: auto;
margin-top: -3px;
display: block;
}

#header > ul > li.pull-right{
	background: none;
	padding: 0;
	border-right: none;
	cursor: default;
}

#header > ul > li.pull-right:hover{
	background-color: transparent;
}

#header .item_menu > ul{
	display: none;
}

#header .item_menu > ul.enabled{
	display: block;
	width: 100%;
	height: 58px;
	position: absolute;
	background: url("images/interface/sous_menu.png");
	border-bottom: solid 1px #333;
	list-style-type: none;
	left: 0;
	margin: 16px 0 0 0;
}

#header .item_menu > ul > li.hasbtn{
	background: none;
	margin-right: 30px;
	padding: 0px;
	margin-top: 6px;
}
#header .item_menu > ul > li.hasbtn.enabled{
	background: none;
	border-bottom: none!important;
}
#header .item_menu > ul > li .btn{
	height: auto;
	padding:12px 10px;
	border: 1px solid #CCC;
}
#header .item_menu > ul > li{
	height: 52px;
	background: url("images/interface/sous_puce_inactive.png") no-repeat 10px center;
	padding: 0 0 3px 0;
}
#header .item_menu > ul > li.enabled {
	background-image: url("images/interface/sous_puce.png");
}

#header .item_menu > ul > li:hover{
	cursor: not-allowed;
	height: 55px;
	padding: 0;
}

#header .item_menu > ul > li.enabled > a{
	color:#000;
}
#header .item_menu > ul > li > a{
	color:#868686;
}

#header .item_menu > ul > li > a:hover{
	cursor: not-allowed;
}

#header .item_menu > ul > li.enabled:hover{
	border-bottom: 3px solid #333;
}

#header .item_menu > ul > li.enabled > a:hover{
	cursor: pointer;
}

#header .item_menu > ul > li > a{
	padding: 18px 20px 0 35px;
	display: block;
	height: 100%;
	width: 100%;
}

#header .item_menu.opened{
	background: url(images/interface/puce_titre_active.png) no-repeat 10px 13px, url(images/interface/fond_opened.png) repeat-x #EEEEEE top;
	box-shadow: 0px 10px 20px -2px #000;
	border-bottom: 1px solid #EEEEEE;
	color: #666666;
}
	
#header ul #notif_item{
	background-image: none;
	padding: 0;
	height: 50px;
}

#header ul #notif_item:hover{
	background-color: transparent;
}

#header ul #notif_button{
	margin: 14px 25px 0 20px;
	min-height: 24px;
	background-image: url("images/interface/bell.png");
	width: 24px;
	height: 24px;
	border-radius: 0;
	background-color: hsla(0, 0%, 0%, 0);
	box-shadow: none;
	padding: 0;
	transition: none;
}

#header ul #notif_button:hover{
	background-position: right;
}

#header ul #notif_button #notif_nb{
	position: relative;
	float: right;
	height: auto;
	padding: 1px 4px 1px 3px;
	text-align: center;
	width: auto;
	min-width: 15px;
	color: #fff;
	background-color: #AD1D28;
	border-radius: 10px;
	bottom: 7px;
	left: 12px;
	font-size: 15px;
}

#notif_conteneur > * {
	padding: 5px 8px 6px 5px;
	border-top: 1px solid #ccc;
	font-size: 12px;
	font-family: arial;
}

#notif_conteneur > *  a{
	font-size: 11px;
	padding: 1px 4px;
	margin: 5px 0 0 10px;
}

.actions{
	text-align: right;
}

#header ul .popover-content{
	padding: 0;
	max-height: 400px;
	overflow-y: auto;
}

/***** Corps *****/

.container-fluid{
	height: 100%;
	padding: 0;
}
body, .corps_grey, .container-fluid{
	background-color: #f5f5f5;
}
.bg_grey{
background-color: #eaeaea;
}
.box_form {
	margin: 30px auto;
	margin-bottom: 0;
	width: auto;
	padding: 10px;
	border: 2px solid var(--secondary-bg-color);
	background: #fff;
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
}
.box_green{
min-height: 40px;
border: 1px solid #728E29;
}

[id^="id_client_type_"] .glyphicon-plus{
font-size: 1.5em;
line-height: 26px;}

.champ-distinct-fort {
	background: #FFD7DD;
}

.champ-distinct-faible {
	background: lightcyan;
}

.form-control-feedback.unite {
background-color: #EEEEEE;
border: 1px solid #ccc;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

#footer{
	margin-bottom: -70px;
	background-color: white;
	transition: margin 0.3s ease-out;
	box-shadow: -3px 2px 30px 0px #000;
}

#footer.footer-on {
	margin-bottom:0px;
}

#footer a{
	display:inherit;
	float: left;
	color: #333;
	font-family: arial, sans-serif;
	font-size: 13px;
	text-shadow: none;
	padding: 8px 10px;
}

@media screen and (max-width: 1100px){
	#footer a{
		margin: 16px 0 0 16px;
	}
}

#footer a.btn-primary{
	color: #fff;
}


/***** Accueil *****/
#accueil form, #footer form {
	padding: 0;
}

#accueil label{
	text-align:center;
}
#accueil select{
	padding:8px
}
#accueil .panneau-accueil img{
	position: absolute;
	top: -20px;
	left: -20px;
}
#accueil .gradient-grey-bg{
	height:295px;
}
#accueil {
	margin-top:3%
}
/***** Connexion *****/

#form_connexion div.alert-info {
	margin-bottom: 2%;
	padding: 12px;
	margin-top: -40px;
}
#form_connexion h3{
font-family: "Lucida Sans", Arial, sans-serif;
color: var(--secondary-bg-color);
}


.volet #form_connexion > form{
	width: inherit;
}

#form_connexion form{
	min-height: auto;
}

#form_connexion{
	position: relative;
	margin-top: 100px;
	border-radius: 8px;
	padding: 10px;
	background: -moz-linear-gradient(left, rgba(236,236,236,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#00ffffff',GradientType=1 );
	background-color: #fff;
	background-repeat: no-repeat;
	
}

#form_connexion p{
	font-size: 2em;
	position: relative;
	color: #4E6667;
	top: 40px;
	left: 110px;
}

#form_connexion label{
	color: #4E6667;
	font-family: arial;
}

.form-horizontal label{
	font-size: 13px;
}

.form-horizontal .btn-link{
	font-size: 11px;
	padding-left: 5px;
}

.form-horizontal .fin_form label{
	font-size: 13px;
}

.form-horizontal .fin_form .btn{
	font-size: 1.5em;
	border-radius: 8px;
	color: white;
	border: 2px solid#036175;
	background: var(--secondary-bg-color);
}

.alert {
	margin-top: -50%;
	position: fixed;
	text-align: left;
	max-width: 400px;
	z-index:16;
	right:	10%;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.4);
	top: 0;
	z-index: 30;
}

.nav input {
	height: 10px;
	margin-top:6px;
}
.navbar .nav li .input-append {
	margin-top:6px;
}
.navbar .nav li .input-append input{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	border-radius:0px;
	padding: 7px;
}

.navbar+.alert {
	margin-top: 130px;
}

.alert .close {
	top: 3px;
	right: -10px;
}

.alert-success {
    background-color: rgb(98, 196, 98);
    border-color: rgb(81, 163, 81);
    color: rgb(255, 255, 255);
}
.alert-error {
    background-color: #AD1D28!important;
    border-color: #921822!important;
    color: white!important;
}
	
/***** Tableaux *****/
.navbar {
	position: fixed;
	z-index: 1;
	width: 100%;
}

.navbar{
	margin: 0;
	font-size: 13px;
}

.navbar .navbar-inner{
	background-color: #CEDCF1;
	background-image: none;
	border-radius: 0;
	box-shadow: 10px 0px 0px -4px #000 inset;
	border: none;
	color: #333;
	font-family: arial;
	height: 50px;
}

.navbar .brand{
	color: hsl(0, 100%, 100%);
	background-color: #333;
	background-position: 10px center;
	background-repeat: no-repeat;
	text-shadow: none;
	margin-right: 10px;
	font-size: 20px;
	padding: 15px 20px;
	box-shadow: 6px 0px 15px -8px hsl(0, 100%, 100%);
	font-family: 'Coda', sans-serif;
}

.navbar .nav{
	background-color: #6B8B8D;
	float: none;
}

.navbar .btn, .navbar .btn-group{
	margin-top: 10px;
}

.navbar li > .btn{
	margin-left: 20px;
}
	
.navbar .nav li a{
	text-shadow: none;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 0 10px 0px;
}

.navbar .nav li #btn_select:hover, .navbar .nav li #btn_deselect:hover{
	color: #333;
	text-decoration: none;
	text-shadow: 0 1px 0 #333;
}

.navbar .nav li select{
	margin: 12px 0px 0 30px;
	height: 25px;
	font-size: 0.8em;
	color: #4E6667;
	width: 95px;
}

.navbar .nav li #btn_select{
	margin-left: 20px;
}

.navbar .nav li #btn_select, .navbar .nav li #btn_deselect{
	padding: 10px;
	margin-top: 5px;
	cursor: pointer;
}

.navbar .nav .input-append{
	float: right;
	margin: 0 0px 0 0;
	padding: 5px 0 0 0;
}

.navbar .nav .input-append input{
	margin: 6px 0 0 0px;
	height: 15px;
	border-radius: 20px 0 0 20px;
	left: 3px;
	box-shadow: none;
}

.navbar .nav .input-append .btn-group{
	margin-top: 2px;
}

.navbar .nav .input-append .btn-group a{
	color: #000;
	padding: 2px 10px 1px;
}

.navbar .nav .input-append .btn-group ul{
	 background-color: rgb(255, 255, 255);
	 border-radius: 6px 6px 6px 6px;
	 padding: 5px 0;
	 border: 1px solid rgba(0, 0, 0, 0.2);
}

.navbar .nav .input-append .btn-group ul li{
	 border-top: none;
}

.navbar .nav .input-append .btn-group ul li a{
	 cursor: pointer;
}

.navbar .nav .input-append .btn-group ul li a:hover{
	color: #fff;
	background-image: none;
}

.navbar .nav .input-append .btn-group span{
	border-top-color: #000;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
	color: #fff;
	background-color: #6B8B8D;
}

.navbar .nav .dropdown-menu{
	border-radius: 0;
	border: solid 3px #FEFEFE;
 	background-color: #6B8B8D;
	padding: 0;
}

.navbar .nav .dropdown-menu li{
	border-top: solid 2px #E3E3E3;
}

.navbar .nav .dropdown-menu li a{
	padding: 2px 5px;
}

.navbar .nav #last{
	padding: 7px 0 0 0;
}

.navbar .nav #last select{
	margin: 0 2px 0 2px;
}

/* Datatables */

.no_critere td:first-child{
	text-align: center;
}


.dataTables_scroll{
	border-top: 1px solid hsl(0, 0%, 50%);
}

.datatable thead tr{
	border-top: 1px solid #6B8B8D;
	border-bottom: 1px solid #6B8B8D;
	background-color: hsl(0, 0%, 82%);
}

.datatable thead tr th{
	font-weight: normal;
	color: #333;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	vertical-align:	middle;
}

.datatable thead tr #spec_cell{
	width: 8%;
}

.datatable thead tr th input{
	height: 10px;
	width: 50%;
	float: right;
	display: none;
	margin: 0 auto;
	position: relative;
	right: 5px;
}

.datatable .toggled input { 
	display:block; 
}

.datatable thead tr th i{
	float: left;
	margin: 2px 10px 0 0;
}

.datatable tbody tr td{
	border-right: 1px solid #CCCCCC;
	border-top: none;
	height: 24px;
	font-size: 11px;
}

.datatable td.Oui {
	background-image: url("administrer/images/interface/publish.png");
}

.datatable td.Non,.datatable td.Oui {
	color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.datatable td.Non {
	background-image: url("administrer/images/interface/unpublish.png");
}

input.adroite, .datatable tbody tr td.adroite, .table tbody tr td.adroite{
	text-align: right;
}

.dataTables_scrollBody{
	overflow-y: scroll !important;
	-webkit-user-select: none;
}

.toggled{
	text-indent: -9000em;
}

div.DTTT_container{
	display: none;
}
div#deco {
    background-color: #C30000;
}

.sorting_asc, .sorting_desc{
	background-color: hsl(216, 56%, 88%);
}

/* Couleurs datatables */

table tbody tr.DTTT_selected.odd, table tr.selected td, table tbody tr.DTTT_selected.even{
	background-color : rgb(0, 170, 149)!important;
    color: #ffffff;
}
	 
/**** intervention liste ******/
#add_range{
	font-size: 25px;
	padding-top: 4px;
	padding-left: 10px;	 
}



/***********************/
/****** GESTION ********/
/***********************/



.head_green th {
	font-weight: inherit;
	padding: 12px;
	background:var(--secondary-bg-color); 
	color:white;
	border-right:1px solid white;
}

#horaires .foot_blue td {
	font-weight: inherit;
	padding: 12px;
	background:var(--blue-bg-color); 
	color:white;
}


/****** Agent **********/
#horaires th {
	border-bottom: 0;
}
#list_horaire td {
	padding: 12px 0;
	border-right:1px solid var(--secondary-bg-color);
	border-top:1px solid var(--secondary-bg-color);
	min-width: 80px;
}
#list_horaire td:first-child{
	border-left:1px solid var(--secondary-bg-color);
	min-width: 100px;
}
#list_horaire td:last-child{
	padding: 12px 0;
	border-right:1px solid var(--secondary-bg-color);
	border-top:1px solid var(--secondary-bg-color);
}

/**** Intervention Type *****/
#table_intervention_type tbody tr td:nth-last-child(-n+2){/** les 2 dernier elements **/
	display:none;
}
	


/**** Liste ********/
.liste .header{
	background : #D1D1D1;	
}


.liste th, .liste td{
	padding: 10px;
	border-right: 1px solid #C5C5C5;
}

.liste th:last-child, .liste td:last-child{
	border-right:0;
}

.liste thead tr {
	background: #D1D1D1;
}
.liste  th {
	text-align: center;
}

.liste tr:nth-child(2n){
	background: #E3E3E3;
}

.padding_liste{
	background-color:#eaeaea;
	padding:5px;
	border:0px;
}

.item_facture{
	background-color:#D1D1D1;
	padding:5px;
}

.value_facture{
	background-color:white;
	padding:5px;
	text-align:right;
}

.padding-0{padding:0px!important;}

	
/***** Editions *****/

.container-fluid  #big_bloc{
	height: 90%;
	margin: 65px 0 0 0;
}

.container-fluid  #bloc_left{
	position: fixed;
	background-color: #CCCCCC;
	border-right: 5px solid #1EA2A5;
	height: 88.3%;
	box-shadow: 10px 0px 8px -8px rgba(0,0,0,0.7);
	float: left;
	width: 220px;
	margin: 0;
	border-bottom: 6px solid #1EA2A5;
    border-top: 5px solid #1EA2A5;
	z-index: 3;
}

.container-fluid #bloc_left #titre_left{
	background-color: #4F6668;
	color: #fff;
	font-family: 'Coda', sans-serif;
	text-align: center;
	font-size: 18px;
	padding: 30px 0 0 0;
	height: 60px;
}

.container-fluid #bloc_left #menu_left{
	list-style-type: none;
	width: 100%;
	margin: 0;
	height: 85%;
	font-size: 15px;
}

.container-fluid #bloc_left #menu_left li{
	width: 100%;
	margin: 0;
	height: auto;
	background-color: #D8D8D8;
	border-bottom: 1px solid #4F6668;
}

.container-fluid #bloc_left #menu_left li.activated{
	background-color: #1EA2A5;
}

.container-fluid #bloc_left #menu_left li.activated a{
	color: #fff;
	text-decoration: none;
}

.container-fluid #bloc_left #menu_left li:hover{
	background-color: #21CBB5;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.6) inset;
}

.container-fluid #bloc_left #menu_left li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #333333;
	padding: 12px 0;
	font-family: 'Coda', sans-serif;
	font-size: 15px;
}

.container-fluid #bloc_left #menu_left li a:hover{
	text-decoration: none;
	color: #fff;
}

.container-fluid #bloc_right{
	height: 100%;
	margin: 0 0 0 225px;
	background-color: #7B8C8D;
	padding: 0;
	border-bottom: 5px solid rgb(79, 102, 104);
    border-top: 5px solid rgb(79, 102, 104);
}

.container-fluid #bloc_right.taille_1{
	margin: 0;
	width: 100%;
}

.container-fluid .taille_2{
	width: 200%;
}

.container-fluid .taille_3{
	width: 300%;
}

.container-fluid .taille_4{
	width: 400%;
}

.container-fluid .taille_6{
	width: 600%;
}

.container-fluid .taille_7{
	width: 700%;
}

.container-fluid #bloc_right .form_right{
	height: 100%;
	float: left;
}

.container-fluid  .taille_1 .form_right{
	width:100%;
	float:none;
}

.container-fluid .taille_2 .form_right{
	width: calc(100% / 2 - 220px);
}

.container-fluid .taille_3 .form_right{
	width: calc(100% / 3 - 220px);
}

.container-fluid .taille_4 .form_right{
	width: calc(100% / 4 - 220px);
}

.container-fluid .taille_6 .form_right{
	width: calc(100% / 6 - 220px);
}

.container-fluid .taille_7 .form_right{
	width: calc(100% / 7 - 220px);
}

.container-fluid #bloc_right .form_right .titre_right{
	height: 32px;
	background-color: #D8D8D8;
	border-bottom: 1px solid  #4F6668;
	background-image: url('images/interface/puce_titre.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	padding: 12px 0 0 37px;
	font-size: 15px;
}

.container-fluid #bloc_right .form_right form .valid_right{
	height: 44px;
	background-color: #CCCCCC;
	border-bottom: 1px solid  #4F6668;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.5);
}

.container-fluid  form fieldset>div>label>input,.container-fluid  form fieldset>div>label>textarea{
	float: right;
}

.container-fluid #bloc_right .form_right form .valid_right button{
	float: right;
	margin: 5px 30px 0 0;
}

.container-fluid #bloc_right form fieldset{
	width: 28%;
	margin: 30px 0 0 30px;
	border-radius: 12px;
	border: 2px solid #fff;
	background-color: #E0E0E0;
	padding: 0 10px 10px 10px;
	float: left;
}

.container-fluid #bloc_right form span{
	display: block;
	color: #4F6668;
	padding: 0;
	margin: 10px 0 10px 0;
	text-shadow: 0px 0px rgba(0, 0, 0, 0.8);
}

.container-fluid #bloc_right form fieldset .btn-group[data-toggle="buttons-checkbox"] .btn{
	margin: 0 20px 0 0;
}

.compteur{
	float: right;
	margin: 7px 20px 0 0;
	border-radius: 4px;
	padding: 3px 7px;
	background-color: #1EA2A5;
	color: white;
}

.compteur b{
	font-size: 18px;
}

/***** Formulaires *****/

.fixed{
	position: fixed;
	width: 100%;
	z-index: 15;
}

.fixed .navbar-inner{
	border-bottom: none;
}

.fixed .navbar-inner span{
	margin-right: 200px;
	width: 330px;
}

.fixed .navbar-inner .item_add{
}

.fixed .navbar-inner .item_edit{
	margin-right: 295px;
}

.fixed .navbar-inner button{
	margin-left: 20px;
	color: #000;
}

form{
	min-height: 100%;
	padding: 50px 0 20px 0;
	display: table;
	width: 100%;
}

form .bloc_statut {
	width: 369px;
	height: 20px;
	border-bottom: hsl(0, 0%, 60%) 1px solid;
	border-right: hsl(0, 0%, 60%) 1px solid;
	box-shadow: 0px 0px 10px -3px hsl(0, 0%, 0%);
	text-align: center;
	padding: 10px 0;
	font-size: 15px;
	font-family: 'Coda', sans-serif;
}

form button#sansdate{
	padding: 5px;
	margin: 0px 10px 0 0;
}

.volet form form{
	width: 910px;
	float: left;
}

form form{
	height: 100%;
	width: 910px;
	float: left;
	margin: 0;
	display: inline;
}

form form > button{
	display: none;
}

form fieldset{
	background-color: #fff;
	float: left;
	display: inline-block;
	margin: 18px 0 0 18px;
	border: 1px solid #D4D4D4;
	padding: 15px 10px 5px 10px;
}
form .tab-pane fieldset {
    margin-top: 0;
}
form .tab-pane fieldset .table {
    margin-bottom: 0;
}


form fieldset legend{
	border-bottom: none;
	background-color: #3977CA;
	color: #fff;
	font-size: 13px;
	padding: 0 10px;
	width: 200px;
	border-radius: 8px;
	line-height: 30px;
	margin-bottom: 0;
	font-family: 'Coda', sans-serif;
}

form textarea{
	border-radius: 0;
	resize: none;
}

form label .btn-group{
	float: right;
}
.input-group-btn.vide {
	width: 0;
}
.input-group>.input-group-btn:not(:first-child,:last-child)>.btn, .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child),.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)
{ border-radius: 0px;}

input.obligatoire, select.obligatoire, textarea.obligatoire{
	box-shadow: 0px 4px 8px 0px rgb(189, 54, 47) inset;
	background: rgba(189, 54, 47, 0.05);
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
	color: #555;
}


/**** facturation *********/
.ligne_facture{
padding:10px;
border:1px solid #D4D4D4;
background: var(--grey-bg-color) ;
color:black;
}


/* Nouveau marché */

.form-control .chosen-choices {
    box-shadow: none;
    border: none;
    background: none;
}

.chosen-container + .input-group-btn {
	vertical-align: top;
}

form fieldset > label, form fieldset .blocagauche label, form #block_conditions > div label, form #block_infos_comptables > div label, form #block_id_cave > div label{
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}

form fieldset > label input, form fieldset .blocagauche > label input, form #block_conditions > div label input, form #block_infos_comptables > div label input, form #block_id_cave > div label input{
	margin: 0 0 0 5px;
	float: right;
}

form fieldset #tout_align_1,form fieldset .tout_align_1{
	float: left;
	margin: 0 0 10px 0;
}

form fieldset #tout_align_1 label,form fieldset .tout_align_1 label{
	margin: 0 0 0 60px;
}

form fieldset #tout_align_1 .btn-group,form fieldset .tout_align_1 .btn-group{
	margin: 0 0 0 55px;
}

form fieldset #tout_align_2,
form fieldset .tout_align_2{
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}

form fieldset #tout_align_2 label,
form fieldset .tout_align_2 label{
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
}

form fieldset #tout_align_2 #commission,
form fieldset .tout_align_2 input{
	margin: 0 0 0 30px;
}

form fieldset #tout_align_2 .btn-group,
form fieldset .tout_align_2 .btn-group{
	margin: 0 0 0 12px;
}

form fieldset .blocagauche{
	float: left;
	width: 55%;
	padding: 0;
}
form fieldset .blocadroite{
	padding: 5px 20px 0 0px;
	float: right;
	font-size: 14px;
}

form #block_identification{
	padding: 40px 0px 0px 10px;
}

form #block_conditions, form #block_edition{
	padding-right: 20px;
}

form #block_conditions  > .blocagauche.aseparer{
	width :35%;
}
form #block_conditions .blocadroite.aseparer{
	border:none!important;
	padding:0;
	margin:0;
}
form #block_conditions > .aseparer{
	width :27%;
}

form #block_conditions > div, form #block_edition > div, form .aseparer{
	width: 30%;
	height: 100%;
	float: left;
	margin: 0 20px 0 0;
	border-right: 1px #000 solid;
	padding: 0 20px 0 0;
}

form #block_conditions > div{
	width: 38%;
}

form #block_conditions #block_2{
	width: 28%;
}

form #block_conditions #block_last{
	margin: 0;
	border-right: none;
	padding-right: 0;
	width: 24%;
}

form #block_edition > div{
	width: 15%;
	padding: 0;
	margin: 0 10px 0 0;
}

form #block_edition > div .btn-group{
	margin: 10px 0 0 0;
}

form #block_edition #block_last{
	border-right: none;
}

form #block_edition .label_spec{
	width: 33%;
	margin: 0;
}

form #block_edition .label_spec textarea, form #block_infos textarea{
	width: 100%;
}

form .btn-com{
	float: right;
	margin: 0;
	border-radius: 0;
}

form p > label{
	display: inline;
}

form p > label > input{
	margin: 0 65px 0 5px;
}

form #block_paiement{
	padding: 22px 5px;
}

form #block_facturation{
	padding-bottom: 10px ;
}

form #block_infos{
	padding-right: 10px;
	padding-left: 20px;
}

form #block_infos > label{
	width: 96%;
}

form #block_infos #block_last{
	float: left;
	margin: 20px 0 0 40px;
}

.popover{
	height: auto !important;
	z-index: 4;
}

.popover select{
	border-radius: 0;
	margin: 0 0 5px 0 !important;
}

/* Nouveau client */

form #block_id_client{
	padding: 20px 15px;
}

form #block_id_client label{
	width: auto;
	clear: none;
	margin: 0 15%;
}

form #block_coord_1 textarea, form #block_coord_2 textarea, form #block_coord_3 textarea{
	margin-left: 50px;
	width: 265px;
}

form #block_coord_1, form #block_coord_3{
	padding: 15px 27px 5px;
}

form #block_coord_2{
	padding: 35px 30px 15px 26px;
}

form #block_coord_2 .btn-group{
	margin: -12px 0px 24px 85px;
}

form #block_coord_3 .btn-group{
	margin: 2px 0px 24px 85px;
}

form #block_infos_comptables{
	padding: 37px 28px;
}

form #block_id_cave{
	padding-right: 20px;
}

form #block_id_cave div{
	width: 46%;
	float: left;
}

form #block_id_cave #block_1{
	border-right: 1px dashed hsl(0,0%,60%);
	padding: 0 25px 0 10px;
	margin-right: 25px;
}

form #block_infos_comptables #tout_align_3,form #block_infos_comptables .tout_align_3{
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}

form #block_infos_comptables #tout_align_3 label,form #block_infos_comptables #tout_align_3 label{
	float: right;
    margin: 0 0 0 30px;
    width: auto;
}

form #block_infos_comptables #tout_align_3 .btn-group,
form #block_infos_comptables .tout_align_3 .btn-group{
	float: right;
	margin: 0 0 0 50px;
	width: auto;
}

form #block_export .btn-group{
	margin: 0px 0 10px 100px;
}

form #block_export .btn-group button{
	margin-right: 120%;
}

form #block_export, form #block_logement{
	padding-right: 20px 
}

form #block_attestation{
	padding: 28px 45px;
}

/* Nouvelle cave */

form #block_id_cave div label textarea{
	float: right;
	width: 270px
}

form #block_infos_cave{
	padding: 30px 3px 30px 7px;
}

/* C.G.V */

form #block_cgv{
	padding-right: 20px;
}

form #block_cgv legend{
	width: 25%;
}

form #block_cgv label{
	margin-left: 50px;
	width: 90%;
}

form #block_cgv label textarea{
	width: 100%;
}

/* Clauses */

form #block_cl_retard, form #block_cl_frais{
	display: block;
	float: none;
}

form #block_cgv legend{
	width: 25%;
}

form #block_cgv label{
	margin-left: 50px;
	width: 90%;
}

form #block_cgv label textarea{
	width: 100%;
}

/* Modes paiement */

form #block_mode{
	padding-right: 20px;
}

form #block_mode label, form #block_mode > div{
	width: 45%;
	float: left;
	margin: 0 30px 0 10px;
}

form #block_mode div > div{
	float: right;
}

/* Banques */

form #block_banque{
	padding: 28px 45px;
}

/* BO */

form #block_infos_bo{
	padding: 18px 45px 10px;
}

/* Société */

form #block_compteur{
	padding: 15px 45px 5px;
}

form #block_ref_bancaires{
	padding-right: 20px;
}

/* Facture */

form #block_cotisation{
	padding-right: 20px;
}

form #block_cotisation label{
	width: auto;
	margin: 10px 18px;
}

form #spec_group{
	width: auto;
	margin: -5px 0 20px 0;
}

/***** Eyes *****/

form #block_eyes{
	float: left;
	width: 90px;
	height: 100%;
}

form div.eyes{
	background-color: #CBCDCC;
	height: 14px;
	width: 16px;
	border-top: 2px solid #6B8B8D;
	border-bottom: 2px solid #6B8B8D;
	border-right: 2px solid #6B8B8D;
	padding: 7px 5px 0px 3px;
	border-radius: 0 10px 10px 0;
	box-shadow: 4px 4px 10px -3px rgba(0, 0, 0, 0.7);
	background-image: url("images/interface/ico_eye.png");
	background-position: center center;
    background-repeat: no-repeat;
	cursor: pointer;
}

form .eyes:hover{
	box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.7);
}

form .eye_cell{
	width: 0px;
	border: none;
	padding: 0;
}

form .eye_cell.remove_cell i{
	background-color: #FFF;
	border: #000 2px solid;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 5px;
}

form .eye_ligne{
	position: absolute;
	margin-top: 6px;
	left: 910px;
}

/***** Volet *****/

.volet{
	position: fixed;
    height: inherit;
	width: 1000px;
	right: 0;
	margin-right: -1200px;
	background-color: white;
	box-shadow: 0px 18px 20px 1px rgba(0, 0, 0, 0.8);
	transition: margin 0.5s ease;
	z-index: 10;
	top:0;
	overflow-y: auto;
}
.volet.parlehaut {
	margin-right: 0px;
	left: 0;
	height: 211px;
	width: 500px;
	box-shadow: none;
	/**/margin-top: -211px;/**/
}
.volet-on.parlehaut {
	/**/margin-top: 0px;/**/
}
.volet.parlehaut h3,
.volet-on.parlehaut h3 {
	color: #333;
}

.volet.parlehaut form,
.volet-on.parlehaut form {
	padding-top: 20px;
}

input.required:after{
	content:'*';
}
form .volet-facturation {
	position: fixed;
}

.volet-on{
	margin-right: 0px;
}

form .volet form fieldset{
	margin: 18px 18px 0 0;
}

.volet .repli{
	position: fixed;
	min-height: inherit;
	width: 72px;
	float: left;
	cursor: pointer;
	z-index: 1;
}

.volet .repli:hover{
	background-color: #eee;
}

.volet .repli img{
	position: fixed;
	margin: 20% 0 0 13px;
}

.calque{
	display: none;
	position: fixed;
	height: 121%;
	width: 100%;
	background-color: #000;
	opacity: 0;
	top: 0px;
	z-index: 5;
	transition: opacity 0.6s ease;
}

.calque-on{
	opacity: 0.6;
}

.volet form .btn {
	padding: 8px 12px;
}
.volet form .input-group-btn .btn {
	padding: 6px 12px;
}

/* .volet form .btn-success, .volet form .btn-warning, .volet form .btn-danger,
.volet form .btn-success:hover, .volet form .btn-warning:hover, .volet form .btn-danger:hover{
	color: #333;
} */

.volet .apres_input{
	margin: 15px 20px 0 0;
	display: inline-block;
}

td.selectable {
	cursor: pointer;
}

/***** Exports *****/

.nav form{
	margin: 0;
}

.nav form .btn-group .btn{
	font-size: 11px;
	padding: 2px 12px;
}

.nav-tabs{
	margin-bottom: 0;
}

.nav-tabs li a{
	background-color: #FFFFFF;
}

.nav-tabs li a:hover{
	background-color: #1EA2A5;
}

/***** Capture *****/

#capture{
	background-color: #E5E5E5;
}
#capture li.search-choice {
	line-height: normal!important;
}

#capture .alert{
	width: 20vw;
	right: 5%;
	min-height: 4vh;
	line-height: 4vh;
	font-size: 1.3vw;
}

#capture label{
	font-size: 2vw;
	line-height: 8vh;
	margin-bottom: 3vh;
}

#capture select, 
#capture input[type="text"], 
#capture input[type="password"], 
#capture input[type="datetime"], 
#capture input[type="datetime-local"], 
#capture input[type="date"], 
#capture input[type="month"], 
#capture input[type="time"], 
#capture input[type="week"], 
#capture input[type="number"], 
#capture input[type="email"], 
#capture input[type="url"], 
#capture input[type="search"], 
#capture input[type="tel"], 
#capture input[type="color"], 
#capture .uneditable-input{
	height: 6vh;
	line-height: 5vh;
	font-size: 2.5vh;
}
#capture .chosen-container.chosen-with-drop .chosen-drop {
left: 0;
position: relative;
}

#capture textarea{
	height: 17vh;
	margin-bottom: 5vh;
	font-size: 2.5vh;
}
#capture form .eye_ligne{
	left:auto;
	margin-top:inherit;
}
#capture .btn:hover{
	background-color: rgb(221, 221, 221);
}
#capture .btn-primary:hover{
	background-color: rgb(173, 29, 40);
}
#capture .btn-info:hover{
	background-color: rgb(77, 58, 125);
}
#capture .btn[disabled]:hover,#capture .btn[disabled]{
	background-color: var(--disabled-bg-color);
}
#capture .btn-success:hover{
	background-color: rgb(72, 202, 59);
}
#capture .btn-warning:hover{
	background-color: rgb(223, 110, 30);	
}
#capture .btn-danger:hover{
	background-color: rgb(222, 187, 39);	
}
#capture .btn-inverse:hover{
	background-color: rgb(39, 102, 109);	
}

#capture .btn:active{
	background-color: #6093D5;
}

header#haut_capture, header#haut_capture > a > #header{
	position: relative;
	border: none;
	margin: 0;
}

header#haut_capture > a{
	display: block;
	height: 100%;
	width: 100%;
}

header#haut_capture > a > #header{
	background-image: none;
	background-color: #6093D5;
	height: 5vh;
	padding: 2vh;
	line-height: 5.5vh;
}

header#haut_capture > a > #header > h1{
	padding: 0;
	font-size: 5.5vh; 
	line-height: inherit;
}

#sous_corps_capture{
	position: absolute;
	bottom: 0;
}

#corps_capture .btn{
	line-height: 25vh;
	font-size: 3vh;
}

a#entree,a#nas{
	height: 30vh;
	margin-top: 10vh;
	margin-bottom: 10vh;
}

a#sortie, a#consult{
	height: 30vh;
}

#capture form{
	padding: 0;
	min-height: inherit;
	display: block;
	overflow-y: auto;
	background: none;
}

#capture form form{
	width: 100%;
	padding-bottom: 10vh;
}

#capture form fieldset{
	margin-top: 1vh;
	width: 100%;
}

#capture form fieldset legend{
	line-height: 5vh;
	font-size: 3vh;
	width: 20vw;
}

#capture form .btn-com{
	height: 20vh;
	width: 8vw;
}

#capture form .btn-group{
	margin-bottom: 4vh;
}

#capture form .btn-group > button{
	height: 10vh;
	font-size: 2vw;
}

#capture form .chosen-container{
	font-size: inherit;
}

#capture .popover-title{
	font-size: 3vh;
	line-height: 3vh;
}

#capture form .bloc_statut{
	height: auto;
	width: auto;
	margin: 0.5vw 1vw 0.5vw 0.5vw;
	font-size: 2.5vh;
	display: inline-block;
	padding: 1vw 5vw;
	box-shadow: 0px 0px 1px 0px hsl(0, 0%, 0%);
}

#capture form .header>*{
	font-size: 2.5vh;
	border-radius: 0;
	height: 100%;
	padding:0;
}

#capture form .header #valider{
	width: 20vw;
	right: 0;
}

#capture form #supprimer{
	width: 10vw;
	right: 20vw;
}

#capture form .header{
	background-color: #6093D5;
	position: absolute;
	top: 0;
	float: none;
	z-index: 30;
	height: 9vh;
}

#capture form .actions .btn{
	height: 20vh;
	font-size: 3vh;
	line-height: 16vh;
}

#capture form .actions i{
	margin-top: 1vh;
}

#capture .chosen-single{
	height: 6vh;
	line-height: 6vh;
}

#capture .accordion-heading .accordion-toggle{
	padding-top: 2vh;
	padding-bottom: 2vh;
}
#capture+.modal button{
	margin:1.5em;
}
#capture+.modal>div>button {
	margin: 0.5vh;
}
.volet.modal {
	display: none;
}
.volet.modal.in {
	padding: 1vh;
	left: 10%;
	width: auto;
	margin-left: 0;
}
/***** Modal atroce *****/
div#confirmdelete div {
	background: white;
}
div#confirmdelete h4.modal-title {
	color: rgb(128, 128, 128);
	font-family: inherit;
}

/***** Datepicker *******/
.datepicker-months{
min-width:215px;
}

#ajax-form form {
	padding-top: 10px;
}


/***** Responsive *****/

@media screen and (max-width: 1270px) {

	#header > ul > li{
		background: #CCCCCC;
		padding: 15px 15px 0 15px;
	}
	
	#header > ul > li.enabled, #header ul #notif_item{
		background: transparent;
	}
	
	#header .item_menu.opened{
		background: url(images/interface/fond_opened.png) repeat-x #EEEEEE;
	}
	
	#header .item_menu > ul > li{
		background-image: none!important;
		padding: 0;
	}
	
	#header .item_menu > ul > li > a{
		padding: 20px 20px 0 20px;
	}
	
	.navbar .nav .input-append input{
		width: 70px;
	}
	
	.navbar-inner{
		padding-right: 0px;
	}

}

/***** Classe générique **********/
.pointer {cursor:pointer;}
.line-h-2{line-height: 2;}
.green-bg{ background:var(--green-bg-color); color:black;}
.green-bg a{ color:white;}
.grey-bg{ background:var(--grey-bg-color); color:white;}
.grey-bg{ background:var(--grey-bg-color); color:white;}
.black-bg{ 
background:#999999; 
color:white; 
padding:10px 0px;
margin-top: 6px;
} 
.black-bg a, .black-bg span { color:#FFFFFF;}
.blue-bg{ background:var(--blue-bg-color); color:#FFFFFF;}
.dark-blue-bg{ background:var(--dark-blue-bg-color); color:#FFFFFF;}
.orange-bg{ background:var(--orange-bg-color); color:#FFFFFF;}
.dark-green-bg{ background:var(--dark-green-bg-color); color:#FFFFFF;}
.gradient-white-bg{ background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(233,233,233,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );
}
.gradient-grey-bg {
	border-radius: 8px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
	background-color: #fff;
	background-repeat: no-repeat;
}
.gradient-grey-bg img {
	position: absolute;
	top: -10px;
}
.col-xs-8_12{width: 14%; 
float: left;
position: relative;
min-height: 1px;
padding-right: 6px;
padding-left: 6px; }
#header .col-xs-8_12:first-child,
#header .col-xs-8_12:last-child {
	width: 15%;
}
/* fait croire que les champs calendrier sont des champs normaux */
input.datepickable[readonly],
input.month_pickable[readonly] {
	background: white;
}
.pasdepadding { padding:0px; }
.nopadding { margin:0px; padding:0px; }
.nopaddingcotes { 
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}
.nopaddingleft {
	padding-left:0px;
}
.petitpadding {
	padding-left: 5px;
	padding-right: 5px;
}
.nonowrap {
	white-space: normal;
}

.button {
	border-radius: 8px;
}
.red-button {
	color: white;
	background: #AD1D28;
}
.darkgreen-button {
	color: white;
	background: var(--dark-green-bg-color);
	border: 2px solid var(--dark-green-bg-color);
}
.darkgreen-button:hover {
	color: var(--secondary-bg-color);
	border: 2px solid var(--secondary-bg-color);
	background: white;
}
.darkgreen-button:active,
.darkgreen-button:hover {
	color: var(--secondary-bg-color);
}
.green-button {
	color: white;
	background: #AFB823;
	border-color: #AFB823;
}
.green-button:active,
.green-button:hover {
	color: var(--secondary-bg-color);
	border-color: var(--secondary-bg-color);
	background: white;
}
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:hover {
    color: white;
    background-color: var(--secondary-bg-color);
}
.btn-default[disabled], .btn-default.active[disabled] {
	background-color: #eee;
	border-color: #ccc;
	color: #333;
}
.btn-default[disabled] span:before, .btn-default.active[disabled] span:before {
	color: #333;
}
.btn-default:focus, .btn-default:active {
	background: var(--secondary-bg-color);
	color: white;
}
.btn-default.active {
	background-color: #013a73;
	color: white;
}
.btn-default:active .glyphicon-ok:before, .btn-default.active .glyphicon-ok:before {
	color: white;
}
.blue-button {
	border-radius: 8px;
	color: white;
	background: var(--blue-bg-color);
	border-color: var(--blue-bg-color);
}
.blue-button:active,
.blue-button:hover {
	color: var(--blue-bg-color);
}
.orange-button {
	border-radius: 8px;
	color: white;
	background: #FF7F00;
	border-color: #FF7F00;
}
.orange-button:active,
.orange-button:hover {
	color: #ff7f00;
}
.red-button {
	border-radius: 8px;
	color: white;
	background: #AD1D28;
	border-color: #AD1D28;
}
.red-button:active,
.red-button:hover {
	color: #AD1D28;
}
.grey-button {
	border-radius: 8px;
	color: white;
	background: #CCCCCC;
}
.btn_green_box {
	border-radius: 0;
	color: white;
	background: var(--secondary-bg-color);
}
.green-button-gradient {
	border-radius: 8px;
	color: white;
	background: #96A825;
	border-color: #96A825;
}
.green-button-gradient:active,
.green-button-gradient:hover {
	color: #96A825;
}
.blue-button-gradient {
	border-radius: 8px;
	color: white;
	background: #335f8c;
	border-color: #335f8c;
}
.blue-button-gradient:active,
.blue-button-gradient:hover {
	color: #335f8c;
}
.black-button-gradient {
	border-radius: 8px;
	color: white;
	background: #666;
	border-color: #666666;
}
.black-button-gradient:active,
.black-button-gradient:hover {
	color: #666;
}
.green-button:active,
.green-button:hover,
.blue-button:active,
.blue-button:hover,
.orange-button:active,
.orange-button:hover,
.red-button:active,
.red-button:hover,
.green-button-gradient:active,
.green-button-gradient:hover,
.blue-button-gradient:active,
.blue-button-gradient:hover,
.black-button-gradient:active,
.black-button-gradient:hover {
	background: white;
	font-weight: bold;
}
.margin-top{margin-top:10px;}
.margin-bottom{margin-bottom:10px;}
.margin-30-bottom{margin-bottom:30px;}

.has-feedback .form-control.montant,
.montant {
	padding-right: 45px;
}

.has-feedback .form-control.montant.text-right {
	padding-right: 30px;
}

.text-black{ color:black !important;}

span.green_circle_bg {
	background: var(--secondary-bg-color);
	color: white;
	height: 25px;
	width: 25px;
	display: inline-block;
	border-radius: 10px;
	font-size: 1.2em;
	margin: 2px;
	text-align: center;
}

.tallness{ min-height: 500px}
/******bootstrap modif********/
.wrap-text{
 white-space: normal;
}

.form-control{
border-radius:12px;
}

.icon-flipped {
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
}

/******* chosen modif ********/
.chosen-results li{
color:#555;
} 

.pasdefin .sansfin,.pasdefin .all_days {
	display: initial;
}
.sansfin, .all_days {
	display: none;
}
.pasdefin .avecfin {
	display: none;
}
.switchfin label {
	cursor: pointer;
}

/*planning*/
.control_date .form-control-feedback{
	line-height:22px;
}

/* calendar */
#cal-week-box{display:none!important;}


.indisponibilite>li {
	margin-bottom: 10px;
}
.indisponibilite i {
	vertical-align: inherit;
}
ul.indisponibilite.ferie {
	color: rgb(253, 241, 0);
}
ul.indisponibilite.conge {
	color: rgb(153, 255, 201);
}
ul.indisponibilite.rtt {
	color: rgb(153, 251, 255);
}
ul.indisponibilite.maladie {
	color: rgb(255, 180, 153);
}
ul.indisponibilite.formation {
	color: rgb(255, 180, 153);
}
ul.indisponibilite.recuperation {
	color: rgb(255, 180, 153);
}
ul.indisponibilite.accident {
	color: darkcyan;
}
ul.indisponibilite {
	font-size: 3em;
	line-height: 0.4em;
	background-color:#ffffff;
	padding-bottom: 1px;
}
ul.indisponibilite>li>* {
	color: #000000;
	font-size: 0.3em;
	vertical-align: top;
}

.raison{
	color:#000000;
	padding: 1%;
	margin: 0px;
}
.raison.ferie, .conge_ferie{
	background-color: rgb(253, 241, 0);
}
.raison.conge, .conge_conge {
	background-color: rgb(153, 255, 201);
}
.raison.rtt , .conge_rtt {
	background-color: rgb(153, 251, 255);
}
.raison.maladie, .conge_maladie {
	background-color: rgb(255, 180, 153);
}
.raison.formation, .conge_formation {
	background-color: rgb(159,159,255);
}
.raison.recuperation, .conge_recuperation {
	background-color: darkkhaki;
}
.raison.accident, .conge_accident {
	background-color: darkcyan;
}
.raison.regularisation, .conge_regularisation {
	background-color: darkgrey;
}
.raison.absence_auto, .conge_absence_auto {
	background-color: bisque;
}


.reponse.state1:before {
	content: url('images/interface/message-ok.png');
}
.reponse.state2:before {
	content: url('images/interface/drop.png');
}

.legende.utilisation {
	color: white;
}

.legende .duree{
  height: 20px;
  width: 20px;
  float: left;
}


.utilisation .different{
	color:#FFFFFF;
	background-color:rgb(51, 51, 51);
}
.utilisation .different.trop{
	background-color:#FFD600;
}
.utilisation .different.pasassez{
	background-color:#FF0000;
}
.utilisation .duree.trop{
	color: black;
	background: lightgoldenrodyellow;
}
.utilisation .duree.pasassez{
	color: black;
	background: lightpink;
}
.utilisation th {
	background: rgb(51, 153, 255);
	color: #FFFFFF;
}
.utilisation .agent {
	background: rgb(51, 51, 51);
	color: white;
}
table.table.margin-top.table-bordered.utilisation {
    background: white;
}
table.table-bordered tbody th, table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
    color: #333333;
}
table.liste td.nopadding span.volettable {
	display: block;
	line-height: 32px;
}
table#visu-facture tr td:nth-child(6) {
	padding: 0;
	text-align: center;
}
table#visu-facture tr td:nth-child(6) span {
	display: block;
	line-height: 36px;
}

#date_mois{padding-right:12px;}

.mydatatable td.boolean {
	color: transparent;
}
.mydatatable td.boolean:before {
/* left: 50%; */
position: relative;
top: 1px;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.mydatatable td.boolean.true:before {
	content: "\e013";
	color: green;
}
.mydatatable td.boolean.false:before {
	content: "\e090";
	color: red;
}

.mydatatable td {
	cursor: pointer;
}

form.diaporama {
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
}
.diapos {
	width: 500%;
}
.diapo {
	width: 20%;
	float: left;
}
/*** A voir comment faire ... */
.diapo.hidden{display:block!important;}

.dataTables_scrollBody .header {display: none;}
.dataTables_wrapper{overflow-y: auto;}

.recherche.formactif{padding:0px;}

#retour{
	color: black;
	border-radius: 4px;
	padding-top: 8px ;
	margin-top: -10px;
	margin-bottom: 10px;
	padding: 7px ;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(219,219,219,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
}
.font-bold{font-weight:bold;}
.text-small {
    font-size: 0.8em!important;
}
.gradient-grey-bg h4 {
	color: #AFB823;
}

.conteneur-horaires {
	border: 0;
	clear: both;
}

#date_mois-i {
	right: 20px;
}

.blanc {
	color: white;
}

#tab_utilisation {
	overflow-y: auto;
}

:not(.input-group-btn)>.btn {
	padding: 8px 12px;
	margin-bottom: 4px;
	font-size: 16px;
}
.btn.margin-center {
	margin-top: 4px;
}
.btn.btn-multiline {
	white-space: normal;
}

/*********   MEDIA QUERIES   *********/
@media screen and (min-width: 1200px) {
	.border-r-green{
		border-right: 1px solid #718E28;
	}
}

@media screen and (max-width: 1199px) {
	.panneau-accueil {
		margin-bottom: 30px;
	}
	.panneau-accueil .btn-group label.btn-default {
		padding-left: 0;
		padding-right: 0;
	}
	.panneau-accueil form {
		width: auto;
	}
	.volet {
		width: 96%;
		overflow-y: auto;
	}
	.volet select,
	.volet select option {
		padding-right: 25px;
	}
	form form {
		width: 100%;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.glyphicon-menu-inactif:before {
		background-size: 80% auto;
		background-repeat: no-repeat;
		height: 20px;
		width: 20px;
		background-position: 0 4px;
	}
	.glyphicon-menu-actif:before {
		background-size: 100%;
		margin-top: 2px;
		height: 19px;
		width: 19px;
	}
	.glyphicon.glyphicon-menu-inactif, .glyphicon.glyphicon-menu-actif {
		width: 19px;
	}
	.ss_tab {
		padding: 10px;
	}
	#header .libelle {
		padding-left: 0;
		font-size: 0.9em;
	}
	#accueil .gradient-grey-bg {
		height: 240px;
	}
	.panneau-accueil .margin-30-bottom {
		margin-bottom: 12px;
	}
	.panneau-accueil .chosen-container.chosen-container-single {
		max-width: 240px;
		width: 240px !important;
	}
	#date_intervention {
		width: 260px;
	}
	.panneau-accueil #date_intervention {
		width: 270px;
	}
}

@media screen and (min-width: 992px) {
	.tab.actif {
		border-bottom: 3px solid rgb(0, 142, 124);
	}
}

@media screen and (max-width: 991px) {
	h3 {
		font-size: 18px;
	}
	header #header {
		background: white;
	}
	header #header h1 {
		font-size: 18px;
		color: rgb(51, 51, 51);
		line-height: 36px;
	}
	#header li a {
		color: #fff;
	}
	.dl-menuwrapper .dl-menu {
		margin: 44px 0 0 0 !important;
	}
	#dl-menu > span {
		font-size: 24px;
		line-height: 42px;
	}
	.volet.parlehaut {
		margin-top: -370px;
		width: 260px;
	}
	.volet-on.parlehaut {
		margin-top: 0px;
	}
	.panneau-accueil:last-child {
		margin-bottom: 120px;
	}
	div#table_taxe_wrapper {
		margin-left: -10px;
		margin-right: -10px;
	}
	.box_form.box_form_assistant {
		margin-left: -5px;
		margin-right: -5px;
	}
	.box_form.box_form_assistant td .input-group .input-group-addon {
		padding-left: 2px;
		padding-right: 2px;
	}
	.box_form.box_form_assistant td .input-group input.form-control {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 1em;
		min-width: 40px;
	}
	.box_form .formulaire-droite.margin-top {
		margin-top: 0;
	}
	label.col-xs-12.text-right.blanc {
		text-align: center;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
	h3 {
		font-size: 16px;
	}
	img#logo {
		max-width: 136px;
	}
	.font_big {
		font-size: 1.2em;
		line-height: 1.6em;
	}
	#form_connexion {
		top: 20px;
	}
	.panneau-accueil h4.text-center {
		font-size: 16px;
	}
	#accueil label {
		text-align: left;
	}
	#accueil .btn-group label {
		text-align: left;
	}
	#accueil .btn-group label.text-center {
		text-align: center;
	}
	#accueil .gradient-grey-bg {
		height: auto;
	}
	#accueil .panneau-accueil img {
		top: -10px;
		left: -10px;
	}
	.boutons-clients {
		margin-left: 15px;
	}
	#dl-menu.dl-menuwrapper li {
		text-align: center;
	}
	#dl-menu.dl-menuwrapper li a {
		padding: 12px 20px;
	}
	#dl-menu > span {
		font-size: 16px;
		font-weight: bold;
	}
	.bandeau_black #titre {
		margin-left: 0;
	}
	.bandeau_black span.glyphicon {
		float: none !important;
	}
	.box_form {
		padding-bottom: 15px;
	}
	form label.col-xs-12.text-right {
		text-align: left;
		padding-left: 0;
	}
	.has-feedback .form-control {
		padding-right: 40px;
	}
	.box_form {
		margin: 0 auto;
	}
	.box_form_assistant h4 {
		font-size: 1.1em;
		margin-left: -5px;
		margin-right: -5px;
	}
	.box_form_assistant .small_pad {
		margin-top: 12px;
	}
	.table-responsive {
		margin-top: 10px;
	}
	table.dataTable {
		font-size: 12px;
	}
	#horaires th {
	}
	#horaires td {
		font-size: 0.9em;
	}
	form .volet .repli {
		width: 54px;
	}
	.table.events-list .event, .table.events-list .day {
		height: 32px !important;
		width: 100% !important;
	}
	.cal-year-box .row-fluid:hover, .cal-month-day {
		height: 32px !important;
	}
	.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
		line-height: 32px !important;
		min-height: 32px !important;
	}
}

/********* FIN MEDIA QUERIES *********/


.shadowed>.nav-tabs>li.active>a {
	color: #00AA95;
}
.shadowed>.nav-tabs>li.active>a, .shadowed>.nav-tabs>li.active>a:focus, .shadowed>.nav-tabs>li.active>a:hover {
	border-style:none;
}
.shadowed>.nav-tabs>li>a, .shadowed>.nav-tabs>li>a:focus, .shadowed>.nav-tabs>li>a:hover {
	border-style:none;
}
.shadowed>.nav-tabs>li>a:after {
	content: " ";
	display: block;
	background-color: #00AA95;
	height: 9px;
	width: calc(100% + 0px);
	position: absolute;
	bottom: -3px;
	left: 0px;
	z-index: 1;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 4px;
	border-right-width: 25px;
	border-left-width: 25px;
	opacity:0;
}
.shadowed>.nav-tabs>li.active>a:after {
	opacity:1;
}
.shadowed>.nav-tabs>li.active {
	box-shadow: 0 0 7px 0px #00000073;
}
.shadowed>.tab-content {
    box-shadow: 0 0 7px 0px #00000073;
	position: relative;
	border-top-left-radius: 0%;
}
.shadowed .panel {
	border: none;
}
.bordered-right-white {
	border-left: 1px solid #FFFFFF;
}
.pseudo-col{
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	float:left;
}
.flex-item.pseudo-col {
	float:none;
}

.row.small-gutter{
	margin-left:-5px;
	margin-right:-5px;
}
.row.small-gutter>.pseudo-col, .row.small-gutter>.col-lg-1, .row.small-gutter>.col-lg-10, .row.small-gutter>.col-lg-11, .row.small-gutter>.col-lg-12, .row.small-gutter>.col-lg-2, .row.small-gutter>.col-lg-3, .row.small-gutter>.col-lg-4, .row.small-gutter>.col-lg-5, .row.small-gutter>.col-lg-6, .row.small-gutter>.col-lg-7, .row.small-gutter>.col-lg-8, .row.small-gutter>.col-lg-9, .row.small-gutter>.col-md-1, .row.small-gutter>.col-md-10, .row.small-gutter>.col-md-11, .row.small-gutter>.col-md-12, .row.small-gutter>.col-md-2, .row.small-gutter>.col-md-3, .row.small-gutter>.col-md-4, .row.small-gutter>.col-md-5, .row.small-gutter>.col-md-6, .row.small-gutter>.col-md-7, .row.small-gutter>.col-md-8, .row.small-gutter>.col-md-9, .row.small-gutter>.col-sm-1, .row.small-gutter>.col-sm-10, .row.small-gutter>.col-sm-11, .row.small-gutter>.col-sm-12, .row.small-gutter>.col-sm-2, .row.small-gutter>.col-sm-3, .row.small-gutter>.col-sm-4, .row.small-gutter>.col-sm-5, .row.small-gutter>.col-sm-6, .row.small-gutter>.col-sm-7, .row.small-gutter>.col-sm-8, .row.small-gutter>.col-sm-9, .row.small-gutter>.col-xs-1, .row.small-gutter>.col-xs-10, .row.small-gutter>.col-xs-11, .row.small-gutter>.col-xs-12, .row.small-gutter>.col-xs-2, .row.small-gutter>.col-xs-3, .row.small-gutter>.col-xs-4, .row.small-gutter>.col-xs-5, .row.small-gutter>.col-xs-6, .row.small-gutter>.col-xs-7, .row.small-gutter>.col-xs-8, .row.small-gutter>.col-xs-9{
	padding-left:5px;
	padding-right:5px;
}

.row.no-gutter{
	margin-left:-0px;
	margin-right:-0px;
}
.row.no-gutter>.pseudo-col, .row.no-gutter>.col-lg-1, .row.no-gutter>.col-lg-10, .row.no-gutter>.col-lg-11, .row.no-gutter>.col-lg-12, .row.no-gutter>.col-lg-2, .row.no-gutter>.col-lg-3, .row.no-gutter>.col-lg-4, .row.no-gutter>.col-lg-5, .row.no-gutter>.col-lg-6, .row.no-gutter>.col-lg-7, .row.no-gutter>.col-lg-8, .row.no-gutter>.col-lg-9, .row.no-gutter>.col-md-1, .row.no-gutter>.col-md-10, .row.no-gutter>.col-md-11, .row.no-gutter>.col-md-12, .row.no-gutter>.col-md-2, .row.no-gutter>.col-md-3, .row.no-gutter>.col-md-4, .row.no-gutter>.col-md-5, .row.no-gutter>.col-md-6, .row.no-gutter>.col-md-7, .row.no-gutter>.col-md-8, .row.no-gutter>.col-md-9, .row.no-gutter>.col-sm-1, .row.no-gutter>.col-sm-10, .row.no-gutter>.col-sm-11, .row.no-gutter>.col-sm-12, .row.no-gutter>.col-sm-2, .row.no-gutter>.col-sm-3, .row.no-gutter>.col-sm-4, .row.no-gutter>.col-sm-5, .row.no-gutter>.col-sm-6, .row.no-gutter>.col-sm-7, .row.no-gutter>.col-sm-8, .row.no-gutter>.col-sm-9, .row.no-gutter>.col-xs-1, .row.no-gutter>.col-xs-10, .row.no-gutter>.col-xs-11, .row.no-gutter>.col-xs-12, .row.no-gutter>.col-xs-2, .row.no-gutter>.col-xs-3, .row.no-gutter>.col-xs-4, .row.no-gutter>.col-xs-5, .row.no-gutter>.col-xs-6, .row.no-gutter>.col-xs-7, .row.no-gutter>.col-xs-8, .row.no-gutter>.col-xs-9{
	padding-left:0px;
	padding-right:0px;
}

.formactif fieldset {
	border-style: none;
}
.formactif fieldset legend {
	border-style: none;
	background: none;
	color: #00AA95;
	font-style: italic;
	font-weight: bold;
	width:100%;
}

.btn-create {
    color:  #fff;
    background-color:  rgb(175, 184, 35);
    border-color:  rgb(99, 104, 20)
}
.btn-create.focus, .btn-create:
focus {
    border-color:  rgb(64, 66, 36)
}
.btn-create.focus, .btn-create:
focus,.btn-create:
hover,
.btn-create.active, .btn-create:
active, .open > .dropdown-toggle.btn-create {
    color:  #fff;
    background-color:  rgb(243, 255, 54);
}
.btn-create:
hover,
.btn-create.active, .btn-create:
active, .open > .dropdown-toggle.btn-create {
    border-color:  rgb(135, 140, 47)
}
.btn-create.active.focus, .btn-create.active:
focus, .btn-create.active:
hover, .btn-create:
active.focus, .btn-create:
active:
focus, .btn-create:
active:
hover, .open > .dropdown-toggle.btn-create.focus, .open > .dropdown-toggle.btn-create:
focus, .open > .dropdown-toggle.btn-create:
hover {
    color:  #fff;
    background-color:  rgb(135, 140, 47);
    border-color:  rgb(64, 66, 36)
}
.btn-create.active, .btn-create:
active, .open > .dropdown-toggle.btn-create {
    background-image: none
}
.btn-create.disabled, .btn-create.disabled.active, .btn-create.disabled.focus, .btn-create.disabled:
active, .btn-create.disabled:
focus, .btn-create.disabled:
hover, .btn-create[disabled], .btn-create[disabled].active, .btn-create[disabled].focus, .btn-create[disabled]: active, .btn-create[disabled]: focus, .btn-create[disabled]: hover, fieldset[disabled].btn-create, fieldset[disabled].btn-create.active, fieldset[disabled].btn-create.focus, fieldset[disabled].btn-create: active, fieldset[disabled].btn-create: focus, fieldset[disabled].btn-create: hover {
    background-color:  rgb(175, 184, 35);
    border-color:  rgb(99, 104, 20)
}
.btn-create.badge {
    color:  rgb(175, 184, 35);
    background-color:  #fff
}

fieldset.border-right {
	border-right-style: solid;
}
fieldset.borderless {
	border-style: none;
}
fieldset.marginless {
	margin: 0;
}
.no-margin {
	margin-left: 0;
	margin-right: 0;
}
.nomargin {
	margin-top: 0;
	margin-bottom: 0;
}
.no-padding {
	padding-left: 0;
	padding-right: 0;
}
.nopadding {
	padding-top: 0;
	padding-bottom: 0;
}
.btn-angles {
	border-radius: 0;
}

.bordered {
    border: 1px none #ddd;
}
.bordered-left {
    border-left-style: solid;
}
.bordered-right {
    border-right-style: solid;
}
.bordered-top {
    border-top-style: solid;
}
.bordered-bottom {
    border-bottom-style: solid;
}


.form-control ~ .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	height:25px;
}
select.form-control:focus-visible {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.chosen-container.chosen-with-drop ul.chosen-choices.form-control {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.accueil .bloc {
	padding:1em;
	background-color: #ededed;
	color: #333333;
	height: 100%;
	border-radius: 5px;
	box-shadow: 2px 2px 6px -3px #8e8e8e;
}
.accueil .bloc hr.separateur {
	border-top-color: #232323;
	width: 100%;
	margin-top: 5px;
}
.accueil .bloc .btn {
    white-space: normal;
}
.accueil .bloc .btn .badge {
	position: absolute;
	font-size: 1.7em;
	font-weight: normal;
	width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    padding: 0;
	border-radius: 50%;
	bottom: 0.2em;
	top: auto;
	right: 0.2em;
	background-color: #FF8000;
}
.accueil .has-logo {
	margin-top: 50px;
}
.accueil .bloc .logo>* {
	margin-top: -50px;
}
.accueil .bloc .logo .libelle,
.accueil .bloc .logo + .libelle {
	font-size: 2em;
	padding: 0.4em;
}
.accueil .bloc .liens .glyphicon {
	font-size: 2.2em;
	color: var(--secondary-bg-color);
}
.accueil .bloc .liens .libelle {
	font-size: 1.3em;
	color: #666666;
}
.accueil .bloc .liens a {
	margin-bottom: 1em;
}
.accueil .bloc .liens .btn:hover .glyphicon, 
.accueil .bloc .liens .btn:hover .lien-libelle {
	color:#333333;
}
.accueil .bloc .liens .lien-libelle {
	font-family:Oswald;
    font-size: 1.2em;
}
.accueil .bloc.contact {
	background-color: var(--secondary-bg-color);
}
.accueil .bloc.contact .btn .glyphicon {
	color: var(--secondary-bg-color);
}
.accueil .bloc.contact .libelle {
    color: #FFFFFF;
}
.accueil .bloc.contact .liens .btn:hover,
.accueil .bloc.contact hr.separateur {
	border-color: #009B88;
}
.accueil .bloc.contact .liens .btn:hover {
	background-color:#F2FFFE;
}

.accueil .bloc.formation {
	background-color: var(--dark-blue-bg-color);
}
.accueil .bloc.formation .btn .glyphicon {
	color: var(--dark-blue-bg-color);
}
.accueil .bloc.formation .libelle {
    color: #FFFFFF;
}
.accueil .bloc.formation .liens .btn:hover,
.accueil .bloc.formation hr.separateur {
	border-color: #004080;
}
.accueil .bloc.formation .liens .btn:hover {
	background-color:#F0F8FF;
}

.accueil .bloc.suivi {
	background-color: #004284;
}
.accueil .bloc.suivi .btn .glyphicon {
	color: #004284;
}
.accueil .bloc.suivi .libelle {
    color: #FFFFFF;
}
.accueil .bloc.suivi .liens .btn:hover,
.accueil .bloc.suivi hr.separateur {
	border-color: #004F9D;
}
.accueil .bloc.suivi .liens .btn:hover {
	background-color:#F0F8FF;
}

.accueil .bloc.facture {
	background-color: #FFFFFF;
}
.accueil .bloc.facture .btn,
.accueil .bloc.facture .btn .glyphicon {
	color: #FFFFFF;
}
.accueil .bloc.facture .btn {
	background-color: var(--secondary-bg-color);
}
.accueil .bloc.facture .libelle {
    color: #000000;
}
.accueil .bloc.facture .liens .btn:hover,
.accueil .bloc.facture hr.separateur {
	border-color: #EEEEEE;
}
.accueil .bloc.facture .liens .btn:hover {
	background-color:#00AE99;
}

.carre {
	border: solid 2px;
	padding-left: 1.286em;
	margin-left: 1em;
}
.par2 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.par2>* {
	flex-basis: 50%;
	flex-grow: 1;
}

option.placeholder {
    font-style: italic;
}
option.placeholder:checked {
    display: none;
}
.btn>.sent_with {
	float: left;
	margin-top: -6px;
	margin-left: -10px;
}
@media (max-height: 768px){
	div#panel_search .panel {
		max-height: 6em;
		overflow-y: auto;
	}
}