html, body{
	width:100%;
	font-size:12px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-shadow: none;
	background-color: #fff;
	color:#333;
	font-weight: 400;
}
hr{
    display: block;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-width: 1px;
    border-color: #ddd;
}
 
a:focus, a:active, 
button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
select::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner 
{ 
outline: none;
text-decoration: none;
}
a{color: #0088CC;}
a:hover{text-decoration: none;}
li a:focus, a:focus, button:focus, input[type="button"]:focus{ outline: none;}
a img { border: none; } 
a.btnlien{ font-weight: 500;}
/*_____ICON________________________*/
.top_page .fa{ font-size: 18px; }
.navbar .navbar-brand .fa{ font-size: 16px; }
.fa.fa-trash-o{font-size: 15px;}
i.fa{ font-size: 14px; margin-right: 3px; color: #2a3542;}
.fa-pencil-square-o:hover{ cursor: pointer; }
.fa.fa-sign-in{ color: #fff; font-size: 16px; }
.fa.fa-trash-o{color: red; cursor: pointer; }
.param_courrier a>.fa, .suivi a>.fa, .type_suivi a>.fa, .param_produit a>.fa, .param_rappel a>.fa, .param_offre a>.fa, .param_facture a>.fa, #get_info a>.fa{color: #007ab7}
.messageflash.info .fa{color: #333; font-size:15px;}
.messageflash.error .fa{color: #fff; font-size:15px;}
i.session_icon{font-size:20px;}

.main{ min-height: 680px;}
legend{ font-size:14px; font-weight:500; border-bottom:0px solid #ccc; margin-bottom: 5px; text-decoration: underline;}
/*-------------------------------------
	CORP
---------------------------------------*/
#v_application{
	min-height: 100%;
}
#contenu-page{
	padding: 0px 0px 30px 0px;
  	margin-right: auto;
  	margin-left: auto;
}
.top_page{
	width: 100%;
	margin-bottom:15px;
	margin-top: 1px;
	background-color: #dde3e5;
	padding: 5px 3px 5px 15px;
	font-size: 14px;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
#footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    padding: 7px 5px 5px 10px;
    color: red;
    background: #ddd;
}

.text_copy {
	font-size: 11.5px;
	color: #333;
}
.text_evaluation{
	font-size: 11.5px;
	color: red;
}
   /*-------------------------------------
   responsive vidéo
---------------------------------------*/
.div_view_pdf{
	width:100%;
	overflow-y:auto;
	overflow-x:auto;
}
.responsive-container-pdf iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.responsive-container-pdf-large iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/*-------------------------------------
	font police
---------------------------------------*/
.tcentre{ text-align:center;}
.tleft{text-align:left}
.tright{text-align:right}
.tjustify{text-align:justify}
.fleft{ float:left;}
.fright{ float:right;}
.centre{margin:0 auto;}
.bold{ font-weight:600;}
.light{ font-weight:100;}

.bg-danger{
	background-color:#ff4c4c!important;
	color:#fff;
}
.text-danger{	
	color:#ff4c4c;
}
.dropdown-toggle.adresse{background-color:#fff; color:#222; border-bottom:none; text-align:left; font-weight:bold;font-size:12px; margin-bottom:-1px; width:170px;}
.dropdown-toggle.adresse:hover{ box-shadow:none; }
.open > .dropdown-toggle.btn-default {
  color: #333333;
  box-shadow:none;
  background-image:none; background-color:transparent;
}
.btn-group .dropdown-toggle.btn-default ~ .dropdown-menu > li > a {
	width:170px;
}
.dropdown-toggle{background-image:none; background-color:transparent}
.btn_modif_offre{position: absolute; top:62px; right:310px;}
.btn_new_offre, .btn_new_facture{position: relative; top:-2px; right:0px; float:right;}
.btn_del_offre{position: absolute; top:0px; right:0;}
.btn_save_page{ margin: -7px -10px 0px 0px;}
.btn_del_page{ margin: -7px 5px 0px 0px;}
.btn_modif_fact{ position:absolute; top:50px; right:0px;}
.btn_facturer{ position:absolute; bottom:0; right:0;}
.btn_pdf{ position:absolute; top:0px; right:0px;}
.panel { border-radius: 0px; border:1px solid #ccc; box-shadow: none; }
.panel-default > .panel-heading { background-image: none; background-color: #dde3e5; box-shadow: none; padding-right: 25px;}
.panel-info > .panel-heading { background-image: none; background-color: #dde3e5; color:#000; border-radius: 0px; box-shadow: none;}
.panel .panel-heading{ height:30px; line-height:10px;}
.panel-info .panel-heading{ height:25px; line-height:6px; border-bottom:1px solid #ccc; border-radius: 0px; box-shadow: none;}
.panel .panel-body{
	padding:30px 20px 30px 20px;
	background-color:#fff;	
	box-shadow:none;
}
.label{ font-weight: 400; color:#fff; letter-spacing: 0px; }
label{ font-weight: 300; float: left; margin-right: 10px; }
.label-secondary{
	background-color:#555;
}
.btn-lg{
  height: 30px;
  line-height: 1.3333333;
  border-radius: 1px;
}
.btn-sm{
	height:24px;
	line-height:0px;
	border-radius: 1px;	
}
.btn-xs{
	border-radius: 1px;	
}
.btn-nul{ background-color: transparent; border-radius:0px;margin: -11px -25px 0px 0px; font-size: 12px; border-left:1px solid #ccc; padding: 6px 10px 5px 10px;}
.btn-nul:hover{ background-color: #fff; border-bottom:1px solid #ddd;}
.card_login .btn-lg{border-radius: 1px; height: 30px; font-weight: 200; color: #eee;}
/*-------------------------------------
	Modal 
---------------------------------------*/
.modal-header{
	background-color:#dde3e5;
	height:35px;
	font-size:13px;
	padding:8px 10px 8px 10px;	
	border-bottom: 1px solid #ccc;
}
h4.modal-title {
	height:40px;
	font-size:14px;	
	font-weight: 400;
}
.modal-footer{
	height:40px;
	padding: 10px 0px 0px 0px;
	margin-top:20px;
}
/*-------------------------------------
  Form login
---------------------------------------*/
.popover { 
	font-size: 12px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 13px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

/*-------------------------------------
  Form login
---------------------------------------*/
.card_login a{ color: #333; }
.card_login a:hover{ color: #ccc;}
.card_login input[type="password"]:focus, .card_login input[type="text"]:focus, .card_login input[type="email"]:focus    {background-color: #fff;}
.titre_login{
    margin: 0 auto;
    margin-top: 10%;
	color:#333;
	text-align:center;
	font-size: 30px;
	font-weight: 100;
}
.pannel_panel_login, .pannel_panel_login a{
    margin: 0 auto;
    margin-top: -10px;
	color:#888;
	text-align:center;
	font-size:12px;
	font-weight: 300;
}
.pannel_panel_login a:hover{
	color: #ccc;
	}
.card_login {
	color: #999;
	max-width: 420px;
	background-color: #eee;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 30px;
	margin: 0 auto 25px;
	margin-top: 10px;
	font-weight: 300;
	font-size: 13px;
}
.card_newcompte {
	color: #333;
	max-width: 420px;
	background-color: #fff;
	padding: 30px 40px 30px 40px;
	margin: 0 auto 25px;
	margin-top: 10px;
	font-weight: 400;
}
.card_login .titre_panel_login{
	color:#555; 
	font-size:16px; 
	margin-bottom:15px; 
	text-align:left;
	font-weight: 200;
}
.card_newcompte .titre_panel_login{
	color:#333; 
	font-size:16px; 
	margin-bottom:15px; 
	text-align:left;
	font-weight: 200;
}
.profile-img-card {
    width: 86px;
    height: 86px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.glyphicon-pencil{ padding-right: 5px; font-size: 14px; color: #235280;}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
/*


/*-------------------------------------
	Style input for site web
---------------------------------------*/
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"],input[type="file"], input[type="text"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	font-size: 1em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #ccc;
	color: rgba(0, 0, 0, 0.85);
	outline: 0;
	text-indent: 0px;
	height: 24px;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	padding-top: 2px;
	box-sizing: border-box;
	font-size:1em;
	margin-top:3px;
}
textarea, input[type="checkbox"] {
	vertical-align: top;
}
textarea {
	resize: none;
	height: 150px;
	padding-top: 5px;
}


input:read-only { 
    background-color: transparent;
}
input.input_date{ width:80px; padding-right: 5px;}
input.input_pourcentage{ width: 60px; text-align: right; padding-right: 7px;}
input.input_monais{ text-align: right; padding-right: 7px; width:120px;}
input.input_monais_facture{ text-align: right; padding-right: 7px;}
#page_ecriture_form  {
	margin-top:-5px;
	margin-bottom: 5px;
}
#page_ecriture_form textarea {
   resize: auto;
   height: 24px;
}
/*-------------------------------------
	Style input for focus
--------------------------------------*/
textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus {
	outline: 0;
	background-color: transparent;
	border: 1px solid #4393bd;
	box-shadow: 0 0 2px #4393bd;
	-o-box-shadow: 0 0 2px #4393bd;
	-webkit-box-shadow: 0 0 2px #4393bd;
	-moz-box-shadow: 0 0 2px #4393bd;
}
input:read-only:focus { 
    background-color:#eee;
	border: 1px solid #ccc;
	box-shadow:none;
}
input[readonly] {
	background-color: #efefef;
}
textarea[readonly] {
	background: transparent;
	border: 1px solid #ccc;
	box-shadow: none;
}
#page_ecriture_form textarea[readonly] {
	background: #efefef;
	border: 1px solid #ccc;
	box-shadow: none;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 3px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#uploadFile{
  height: 26px;
}
#btn_upload{
  margin-top: 5px;
}
/*--------------------------------------*/
.show{
	display:block;	
}
.hide{
	display:none;	
}
.visible{
	visibility:visible;	
}
.no-visible{
	visibility:hidden;	
}
.mobile{ display: none;}
.desktop{ display: block;}
/*-------------------------------------
	Style label left and top
---------------------------------------*/
/* label left*/

.form_lb_left .lb, .form_lb_left .lb_check {
	display: inline-block;
	float: left;
	width: 150px;
	margin-top: 3px;
	clear: both;
}
.form_lb_left .field {
	padding-left: 150px;
}
.form_lb_left .lb_check {
	margin-top: 8px;
}
.lb_small, .lb_check_small {
	width: 110px;
	display: inline-block;
	float: left;
}
.field_small {
	padding-left: 120px;
}
.lb_large {
	width: 220px;
	display: inline-block;
	float: left;
}
.field_large {
	padding-left: 220px;
}
/* label top*/
.form_lb_top .lb, .form_lb_top .lb_check {
	width: 100%;
	min-width: 100px;
	margin-top: 2px;
}
.form_lb_top .lb_check {
	margin-bottom: 5px;
}
.form_lb_top .field {
	padding-left: 0px;
}
.mild {
	vertical-align: bottom;
}
/* label left small */
.form_lb_left .lb_small, .form_lb_left .lb_check_small {
	display: inline-block;
	float: left;
	width: 90px;
	margin-top: 4px;
	clear: both;
}

.form_lb_left .lb_large{
	display: inline-block;
	float: left;
	width: 230px;
	margin-top: 8px;
	clear: both;
}

.form_lb_left .field_small {
	padding-left: 90px;
}
.form_lb_left .field_large {
	padding-left: 230px;
}
.form_lb_left .lb_check_small {
	margin-top: 4px;
}
.form_lb_left .field_check_small {
	margin-top: 3px;
}
/*-------------------------------------
	Style icons for input
--------------------------------------*/

.glyphicon:hover{cursor: pointer;}

input.icon {
	/*On décolle le curseur de la gauche du champ*/
	padding-left: 30px;
	width: calc(100% - 0px);
}
.icon-mail-input:before {
	content: "\e8f9";
	position: absolute;
	color: #aaa;
	font-size: 15px;
	margin: 6px 0px 0px 7px;
}
.icon-pass-input:before {
	content: "\eb3c";
	position: absolute;
	color: #aaa;
	margin: 6px 0px 0px 7px;
}
.icon-search-input:before {
	content: "\ea68";
	position: absolute;
	color: #999;
	margin: 7px 0px 0px 7px;
}
/*-------------------------------------
	Message info
---------------------------------------*/
.messageflash{
	position:absolute;
	left: 50%;
	top: 1px;
	width: 400px;
	margin-left: -200px;
	text-align:center;
	padding:10px 20px 10px 20px;
    z-index: 99999;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 3px 20px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 3px 20px 0px rgba(50, 50, 50, 0.75);
}
.msg_erreur_login{
	position: relative;
    background-color: transparent;
	text-align:left;
    z-index: 99999;
    width:auto;
    color: #999;
}
.info{
	background-color:#7fcef2;
	color:#000;	
	font-weight: 500;
}
.error{
	background-color:#f63c32;
	color:#eee;
	font-weight: 500;		
}
.danger{
	background-color:#f63c32;
	color:#eee;		
}
#msgbox{font-size: 13px; color:#eee; padding: 3px 10px 3px 10px; background-color: red; text-shadow: none;}
/*-------------------------------------
	Table 
---------------------------------------*/
.table-striped tbody tr:hover{ background-color:#e7f0f4; cursor:pointer; }
.table-striped thead { background-color:#fff; }
/*-------------------------------------
	Table  facture
---------------------------------------*/
.table > tbody > tr > .no-line {
    border-top: none;
	background-color:#fff;
}
.table > tbody > tr > .thick-line {
    border-top: 1px solid;
	background-color:#fff;
}
.table > tbody > tr > .thick-line-bottom {
    border-bottom: 1px solid #999;
	border-top: none;
	background-color:#efefef;
}
.table > thead > tr > th {padding: 5px;}
.table  > thead > tr > td{padding: 0px 0px 5px 0px;}
.table  > tbody > tr > td{padding: 5px 5px 4px 5px;}

.line{ 
	border-bottom: 1px solid #ccc;
	border-top: none;
}
.table > tbody > tr > .thick-line:hover, .table > tbody > tr > .no-line:hover, .table > tbody > tr > .thick-line-bottom:hover {
	cursor: text;
}
.table > thead > tr > .border-top {
    border-bottom: 1px solid #ccc;
}
.table > tbody > tr > .no-linehover {
    border-top: none;
	background-color:#fff;
}
.tbl_form_rapport td{
	padding:5px;
	text-align:left;
}
.tbl_form_rapport_banque td{
	padding:5px;
	text-align:left;
	width:100%;
}
.table-responsive{ border:1px solid #ccc;}
.detail-offre > tbody > tr > td, .detail-facture > tbody > tr > td{ padding:6px;}
.detail-offre > th, .detail-facture > th{ padding:1px;}
.nav-tabs li a{
   padding:6px 15px 4px 15px;
}
.nav-tabs  li { margin-left: -3px; border-radius: 0px;}
.nav-tabs  li a { background-color: #eee; border-radius: 0px; color:#000; border:1px solid #ccc; border-bottom: none; color: #444;border-bottom:1px solid #ccc;}
.nav-tabs  li a:hover { background-color: #f8f8f8; border:1px solid #bbb; border-bottom: none;}
.nav-tabs  li:hover { background-color: transparent; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  	 cursor: default;
 	 background-color: #fff;
  	  padding:6px 15px 4px 15px;
	 border-top: 1px solid #ccc;
}
#chose_liste{
	position: relative;;
	margin-top: 6px;
	margin-bottom: 20px;	
	left:0;
}
#chose_rapport{
	position:relative;
	margin-bottom: 20px;
}
#chose_facture{
	position:relative;
	margin-bottom: 20px;
	margin-left: 15px;
}
.table_contact{
	margin-top: 38px;
}
/*-------------------------------------
  parametre facture info paiement 
---------------------------------------*/
.info_paiement_bloc, .info_paiement_electronique{width: 100%;}
.info_paiement_bloc td{padding: 1px 5px 2px 5px; background-color: #dde3e5; vertical-align: middle; position: relative;}
.info_paiement_electronique td{ background-color: #fff1f1; padding: 3px 5px 1px 5px; vertical-align: middle;}

#bvr_image{ background-image: url('/img/bvr.png'); background-position: left top; background-repeat: no-repeat; background-size: 800px; height: 405px; width: 100%; margin-top: 13px;}
.bvr_versement_pour{ background-color: transparent; border: none; font-size: 11px;}
input.numeroAdherent1, input.numeroAdherent2, input.numeroAdherent3{ background-color: transparent;border: none; padding: 0px;}
input.numeroAdherent1{text-align: right; padding-right: 2px;}
input.numeroAdherent2{text-align: left; padding: 0px 2px 0px 2px;}
input.numeroAdherent3{text-align: left;}
input#numeroAdherent2{text-align: right; padding-right: 4px}

/*-------------------------------------
	Table  scroll
---------------------------------------*/
.tb_title{
	font-size:13px;	
}
.div_tb_normal{
	width:100%;
	border: 1px solid #ddd;
	border-top:none;
	overflow-y:auto;
	overflow-x:auto;
	margin-top:-10px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.div_tb_suivi{
	width:100%;
	border-top:none;
	height:400px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:-1px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.tb_normal{
	width:100%;
	background-color:#fff;
	margin-bottom: 10px;
}
.tb_normal th{
    background-color: #dde3e5;
    padding:5px 6px 4px 6px;
    border-bottom:none;
    font-weight:400;
    color: #000;
    
}
.tb_normal.variable td{
	font-size: 11px;
}
.tb_normal_footer {
	background-color: #dde3e5;
    padding:5px 6px 4px 6px;
    font-weight:400;
    color: #000;
    width: 100%;
}
.tb_normal_footer th{
	background-color: #dde3e5;
    padding:5px 6px 4px 6px;
    font-weight:400;
    color: #000;
}
.tb_normal td{
	padding:6px 6px 6px 6px;
	vertical-align: top;
}
.tb_normal tr:nth-child(2n+2){
	background-color: #f8f8f8;
}
.tb_normal tr:hover {
	background-color: #e7f0f4;
	cursor: pointer;
}
.tb_normal.no-hover tr:hover{background-color:#e7f0f4; cursor:default;}
.tb_facture{width: 100%; margin-top: 5px; margin-bottom: 5px;}
.tb_facture td{vertical-align: top;}
.tb_totaux{width: 100%; margin-top:-10px;}
.tb_totaux td {padding: 5px 5px 4px 5px;}

.tb_panel{ width:100%;}
.tb_panel th{
	background-color: #e7f0f4;
    padding:5px 6px 5px 6px;
    border-bottom:none;
    font-weight:normal;
	
}

.tb_head{ background-color:#fff; width: 100%;}
.tb_head th{ padding:4px 6px 4px 6px; background-color: #fff; font-weight: normal;}
.tb_head td{ padding:4px 6px 4px 0px;}

/*-------------------------------------
	navbar facture
---------------------------------------*/

.navbar-collapse{ padding-left: 30px;}

.navbar-my {min-height:40px; box-shadow:none;padding-right: 0px; border-radius: 0px; margin-bottom: 0px; background-color: #2a3542; z-index: 999; border-bottom:2px solid green;}
.navbar-my .navbar-brand{font-size: 18px; font-weight: 400; color:red;}
.navbar-my .navbar-brand,
.navbar-my .navbar-nav>li>a {padding-top:10px; padding-bottom:10px; color:#ccc; box-shadow:none;} 
.navbar-my .navbar-brand {height: 40px; padding-left: 15px;}  
.navbar-my .navbar-brand:hover{color:#aaa;}
.navbar-my .navbar-brand{color:#aaa;}
.navbar-my .navbar-toggle {margin: 2px 20px 2px 0px;}
.navbar-my .navbar-toggle .icon-bar {width: 40px; background-color: red;}
.navbar-my .navbar-nav>li>a{ color: #bbb;}
.navbar-my .navbar-nav>li>a.activer{ background-color:#222; color: #fff;}
.navbar-my .navbar-nav>li:hover{ background-color:#000; color: #ccc;}
.navbar-collapse{padding: 0px;}
.navbar-my .active{background-color: #000; color: #fff;}
.navbar-my .active a{background-color: #000; color: #fff;}

.navbar-my .navbar-nav >  .open > a,
.navbar-my .navbar-nav > .open > a:hover,
.navbar-my .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #000;
}
.opensubnav{background-color: #eee;}

/* Create a medium height at 40px */
.navbar-ml{ background-color: #dde3e5;border-color:#dde3e5; border-radius: 0px; margin-top: 1px; margin-bottom: 15px; z-index:998;}
.navbar-ml {min-height:27px; box-shadow:none;}
.navbar-ml .navbar-brand {height: 27px;color: #000;  padding:4px 4px 4px 15px; font-size:14px;} 
.navbar-ml .navbar-brand:hover{color:#000; background-color: #dde3e5; text-decoration: none;cursor: default;}
.navbar-ml .navbar-brand a{color:#000;}
.navbar-ml .navbar-nav>li>a {padding-top:4px; padding-bottom:4px; color: #000;background-color: transparent;}
.navbar-ml .navbar-nav>li>a:hover {background-color: #f8f8f8;}
.navbar-ml .navbar-nav>li {padding :0px 0px 0px 0px; border-left: 1px solid #bbb; text-align: center}
.navbar-ml .navbar-toggle {margin: -1px 11px -1px 0px;}
.navbar-ml .navbar-toggle .icon-bar {width:40px; background-color: black;}  
.navbar-ml .navbar-toggle {margin-right: 22px;}

.dropdown-menu li a{ font-size:13px; padding:5px 10px 5px 13px; color: #333;}
.dropdown-menu{background-color: #fff;}

.dropdown-submenu li:hover{ background-color: red; color:red; }

.activer{ background-color:#555; color:#fff;}
.activer a{ background-color:#555; color:#fff;}
.surbrillance{
	background-color:#e7f0f4;
	color:#333;
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: 0px;
/*    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;*/
}
.dropdown-submenu>.dropdown-menu li a {
    padding-right:8px;
  }
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;  
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
   /* -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;*/
}
/*---------------------------------------*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

input.inputSurbrillanceBorder, textarea.inputSurbrillanceBorder{
	color:red;
}
#suivi_result {
   position: absolute;
   z-index: 9999999;
   margin-left:0px;
   margin-top:2px;
   background-color: #fbfbfb; 
   padding: 0px;
   border: 1px solid #4393bd;
   border-top:none; 
   max-height: 300px;
   width: 78%;
    overflow:hidden;
   overflow-y: scroll;
}
#service_result {
   position: absolute;
   z-index: 9999999;
   margin-left:0px;
   margin-top:32px;
   background-color: #fbfbfb; 
   padding: 0px;
   border: 1px solid #4393bd;
   border-top:none; 
   max-height: 400px;
   width: 85.5%;
   overflow:hidden;
   overflow-y: scroll;

}
#service_result  li, #suivi_result  li {
   list-style: none;
   padding: 5px 15px 5px 15px;
   border-bottom:1px solid #efefef;
}
#service_result li.hover, #suivi_result li.hover{
   background-color: #e7f0f4;
  cursor: pointer;
}
.messagebox{
 width:auto;
 margin-left:0px;
 margin-top:-55px;
 border:1px solid #c93;
 background:#ffc;
 padding:5px 10px;
}
.dispo{

 width:auto;
 margin-left:0px;
 margin-top:-55px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:5px 10px;
 color:#008000;
}
.busy{
 width:auto;
 margin-left:0px;
 margin-top:-55px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:5px 10px;
 color:#CC0000;
}
input {padding: 5px 10px;}
 /*-----------------test css */
 @-moz-keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.div_form{
	float: left;
}
#load{
   width:100%;
   height:100%;
   min-height: 100%;
   position:absolute;
   z-index:999999999999;
   text-align:center;
   vertical-align: middle ;
   /*background-image: url('/img/spin7.gif') no-repeat center center fixed;*/
   /*background-color: rgba(255, 255, 255, 0.1);*/
   }
  .spinner_atome{
  	margin-top: 21%;
	margin-left: auto;
	margin-right: auto;
  } 
.@keyframes spinner {
    to {transform: rotate(360deg);}
}
@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);}
}
.spinner {
    min-width: 26px;
    min-height: 26px;
}
.spinner:before {
    content: 'Traitement en cours...';
    position: absolute;
    top: 37%;
    left: 47%;
    width: 40px;
    height: 40px;
}
.spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, .3);
    border-top-color: rgba(0, 0, 0, .9);
    animation: spinner .4s linear infinite;
    -webkit-animation: spinner .4s linear infinite;
}
.contenu_news{
	border: 1px solid #eee;
	background-color:#f5f5f5;
	width:100%;
	margin-top:20px;
}