/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/*                                                                                     */
/*                                    CSS de l'appli                                   */
/*                                                                                     */
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {


.zone_backup {
	height:370px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #4165d2;
	padding:5px;
	border-radius:4px;
}


.list_backdb {
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
	background-color: #a0c1ea;
	color: #008ec2;
	padding: 5px;
	border-radius: 4px;
}

.param_btn {
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
	padding: 5px;	 
  background: linear-gradient(to right,#4165d2,#4e9ce5,#4165d2);
  box-shadow: 0px 6px 6px #727271;
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1) ;
}


.param_btn:hover {
	text-align: center;
	padding: 5px;
	background: linear-gradient(to left,#e25904,#f9930c,#e25904);
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1.1) ;
}




.help_loyers {
	
}	


.locataire_footerfiche {

}

.new_body {
	background: linear-gradient(to right,#e25904,#f9930c,#e25904);
	color:#ffffff;
	font-size:22px;padding: 5px;
	padding-bottom: 50px;	
}



.new_top {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(#1b6cb7,#ffffff,#1b6cb7);
	margin-bottom: 50px;
}


.new_top2 {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(to right,#fff,#c6e0ff,#fff);
	margin-bottom: 50px;
}


.new_topet4 {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(to right,#fff,#c6e0ff,#fff);
	margin-bottom: 50px;
	height: 450px;
}

.new_body {
	background: linear-gradient(to right,#e25904,#f9930c,#e25904);
	color:#ffffff;
	font-size:22px;padding: 5px;
	padding-bottom: 10px;"
}



.new_help {
	
}	
	
.img_main6 {
  width: 80%;
}


.navig_deco {
  margin-left:50px;
}



.modal_title {
	background: linear-gradient(to right,#63de42,#279907);
	color:#ffffff;
	font-size: 18px;
	text-shadow: 0px 1px 3px #444444;
}


.modal_body {
	background: linear-gradient(#4e9ce5,#04417a,#99c9f7,#ffffff);
	background: linear-gradient(#4e9ce5,#99c9f7,#99c9f7,#ffffff);
}	

.dw_item {
  cursor: pointer;
  color:#444444;
}

.dw_item:hover {
  background-color: :#ffffff;
  border-radius: 80px;
  color:#4e9ce5;
}



.bgc_b2b2b2 {
	background-color: #e5e9fc;
	background: linear-gradient(to left,#4e9ce5,#ffffff,#4e9ce5);
	color: #000000;
}


.bg_alltitle2 {  
  background: linear-gradient(to right,#39aa19,#63de42,#39aa19);
  box-shadow: 0px 6px 6px #727271;
}  



.block_login {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:120px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 260px;
}  


.item_login {
	color: #4b9bb8;
	font-size: 13px;
}


.mainboard_face {
  margin-top: 0px;
  /*background-color: #4e9ce5;
  background: linear-gradient(to right,#266cad,#80c0fc);*/
}

.mainboard_menu {
  margin-top: 40px;
}  



.item_password {
	color: #2f9ec6;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#093943;
  text-decoration: underline;
}

.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	height: 540px;
}


.locataire_footerfiche {
	
}

.ta_tab {
	text-align: right;
	margin-right: 5px;
	background-color: #ffffff;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 15px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}


.color_blanc {
	color:#ffffff;
}



.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;    
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tab_locataires {
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.item_locataires {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	color:#3b76a1;
	background-color: #ededed;
	height: 36px;
	padding-top: 5px;
}

.item_locataires:hover {
    background-color: #ffffff;    
}	

.item_locatairesminus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #ededed;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
    margin-right: -1x;
}

.item_locatairesminus:hover {
    background-color: #93b7c6;    
    color:#384f5f;
}


.item_locatairesminusend {
	cursor: pointer;
	border: 1px solid #6d6d6d;
	color:#384f5f;
	background-color: #60a7b2;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}


.tab_loc {
	cursor: pointer;
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.tab_loc:hover {
  color:#1d3754;
}


.tab_menu {
	border:1px solid #5e5d5d;
	background-color: #9cc0f9;
	color: #5b5959;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menu:hover {
	background-color: #2f9ec6;
	color: #ffffff;
}	


.tab_menuactive {
	border:1px solid #5e5d5d;
	background-color: #788b9d;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menuactive:hover {
	background-color: #2f9ec6;
	color: #000000;
}	


.zone_location0 {
	border-right: 0px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	

.zone_location1 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	


.zone_location2 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f7f7f7;
	height: 545px;
}	


.zone_location3 {
	border-right: 0px solid #dddddd;
	background-color: #f2efef;
	height: 545px;
}

.zone_location5 {
	border-right: 1px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location6 {
	border-right: 0px dashed #2f9ec6;	
	height: 545px;
}	




.location_title {
	font-size: 15px;
	font-weight: bolder;
	color:#276694;
	background-color: #ffffff;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}


.location_titlebleu {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #3b76a1;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}

.location_titlerouge {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #ff0000;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}

.location_titlevert {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #2dbc64;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}


.item_logement {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;		
}


.item_logement2 {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}


.item_logement3 {
	cursor: pointer;
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
	height: 20px;	
}

.item_logement3:hover {
	color:#093943;
	font-size: 14px;	
}

.item_logement4 {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}

.item_logement5 {
		
}


.item_logementbl {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;		
}

.item_compte {
	margin: 15px 0px 0px 100px;
	font-size: 14px;
	color:#2f9ec6;
	cursor: pointer;
}

.item_compte:hover {
	color:#384f5f;	
}


.fa_del {
	padding-top: 15px;
	cursor: pointer;
	color:#008ec2;
	transform: scale(1);
}


.fa_del:hover {
	color:#d88b32;
	transform: scale(1.3);
}	


.fa_compte {
	margin-left: 0px;
	padding-top: 0px;
	color:#384f5f;
}


.fa_add {
	padding-top: 10px;
	cursor: pointer;
	color:#d88b32;
}	

.fa_add:hover {
	padding-top: 10px;
	cursor: pointer;
	color:#ffffff;
}	


.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.item_telephone {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 42px;
	padding-top: 5px;
}

.item_telephone:hover {
    background-color: #ffffff;    
}	

.item_reglement {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 33px;
	padding-top: 5px;
}




.title_loyer {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 1px dashed #2cb3db;
	cursor: pointer;
}


.title_loyer:hover {
	color:#384f5f;	
}





.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 0px dashed #2cb3db;
}


.cell_loyer {
	background-color:#ffffff;
	padding: 0px;
}




.total_loyers {

}	



.item_loyer {
	text-align:right;
	font-weight: bolder;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}



.fb {
	font-weight: bolder;
}

.item_reglt {
	color:#276694;
	font-size: 15px; 
	text-align:right;
	font-weight: bolder;
	margin-top: 10px;
}	

.item_printbox {
	color:#276694;
	font-size: 14px; 
	text-align:left;
	font-weight: normal;
	margin-top: 10px;
}	




.zone_ticketcourt {
	height:180px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.zone_ticketlong {
	height:425px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.bloc_user {
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top:70px;
	left:1050px;
	background-color: #efefef;
	cursor: pointer;
	z-index: 1;
}	


.fa_flagnav {
	margin-top: 20px;
}



.title_color {
	font-size: 17px;
	color:#384f5f;
	margin:20px 0px;
	border-bottom: 2px solid #f08001;
}


.item_color {
	font-size: 16px;
	font-weight: normal;
	color:#2f9ec6;
	text-align: right;
}





.loyerinfo_bas {
	margin-top: 425px;
	text-align: right;
}	



.loyerinfo_haut {
	margin-top: 105px;
	text-align: right;
}	


.loyertotal_bas {
	 margin-top:395px;
	 text-align: center;
	 font-weight: bolder;
}

.loyertotal_haut {
	 margin-top:75px;
	 text-align: center;
	 font-weight: bolder;
}


.loyer_input {
	border:1px solid #cccccc;
	text-align: center;
}	


.item_moncompte {
  color:#093943;
  font-size: 14px;
  margin-top: 5px;
}

.helpref {
	background-color: #bdbdbd;
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 300px;
	left: 130px;
	height: 350px;
}


.helpref2 {
	
}

.item_ref {
	cursor: pointer;	
	color:#3b76a1;
	background-color: #4e9ce5;
	height: 28px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bolder;
}

.item_ref2 {
	cursor: pointer;	
	color:#212020;
	background-color: #4e9ce5;
	height: 28px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
}





.title_ref {
	color:#5e5e5e;
	font-size: 16px;
	font-weight: normal;		
	text-align: center;
	padding : 10px 20px 10px 20px;
	border-bottom: 2px solid #2f9ec6;
}

.com_check {
	font-size: 15px;
	color: #093943;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

.com_check:hover {
	font-size: 15px;
	color: #2cb3db;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: underline;
}


.meubles_long {
	margin-top:0px;
	height:340px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
}	



.meubles_court {
	margin-top:0px;
	height:130px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
}	


.item_addloc {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: normal;
}


.item_addloc:hover {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: bolder;
}


.item_addloc2 {
	font-size: 15px;
	color:#a09f9f;
	cursor: pointer;
	font-weight: normal;
}

.bg_mainboard {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard:hover {
	border:14px solid #ffffff;
}	


.item_assurances {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #cccccc;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances:hover {
    background-color: #ffffff;    
}	



.item_assurances2 {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #e5e5e5;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances2:hover {
    background-color: #ffffff;    
}	



.item_assurancesfin {
	cursor: pointer;
	border-bottom: 0px solid #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}



.assurances_action {
	height: 70px; 
	background-color: #206982;	
	border:1px solid #dddddd; 
	text-align: center;
	color:#ffffff;
	font-size: 16px;
	border-radius: 4px;
	padding-top: 5px;
	cursor: pointer;
}	

.assurances_action:hover {
	background-color: #198ab7;	
	border:1px solid #dddddd; 	
	border-radius: 8px;
}	

.fa_chevron {
	color:#4ec1f5;
	cursor: pointer;
}

.fa_chevron:hover {
	color:#274fb5;
}


.bg_alltitle {
  border:1px solid #cccccc;
  border-radius: 6px;
  padding: 5px;
  background-color: #ffffff;
  background: linear-gradient(#ffffff,#cccccc);
}  



}



/***************************************************************************************/
/***************************************************************************************/
/*                  XXX-Large devices (larger desktops, 1920px and up)                 */
/***************************************************************************************/
/***************************************************************************************/
@media (min-width: 1920px) {

.item_login {
	color: #c9c7c7;
	font-size: 13px;
}	



.new_top {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(#1b6cb7,#ffffff,#1b6cb7);
}


.new_top2 {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(to right,#fff,#c6e0ff,#fff);
}

.new_body {
	background: linear-gradient(to right,#e25904,#f9930c,#e25904);
	color:#ffffff;
	font-size:22px;padding: 5px;
	padding-bottom: 10px;"
}




.new_help {
	
}	



.block_login {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:280px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 260px;
}  



.item_password {
	color: #2f9ec6;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#093943;
  text-decoration: underline;
}


.mainboard_menu {
  margin-top: 80px;
}  


.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.tab_all {
	margin-top:0px;
	height:80vh;
	overflow-x: hidden;
	overflow-y: scroll;
	background: linear-gradient(to right,#1176d6,#80c0fc);
	border:1px solid #828282;
}	


.bg_alltitle {   
  border:1px solid #cccccc;
  border-radius: 6px;
  padding: 5px;
  background-color: #ffffff;
  background: linear-gradient(#ffffff,#cccccc);
}  



.bg_alltitle2 {  
  background: linear-gradient(to right,#39aa19,#63de42,#39aa19);
  box-shadow: 0px 6px 6px #727271;
}  






.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	height: 540px;
}


.locataire_footerfiche {

}

.ta_tab {
	text-align: right;
	margin-right: 5px;
	background-color: #ffffff;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 5px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}


.color_blanc {
	color:#ffffff;
}



.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}

.color_grisfonce {
  color:#424241;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;    
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tab_locataires {
	border:1px solid #5e5d5d;
	background-color: #4e9ce5;
	background: linear-gradient(#4e9ce5, #1a5e9e);
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.item_locataires {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	color:#3b76a1;
	background-color: #ededed;
	height: 36px;
	padding-top: 5px;
}

.item_locataires:hover {
    background-color: #ffffff;    
}	

.item_locatairesminus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #f2f7fc;
	background: linear-gradient(to right,#80c0fc, #f2f7fc);
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
    margin-right: -1x;
}

.item_locatairesminus:hover {	
    background-color: #4e9ce5;    
    background: linear-gradient(to right,#2eba07,#d6fccc );
    color:#000000;
}


.item_locatairesminusend {
	cursor: pointer;
	border: 1px solid #4e9ce5;
	color:#384f5f;
	background-color: #4ec1f5;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}


.tab_loc {
	cursor: pointer;
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.tab_loc:hover {
  color:#1d3754;
}


.tab_menu {
	border:1px solid #5e5d5d;
	background-color: #9cc0f9;	
	background: linear-gradient(to left,#41af23,#63de42,#41af23);
	color: #5b5959;
	color:#ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menu:hover {
	background-color: #2f9ec6;
	color: #ffffff;		
	background: linear-gradient(to left,#63de42,#41af23);
	color: #5b5959;	
}	


.tab_menuactive {
	border:1px solid #5e5d5d;
	background-color: #788b9d;	
	background: linear-gradient(to right,#1176d6,#80c0fc);
	color: #000000;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menuactive:hover {
	background-color: #2f9ec6;
	color: #000000;
	background: linear-gradient(to left,#1176d6,#80c0fc);
}	


.zone_location0 {
	border-right: 0px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	

.zone_location1 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	


.zone_location2 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f7f7f7;
	height: 545px;
}	


.zone_location3 {
	border-right: 0px solid #dddddd;
	background-color: #f2efef;
	height: 545px;
}

.zone_location5 {
	border-right: 1px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location6 {
	border-right: 0px dashed #2f9ec6;	
	height: 545px;
}	




.location_title {
	font-size: 15px;
	font-weight: bolder;
	color:#276694;
	background-color: #ffffff;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}


.location_titlebleu {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #3b76a1;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}

.location_titlerouge {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #ff0000;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}

.location_titlevert {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #2dbc64;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}


.item_logement {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;		
}


.item_logement2 {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}


.item_logement3 {
	cursor: pointer;
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
	height: 20px;	
}

.item_logement3:hover {
	color:#093943;
	font-size: 14px;	
}

.item_logement4 {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}

.item_logement5 {
	
}


.item_logementbl {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;		
}

.item_compte {
	margin: 15px 0px 0px 100px;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	text-decoration: none;
}

.item_compte:hover {
	color:#384f5f;	
	text-decoration: underline;
}

.fa_compte {
	margin-left: 0px;
	padding-top: 0px;
	color:#384f5f;
}


.fa_add {
	padding-top: 10px;
	cursor: pointer;
	color:#d88b32;
}	

.fa_add:hover {
	padding-top: 10px;
	cursor: pointer;
	color:#ffffff;
}	


.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.item_telephone {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 42px;
	padding-top: 5px;
}

.item_telephone:hover {
    background-color: #ffffff;    
}	

.item_reglement {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	background: linear-gradient(to right,#7bbbf7,#d4f0fc);
	height: 42px;
	padding-top: 5px;
}




.title_loyer {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 1px dashed #2cb3db;
	cursor: pointer;
}


.title_loyer:hover {
	color:#384f5f;	
}





.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 0px dashed #2cb3db;
}


.cell_loyer {
	background-color:#ffffff;
	padding: 0px;
}






.item_loyer {
	text-align:right;
	font-weight: bolder;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}



.fb {
	font-weight: bolder;
}

.item_reglt {
	color:#276694;
	font-size: 15px; 
	text-align:right;
	font-weight: bolder;
	margin-top: 10px;
}	

.item_printbox {
	color:#276694;
	font-size: 14px; 
	text-align:left;
	font-weight: normal;
	margin-top: 10px;
}	




.btn_papiers2 {	
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
}

.btn_papiers2:hover {
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;  
    transform: scale(0.9) rotate(0.01turn);
}

.item_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #384f5f;
	color:#3b76a1;
	background-color: #ffffff;
	height: 27px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.item_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	

.mainboard_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #ee1084;
	color:#3b76a1;
	background-color: transparent;
	height: 22px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.mainboard_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	


.zone_ticketcourt {
	height:180px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.zone_ticketlong {
	height:425px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.bloc_user {
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top:70px;
	left:1180px;
	background-color: #efefef;
	background: linear-gradient(to left,#4e9ce5,#0f5faa);
	cursor: pointer;
	z-index: 1;
}	


.fa_flagnav {
	margin-top: 20px;
}



.title_color {
	font-size: 17px;
	color:#384f5f;
	margin:20px 0px;
	border-bottom: 2px solid #f08001;
}


.item_color {
	font-size: 16px;
	font-weight: normal;
	color:#2f9ec6;
	text-align: right;
}





.loyerinfo_bas {
	margin-top: 425px;
	text-align: right;
}	



.loyerinfo_haut {
	margin-top: 105px;
	text-align: right;
}	


.loyertotal_bas {
	 margin-top:395px;
	 text-align: center;
	 font-weight: bolder;
}

.loyertotal_haut {
	 margin-top:75px;
	 text-align: center;
	 font-weight: bolder;
}


.loyer_input {
	border:1px solid #cccccc;
	text-align: center;
}	


.item_moncompte {
  color:#093943;
  font-size: 14px;
  margin-top: 5px;
}

.helpref {
	background-color: #bdbdbd;
	background: linear-gradient(#0d344f,#0378c6);
	border:1px solid #1c6688;
	color:#ffffff;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 300px;
	left: 130px;
	height: 350px;
}


.helpref2 {
	
}

.item_ref {
	cursor: pointer;	
	color:#ffffff;
	background-color: transparent;
	height: 28px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bolder;
}

.item_ref2 {
	cursor: pointer;	
	color:#ffffff;
	background-color: transparent;
	height: 28px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
}





.title_ref {
	color:#f72018;
	font-size: 16px;
	font-weight: normal;		
	text-align: center;
	padding : 10px 20px 10px 20px;
	border-bottom: 2px solid #2f9ec6;
	background-color: #ffffff;
	padding: 5px ;
	border-radius: 6px;
}

.com_check {
	font-size: 15px;
	color: #093943;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

.com_check:hover {
	font-size: 15px;
	color: #2cb3db;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: underline;
}


.meubles_long {
	margin-top:0px;
	height:340px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	



.meubles_court {
	margin-top:0px;
	height:130px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	


.item_addloc {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: normal;
}


.item_addloc:hover {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: bolder;
}


.item_addloc2 {
	font-size: 15px;
	color:#a09f9f;
	cursor: pointer;
	font-weight: normal;
}

.bg_mainboardold {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard:hover {
	border:14px solid #ffffff;
}	


.item_assurances {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #cccccc;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances:hover {
    background-color: #ffffff;    
}	



.item_assurances2 {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #e5e5e5;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances2:hover {
    background-color: #ffffff;    
}	



.item_assurancesfin {
	cursor: pointer;
	border-bottom: 0px solid #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}



.assurances_action {
	height: 70px; 
	background-color: #206982;	
	background: linear-gradient(to left,#63de42,#41af23,#63de42);
	border:1px solid #dddddd; 
	text-align: center;
	color:#ffffff;
	font-size: 16px;
	border-radius: 4px;
	padding-top: 5px;
	cursor: pointer;
}	

.assurances_action:hover {
	background-color: #198ab7;	
	background: linear-gradient(to right,#41af23,#63de42,#41af23);
	border:1px solid #384f5f; 	
	color:#2372bc;
	border-radius: 4px;
}	

.fa_chevron {
	color:#4ec1f5;
	cursor: pointer;
}

.fa_chevron:hover {
	color:#274fb5;
}


.new_top {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(#1b6cb7,#ffffff,#1b6cb7);
}


.new_top2 {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(to right,#fff,#c6e0ff,#fff);
}

.new_body {
	background: linear-gradient(to right,#e25904,#f9930c,#e25904);
	color:#ffffff;
	font-size:22px;padding: 5px;
	padding-bottom: 10px;"
}




.new_help {
	
}	


.modal_title2 {
	background: linear-gradient(#279907,#fff);
}




.modal_title {
	background: linear-gradient(to right,#63de42,#279907);
	color:#ffffff;
	font-size: 18px;
	text-shadow: 0px 1px 3px #444444;
}


.modal_body {
	background: linear-gradient(#4e9ce5,#04417a,#99c9f7,#ffffff);
	background: linear-gradient(#4e9ce5,#99c9f7,#99c9f7,#ffffff);
}	

.dw_item {
  cursor: pointer;
  color:#444444;
}

.dw_item:hover {
  background-color: :#ffffff;
  border-radius: 80px;
  color:#4e9ce5;
}


}


/***************************************************************************************/
/***************************************************************************************/
/*                    X-Large devices (large desktops, 1200px and up)                  */
/***************************************************************************************/
/***************************************************************************************/

@media (min-width: 1200px) {




}


/***************************************************************************************/
/***************************************************************************************/
/*                  XX-Large devices (larger desktops, 1400px and up)                  */
/***************************************************************************************/
/***************************************************************************************/
@media (min-width: 1400px) {
	
.navig_deco {
  margin-left:50px;
}


.bgc_b2b2b2 {
	background-color: #e5e9fc;
	background: linear-gradient(to left,#4e9ce5,#ffffff,#4e9ce5);
	color: #000000;
}


.block_login {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:220px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 260px;
}  


.item_login {
	color: #4b9bb8;
	font-size: 13px;
}


.mainboard_face {
  margin-top: 0px;
  /*background-color: #4e9ce5;
  background: linear-gradient(to right,#266cad,#80c0fc);*/
}

.mainboard_menu {
  margin-top: 40px;
}  



.item_password {
	color: #2f9ec6;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#093943;
  text-decoration: underline;
}

.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	height: 540px;
}


.locataire_footerfiche {
	
}

.ta_tab {
	text-align: right;
	margin-right: 5px;
	background-color: #ffffff;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 5px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}


.color_blanc {
	color:#ffffff;
}



.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;    
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tab_locataires {
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.item_locataires {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	color:#3b76a1;
	background-color: #ededed;
	height: 36px;
	padding-top: 5px;
}

.item_locataires:hover {
    background-color: #ffffff;    
}	

.item_locatairesminus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #ededed;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
    margin-right: -1x;
}

.item_locatairesminus:hover {
    background-color: #93b7c6;    
    color:#384f5f;
}


.item_locatairesminusend {
	cursor: pointer;
	border: 1px solid #6d6d6d;
	color:#384f5f;
	background-color: #60a7b2;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}


.tab_loc {
	cursor: pointer;
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.tab_loc:hover {
  color:#1d3754;
}


.tab_menu {
	border:1px solid #5e5d5d;
	background-color: #9cc0f9;
	color: #5b5959;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menu:hover {
	background-color: #2f9ec6;
	color: #ffffff;
}	


.tab_menuactive {
	border:1px solid #5e5d5d;
	background-color: #788b9d;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menuactive:hover {
	background-color: #2f9ec6;
	color: #000000;
}	


.zone_location0 {
	border-right: 0px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	

.zone_location1 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	


.zone_location2 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f7f7f7;
	height: 545px;
}	


.zone_location3 {
	border-right: 0px solid #dddddd;
	background-color: #f2efef;
	height: 545px;
}

.zone_location5 {
	border-right: 1px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location6 {
	border-right: 0px dashed #2f9ec6;	
	height: 545px;
}	




.location_title {
	font-size: 15px;
	font-weight: bolder;
	color:#276694;
	background-color: #ffffff;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}


.location_titlebleu {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #3b76a1;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}

.location_titlerouge {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #ff0000;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}

.location_titlevert {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #2dbc64;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}


.item_logement {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;		
}


.item_logement2 {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}


.item_logement3 {
	cursor: pointer;
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
	height: 20px;	
}

.item_logement3:hover {
	color:#093943;
	font-size: 14px;	
}

.item_logement4 {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}

.item_logement5 {
	
}


.item_logementbl {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;		
}

.item_compte {
	margin: 15px 0px 0px 100px;
	font-size: 14px;
	color:#2f9ec6;
	cursor: pointer;
}

.item_compte:hover {
	color:#384f5f;	
}

.fa_compte {
	margin-left: 0px;
	padding-top: 0px;
	color:#384f5f;
}


.fa_add {
	padding-top: 10px;
	cursor: pointer;
	color:#d88b32;
}	

.fa_add:hover {
	padding-top: 10px;
	cursor: pointer;
	color:#ffffff;
}	


.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.item_telephone {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 42px;
	padding-top: 5px;
}

.item_telephone:hover {
    background-color: #ffffff;    
}	

.item_reglement {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 33px;
	padding-top: 5px;
}




.title_loyer {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 1px dashed #2cb3db;
	cursor: pointer;
}


.title_loyer:hover {
	color:#384f5f;	
}





.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 0px dashed #2cb3db;
}


.cell_loyer {
	background-color:#ffffff;
	padding: 0px;
}





.item_loyer {
	text-align:right;
	font-weight: bolder;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}



.fb {
	font-weight: bolder;
}

.item_reglt {
	color:#276694;
	font-size: 15px; 
	text-align:right;
	font-weight: bolder;
	margin-top: 10px;
}	

.item_printbox {
	color:#276694;
	font-size: 14px; 
	text-align:left;
	font-weight: normal;
	margin-top: 10px;
}	





.zone_ticketcourt {
	height:180px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.zone_ticketlong {
	height:425px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.bloc_user {
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top:70px;
	left:1050px;
	background-color: #efefef;
	cursor: pointer;
	z-index: 1;
}	


.fa_flagnav {
	margin-top: 20px;
}



.title_color {
	font-size: 17px;
	color:#384f5f;
	margin:20px 0px;
	border-bottom: 2px solid #f08001;
}


.item_color {
	font-size: 16px;
	font-weight: normal;
	color:#2f9ec6;
	text-align: right;
}





.loyerinfo_bas {
	margin-top: 425px;
	text-align: right;
}	



.loyerinfo_haut {
	margin-top: 105px;
	text-align: right;
}	


.loyertotal_bas {
	 margin-top:395px;
	 text-align: center;
	 font-weight: bolder;
}

.loyertotal_haut {
	 margin-top:75px;
	 text-align: center;
	 font-weight: bolder;
}


.loyer_input {
	border:1px solid #cccccc;
	text-align: center;
}	


.item_moncompte {
  color:#093943;
  font-size: 14px;
  margin-top: 5px;
}

.helpref {
	background-color: #bdbdbd;
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 300px;
	left: 130px;
	height: 350px;
}


.helpref2 {
	background-color: #bdbdbd;
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 250px;
	left: 380px;
	height: 450px;
}

.item_ref {
	cursor: pointer;	
	color:#3b76a1;
	background-color: #bdbdbd;
	height: 28px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bolder;
}

.item_ref2 {
	cursor: pointer;	
	color:#212020;
	background-color: #bdbdbd;
	height: 28px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
}





.title_ref {
	color:#5e5e5e;
	font-size: 16px;
	font-weight: normal;		
	text-align: center;
	padding : 10px 20px 10px 20px;
	border-bottom: 2px solid #2f9ec6;
}

.com_check {
	font-size: 15px;
	color: #093943;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

.com_check:hover {
	font-size: 15px;
	color: #2cb3db;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: underline;
}


.meubles_long {
	margin-top:0px;
	height:340px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
}	



.meubles_court {
	margin-top:0px;
	height:130px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
}	


.item_addloc {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: normal;
}


.item_addloc:hover {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: bolder;
}


.item_addloc2 {
	font-size: 15px;
	color:#a09f9f;
	cursor: pointer;
	font-weight: normal;
}

.bg_mainboard {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard:hover {
	border:14px solid #ffffff;
}	


.item_assurances {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #cccccc;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances:hover {
    background-color: #ffffff;    
}	



.item_assurances2 {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #e5e5e5;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances2:hover {
    background-color: #ffffff;    
}	



.item_assurancesfin {
	cursor: pointer;
	border-bottom: 0px solid #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}



.assurances_action {
	height: 70px; 
	background-color: #206982;	
	border:1px solid #dddddd; 
	text-align: center;
	color:#ffffff;
	font-size: 16px;
	border-radius: 4px;
	padding-top: 5px;
	cursor: pointer;
}	

.assurances_action:hover {
	background-color: #198ab7;	
	border:1px solid #dddddd; 	
	border-radius: 8px;
}	

.fa_chevron {
	color:#4ec1f5;
	cursor: pointer;
}

.fa_chevron:hover {
	color:#274fb5;
}


}



/***************************************************************************************/
/***************************************************************************************/
/*                  XXX-Large devices (larger desktops, 1920px and up)                 */
/***************************************************************************************/
/***************************************************************************************/
@media (min-width: 1920px) {

.item_login {
	color: #c9c7c7;
	font-size: 13px;
}	



.block_login {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:280px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 260px;
}  



.item_password {
	color: #2f9ec6;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#093943;
  text-decoration: underline;
}


.mainboard_menu {
  margin-top: 80px;
}  


.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.tab_all {
	margin-top:0px;
	height:550px;
	overflow-x: hidden;
	overflow-y: scroll;
	background: linear-gradient(to right,#1176d6,#80c0fc);
	border:1px solid #828282;
}	


.bg_alltitle {   
  border:1px solid #cccccc;
  border-radius: 6px;
  padding: 5px;
  background-color: #ffffff;
  background: linear-gradient(#ffffff,#cccccc);
}  



.bg_alltitle2 {  
  background: linear-gradient(to right,#39aa19,#63de42,#39aa19);
  box-shadow: 0px 6px 6px #727271;
}  




.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	height: 540px;
}


.locataire_footerfiche {
	
}

.ta_tab {
	text-align: right;
	margin-right: 5px;
	background-color: #ffffff;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 5px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}


.color_blanc {
	color:#ffffff;
}



.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}

.color_grisfonce {
  color:#424241;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;    
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tab_locataires {
	border:1px solid #5e5d5d;
	background-color: #4e9ce5;
	background: linear-gradient(#4e9ce5, #1a5e9e);
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.item_locataires {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	color:#3b76a1;
	background-color: #ededed;
	height: 36px;
	padding-top: 5px;
}

.item_locataires:hover {
    background-color: #ffffff;    
}	

.item_locatairesminus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #f2f7fc;
	background: linear-gradient(to right,#80c0fc, #f2f7fc);
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
    margin-right: -1x;
}

.item_locatairesminus:hover {	
    background-color: #4e9ce5;    
    background: linear-gradient(to right,#2eba07,#d6fccc );
    color:#000000;
}


.item_locatairesminusend {
	cursor: pointer;
	border: 1px solid #4e9ce5;
	color:#384f5f;
	background-color: #4ec1f5;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}


.tab_loc {
	cursor: pointer;
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.tab_loc:hover {
  color:#1d3754;
}


.tab_menu {
	border:1px solid #5e5d5d;
	background-color: #9cc0f9;	
	background: linear-gradient(to left,#41af23,#63de42,#41af23);
	color: #5b5959;
	color:#ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menu:hover {
	background-color: #2f9ec6;
	color: #ffffff;		
	background: linear-gradient(to left,#63de42,#41af23);
	color: #5b5959;	
}	


.tab_menuactive {
	border:1px solid #5e5d5d;
	background-color: #788b9d;	
	background: linear-gradient(to right,#1176d6,#80c0fc);
	color: #000000;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menuactive:hover {
	background-color: #2f9ec6;
	color: #000000;
	background: linear-gradient(to left,#1176d6,#80c0fc);
}	


.zone_location0 {
	border-right: 0px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	

.zone_location1 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	


.zone_location2 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f7f7f7;
	height: 545px;
}	


.zone_location3 {
	border-right: 0px solid #dddddd;
	background-color: #f2efef;
	height: 545px;
}

.zone_location5 {
	border-right: 1px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location6 {
	border-right: 0px dashed #2f9ec6;	
	height: 545px;
}	




.location_title {
	font-size: 15px;
	font-weight: bolder;
	color:#276694;
	background-color: #ffffff;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}


.location_titlebleu {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #3b76a1;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}

.location_titlerouge {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #ff0000;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}

.location_titlevert {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #2dbc64;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}


.item_logement {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;		
}


.item_logement2 {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}


.item_logement3 {
	cursor: pointer;
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
	height: 20px;	
}

.item_logement3:hover {
	color:#093943;
	font-size: 14px;	
}

.item_logement4 {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}

.item_logement5 {
	
}


.item_logementbl {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;		
}

.item_compte {
	margin: 15px 0px 0px 100px;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	text-decoration: none;
}

.item_compte:hover {
	color:#384f5f;	
	text-decoration: underline;
}

.fa_compte {
	margin-left: 0px;
	padding-top: 0px;
	color:#384f5f;
}


.fa_add {
	padding-top: 10px;
	cursor: pointer;
	color:#d88b32;
}	

.fa_add:hover {
	padding-top: 10px;
	cursor: pointer;
	color:#ffffff;
}	


.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.item_telephone {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 42px;
	padding-top: 5px;
}

.item_telephone:hover {
    background-color: #ffffff;    
}	

.item_reglement {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	background: linear-gradient(to right,#7bbbf7,#d4f0fc);
	height: 42px;
	padding-top: 5px;
}




.title_loyer {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 1px dashed #2cb3db;
	cursor: pointer;
}


.title_loyer:hover {
	color:#384f5f;	
}





.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 0px dashed #2cb3db;
}


.cell_loyer {
	background-color:#ffffff;
	padding: 0px;
}






.item_loyer {
	text-align:right;
	font-weight: bolder;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}



.fb {
	font-weight: bolder;
}

.item_reglt {
	color:#276694;
	font-size: 15px; 
	text-align:right;
	font-weight: bolder;
	margin-top: 10px;
}	

.item_printbox {
	color:#276694;
	font-size: 14px; 
	text-align:left;
	font-weight: normal;
	margin-top: 10px;
}	




.btn_papiers2 {	
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
}

.btn_papiers2:hover {
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;  
    transform: scale(0.9) rotate(0.01turn);
}

.item_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #384f5f;
	color:#3b76a1;
	background-color: #ffffff;
	height: 27px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.item_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	

.mainboard_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #ee1084;
	color:#3b76a1;
	background-color: transparent;
	height: 22px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.mainboard_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	


.zone_ticketcourt {
	height:180px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.zone_ticketlong {
	height:425px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.bloc_user {
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top:70px;
	left:1180px;
	background-color: #efefef;
	background: linear-gradient(to left,#4e9ce5,#0f5faa);
	cursor: pointer;
	z-index: 1;
}	


.fa_flagnav {
	margin-top: 20px;
}



.title_color {
	font-size: 17px;
	color:#384f5f;
	margin:20px 0px;
	border-bottom: 2px solid #f08001;
}


.item_color {
	font-size: 16px;
	font-weight: normal;
	color:#2f9ec6;
	text-align: right;
}





.loyerinfo_bas {
	margin-top: 425px;
	text-align: right;
}	



.loyerinfo_haut {
	margin-top: 105px;
	text-align: right;
}	


.loyertotal_bas {
	 margin-top:395px;
	 text-align: center;
	 font-weight: bolder;
}

.loyertotal_haut {
	 margin-top:75px;
	 text-align: center;
	 font-weight: bolder;
}


.loyer_input {
	border:1px solid #cccccc;
	text-align: center;
}	


.item_moncompte {
  color:#093943;
  font-size: 14px;
  margin-top: 5px;
}

.helpref {
	background-color: #bdbdbd;
	background: linear-gradient(#0d344f,#0378c6);
	border:1px solid #1c6688;
	color:#ffffff;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 300px;
	left: 130px;
	height: 350px;
}


.helpref2 {
	
}

.item_ref {
	cursor: pointer;	
	color:#ffffff;
	background-color: transparent;
	height: 28px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bolder;
}

.item_ref2 {
	cursor: pointer;	
	color:#ffffff;
	background-color: transparent;
	height: 28px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
}





.title_ref {
	color:#f72018;
	font-size: 16px;
	font-weight: normal;		
	text-align: center;
	padding : 10px 20px 10px 20px;
	border-bottom: 2px solid #2f9ec6;
	background-color: #ffffff;
	padding: 5px ;
	border-radius: 6px;
}

.com_check {
	font-size: 15px;
	color: #093943;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

.com_check:hover {
	font-size: 15px;
	color: #2cb3db;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: underline;
}


.meubles_long {
	margin-top:0px;
	height:340px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	



.meubles_court {
	margin-top:0px;
	height:130px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	


.item_addloc {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: normal;
}


.item_addloc:hover {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: bolder;
}


.item_addloc2 {
	font-size: 15px;
	color:#a09f9f;
	cursor: pointer;
	font-weight: normal;
}

.bg_mainboardold {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard:hover {
	border:14px solid #ffffff;
}	


.item_assurances {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #cccccc;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances:hover {
    background-color: #ffffff;    
}	



.item_assurances2 {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #e5e5e5;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances2:hover {
    background-color: #ffffff;    
}	



.item_assurancesfin {
	cursor: pointer;
	border-bottom: 0px solid #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}



.assurances_action {
	height: 70px; 
	background-color: #206982;	
	background: linear-gradient(to left,#63de42,#41af23,#63de42);
	border:1px solid #dddddd; 
	text-align: center;
	color:#ffffff;
	font-size: 16px;
	border-radius: 4px;
	padding-top: 5px;
	cursor: pointer;
}	

.assurances_action:hover {
	background-color: #198ab7;	
	background: linear-gradient(to right,#41af23,#63de42,#41af23);
	border:1px solid #384f5f; 	
	color:#2372bc;
	border-radius: 4px;
}	

.fa_chevron {
	color:#4ec1f5;
	cursor: pointer;
}

.fa_chevron:hover {
	color:#274fb5;
}


.new_top {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(#1b6cb7,#ffffff,#1b6cb7);
}


.new_top2 {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(to right,#fff,#c6e0ff,#fff);
}

.new_body {
	background: linear-gradient(to right,#e25904,#f9930c,#e25904);
	color:#ffffff;
	font-size:22px;padding: 5px;
	padding-bottom: 10px;"
}




.new_help {
	
}	


.modal_title2 {
	background: linear-gradient(#279907,#fff);
}




.modal_title {
	background: linear-gradient(to right,#63de42,#279907);
	color:#ffffff;
	font-size: 18px;
	text-shadow: 0px 1px 3px #444444;
}


.modal_body {
	background: linear-gradient(#4e9ce5,#04417a,#99c9f7,#ffffff);
	background: linear-gradient(#4e9ce5,#99c9f7,#99c9f7,#ffffff);
}	

.dw_item {
  cursor: pointer;
  color:#444444;
}

.dw_item:hover {
  background-color: :#ffffff;
  border-radius: 80px;
  color:#4e9ce5;
}




}


/***************************************************************************************/
/***************************************************************************************/
/*                  XX-Large devices (larger desktops, 1400px and up)                  */
/***************************************************************************************/
/***************************************************************************************/
@media (min-width: 1400px) {
	
.navig_deco {
  margin-left:50px;
}


.bgc_b2b2b2 {
	background-color: #e5e9fc;
	background: linear-gradient(to left,#4e9ce5,#ffffff,#4e9ce5);
	color: #000000;
}


.block_login {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:220px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 260px;
}  


.item_login {
	color: #4b9bb8;
	font-size: 13px;
}


.mainboard_face {
  margin-top: 0px;
  /*background-color: #4e9ce5;
  background: linear-gradient(to right,#266cad,#80c0fc);*/
}

.mainboard_menu {
  margin-top: 40px;
}  



.item_password {
	color: #2f9ec6;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#093943;
  text-decoration: underline;
}

.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	height: 540px;
}


.locataire_footerfiche {
	
}

.ta_tab {
	text-align: right;
	margin-right: 5px;
	background-color: #ffffff;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 5px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}


.color_blanc {
	color:#ffffff;
}



.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;    
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tab_locataires {
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.item_locataires {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	color:#3b76a1;
	background-color: #ededed;
	height: 36px;
	padding-top: 5px;
}

.item_locataires:hover {
    background-color: #ffffff;    
}	

.item_locatairesminus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #ededed;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
    margin-right: -1x;
}

.item_locatairesminus:hover {
    background-color: #93b7c6;    
    color:#384f5f;
}


.item_locatairesminusend {
	cursor: pointer;
	border: 1px solid #6d6d6d;
	color:#384f5f;
	background-color: #60a7b2;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}


.tab_loc {
	cursor: pointer;
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.tab_loc:hover {
  color:#1d3754;
}


.tab_menu {
	border:1px solid #5e5d5d;
	background-color: #9cc0f9;
	color: #5b5959;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menu:hover {
	background-color: #2f9ec6;
	color: #ffffff;
}	


.tab_menuactive {
	border:1px solid #5e5d5d;
	background-color: #788b9d;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menuactive:hover {
	background-color: #2f9ec6;
	color: #000000;
}	


.zone_location0 {
	border-right: 0px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	

.zone_location1 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	


.zone_location2 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f7f7f7;
	height: 545px;
}	


.zone_location3 {
	border-right: 0px solid #dddddd;
	background-color: #f2efef;
	height: 545px;
}

.zone_location5 {
	border-right: 1px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location6 {
	border-right: 0px dashed #2f9ec6;	
	height: 545px;
}	




.location_title {
	font-size: 15px;
	font-weight: bolder;
	color:#276694;
	background-color: #ffffff;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}


.location_titlebleu {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #3b76a1;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}

.location_titlerouge {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #ff0000;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}

.location_titlevert {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #2dbc64;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}


.item_logement {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;		
}


.item_logement2 {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}


.item_logement3 {
	cursor: pointer;
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
	height: 20px;	
}

.item_logement3:hover {
	color:#093943;
	font-size: 14px;	
}

.item_logement4 {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}

.item_logement5 {
	
}


.item_logementbl {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;		
}

.item_compte {
	margin: 15px 0px 0px 100px;
	font-size: 14px;
	color:#2f9ec6;
	cursor: pointer;
}

.item_compte:hover {
	color:#384f5f;	
}

.fa_compte {
	margin-left: 0px;
	padding-top: 0px;
	color:#384f5f;
}


.fa_add {
	padding-top: 10px;
	cursor: pointer;
	color:#d88b32;
}	

.fa_add:hover {
	padding-top: 10px;
	cursor: pointer;
	color:#ffffff;
}	


.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.item_telephone {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 42px;
	padding-top: 5px;
}

.item_telephone:hover {
    background-color: #ffffff;    
}	

.item_reglement {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 33px;
	padding-top: 5px;
}




.title_loyer {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 1px dashed #2cb3db;
	cursor: pointer;
}


.title_loyer:hover {
	color:#384f5f;	
}





.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 0px dashed #2cb3db;
}


.cell_loyer {
	background-color:#ffffff;
	padding: 0px;
}






.item_loyer {
	text-align:right;
	font-weight: bolder;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}



.fb {
	font-weight: bolder;
}

.item_reglt {
	color:#276694;
	font-size: 15px; 
	text-align:right;
	font-weight: bolder;
	margin-top: 10px;
}	

.item_printbox {
	color:#276694;
	font-size: 14px; 
	text-align:left;
	font-weight: normal;
	margin-top: 10px;
}	




.zone_ticketcourt {
	height:180px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.zone_ticketlong {
	height:425px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.bloc_user {
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top:70px;
	left:1050px;
	background-color: #efefef;
	cursor: pointer;
	z-index: 1;
}	


.fa_flagnav {
	margin-top: 20px;
}



.title_color {
	font-size: 17px;
	color:#384f5f;
	margin:20px 0px;
	border-bottom: 2px solid #f08001;
}


.item_color {
	font-size: 16px;
	font-weight: normal;
	color:#2f9ec6;
	text-align: right;
}





.loyerinfo_bas {
	margin-top: 425px;
	text-align: right;
}	



.loyerinfo_haut {
	margin-top: 105px;
	text-align: right;
}	


.loyertotal_bas {
	 margin-top:395px;
	 text-align: center;
	 font-weight: bolder;
}

.loyertotal_haut {
	 margin-top:75px;
	 text-align: center;
	 font-weight: bolder;
}


.loyer_input {
	border:1px solid #cccccc;
	text-align: center;
}	


.item_moncompte {
  color:#093943;
  font-size: 14px;
  margin-top: 5px;
}

.helpref {
	background-color: #bdbdbd;
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 300px;
	left: 130px;
	height: 350px;
}


.helpref2 {
	
}

.item_ref {
	cursor: pointer;	
	color:#3b76a1;
	background-color: #bdbdbd;
	height: 28px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bolder;
}

.item_ref2 {
	cursor: pointer;	
	color:#212020;
	background-color: #bdbdbd;
	height: 28px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
}





.title_ref {
	color:#5e5e5e;
	font-size: 16px;
	font-weight: normal;		
	text-align: center;
	padding : 10px 20px 10px 20px;
	border-bottom: 2px solid #2f9ec6;
}

.com_check {
	font-size: 15px;
	color: #093943;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

.com_check:hover {
	font-size: 15px;
	color: #2cb3db;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: underline;
}


.meubles_long {
	margin-top:0px;
	height:340px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
}	



.meubles_court {
	margin-top:0px;
	height:130px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
}	


.item_addloc {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: normal;
}


.item_addloc:hover {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: bolder;
}


.item_addloc2 {
	font-size: 15px;
	color:#a09f9f;
	cursor: pointer;
	font-weight: normal;
}

.bg_mainboard {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard:hover {
	border:14px solid #ffffff;
}	


.item_assurances {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #cccccc;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances:hover {
    background-color: #ffffff;    
}	



.item_assurances2 {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #e5e5e5;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances2:hover {
    background-color: #ffffff;    
}	



.item_assurancesfin {
	cursor: pointer;
	border-bottom: 0px solid #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}



.assurances_action {
	height: 70px; 
	background-color: #206982;	
	border:1px solid #dddddd; 
	text-align: center;
	color:#ffffff;
	font-size: 16px;
	border-radius: 4px;
	padding-top: 5px;
	cursor: pointer;
}	

.assurances_action:hover {
	background-color: #198ab7;	
	border:1px solid #dddddd; 	
	border-radius: 8px;
}	

.fa_chevron {
	color:#4ec1f5;
	cursor: pointer;
}

.fa_chevron:hover {
	color:#274fb5;
}


}



/***************************************************************************************/
/***************************************************************************************/
/*                  XXX-Large devices (larger desktops, 1920px and up)                 */
/***************************************************************************************/
/***************************************************************************************/
@media (min-width: 1920px) {

.item_login {
	color: #c9c7c7;
	font-size: 13px;
}	



.block_login {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:280px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 260px;
}  



.item_password {
	color: #2f9ec6;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#093943;
  text-decoration: underline;
}


.mainboard_menu {
  margin-top: 80px;
}  


.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.tab_all {
	margin-top:0px;
	height:80 vh;
	overflow-x: hidden;
	overflow-y: scroll;
	background: linear-gradient(to right,#1176d6,#80c0fc);
	border:1px solid #828282;
}	


.bg_alltitle {
   margin: 0px 20px 0px 20px;
  border:1px solid #cccccc;
  border-radius: 6px;
  padding: 5px;
  background-color: #ffffff;
  background: linear-gradient(#ffffff,#cccccc);
}  



.bg_alltitle2 {  
  background: linear-gradient(to right,#39aa19,#63de42,#39aa19);
  box-shadow: 0px 6px 6px #727271;
}  





.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	height: 540px;
}


.locataire_footerfiche {
	
}

.ta_tab {
	text-align: right;
	margin-right: 5px;
	background-color: #ffffff;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 5px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}


.color_blanc {
	color:#ffffff;
}



.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}

.color_grisfonce {
  color:#424241;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;    
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tab_locataires {
	border:1px solid #5e5d5d;
	background-color: #4e9ce5;
	background: linear-gradient(#4e9ce5, #1a5e9e);
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.item_locataires {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	color:#3b76a1;
	background-color: #ededed;
	height: 36px;
	padding-top: 5px;
}

.item_locataires:hover {
    background-color: #ffffff;    
}	

.item_locatairesminus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #f2f7fc;
	background: linear-gradient(to right,#80c0fc, #f2f7fc);
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
    margin-right: -1x;
}

.item_locatairesminus:hover {	
    background-color: #4e9ce5;    
    background: linear-gradient(to right,#2eba07,#d6fccc );
    color:#000000;
}


.item_locatairesminusend {
	cursor: pointer;
	border: 1px solid #4e9ce5;
	color:#384f5f;
	background-color: #4ec1f5;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}


.tab_loc {
	cursor: pointer;
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.tab_loc:hover {
  color:#1d3754;
}


.tab_menu {
	border:1px solid #5e5d5d;
	background-color: #9cc0f9;	
	background: linear-gradient(to left,#41af23,#63de42,#41af23);
	color: #5b5959;
	color:#ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menu:hover {
	background-color: #2f9ec6;
	color: #ffffff;		
	background: linear-gradient(to left,#63de42,#41af23);
	color: #5b5959;	
}	


.tab_menuactive {
	border:1px solid #5e5d5d;
	background-color: #788b9d;	
	background: linear-gradient(to right,#1176d6,#80c0fc);
	color: #000000;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menuactive:hover {
	background-color: #2f9ec6;
	color: #000000;
	background: linear-gradient(to left,#1176d6,#80c0fc);
}	


.zone_location0 {
	border-right: 0px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	

.zone_location1 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	


.zone_location2 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f7f7f7;
	height: 545px;
}	


.zone_location3 {
	border-right: 0px solid #dddddd;
	background-color: #f2efef;
	height: 545px;
}

.zone_location5 {
	border-right: 1px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location6 {
	border-right: 0px dashed #2f9ec6;	
	height: 545px;
}	




.location_title {
	font-size: 15px;
	font-weight: bolder;
	color:#276694;
	background-color: #ffffff;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}


.location_titlebleu {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #3b76a1;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}

.location_titlerouge {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #ff0000;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}

.location_titlevert {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #2dbc64;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}


.item_logement {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;		
}


.item_logement2 {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}


.item_logement3 {
	cursor: pointer;
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
	height: 20px;	
}

.item_logement3:hover {
	color:#093943;
	font-size: 14px;	
}

.item_logement4 {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}

.item_logement5 {

}


.item_logementbl {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;		
}

.item_compte {
	margin: 15px 0px 0px 100px;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	text-decoration: none;
}

.item_compte:hover {
	color:#384f5f;	
	text-decoration: underline;
}

.fa_compte {
	margin-left: 0px;
	padding-top: 0px;
	color:#384f5f;
}


.fa_add {
	padding-top: 10px;
	cursor: pointer;
	color:#d88b32;
}	

.fa_add:hover {
	padding-top: 10px;
	cursor: pointer;
	color:#ffffff;
}	


.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.item_telephone {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 42px;
	padding-top: 5px;
}

.item_telephone:hover {
    background-color: #ffffff;    
}	

.item_reglement {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	background: linear-gradient(to right,#7bbbf7,#d4f0fc);
	height: 42px;
	padding-top: 5px;
}




.title_loyer {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 1px dashed #2cb3db;
	cursor: pointer;
}


.title_loyer:hover {
	color:#384f5f;	
}





.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 0px dashed #2cb3db;
}


.cell_loyer {
	background-color:#ffffff;
	padding: 0px;
}





.item_loyer {
	text-align:right;
	font-weight: bolder;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}



.fb {
	font-weight: bolder;
}

.item_reglt {
	color:#276694;
	font-size: 15px; 
	text-align:right;
	font-weight: bolder;
	margin-top: 10px;
}	

.item_printbox {
	color:#276694;
	font-size: 14px; 
	text-align:left;
	font-weight: normal;
	margin-top: 10px;
}	




.btn_papiers2 {	
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
}

.btn_papiers2:hover {
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;  
    transform: scale(0.9) rotate(0.01turn);
}

.item_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #384f5f;
	color:#3b76a1;
	background-color: #ffffff;
	height: 27px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.item_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	

.mainboard_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #ee1084;
	color:#3b76a1;
	background-color: transparent;
	height: 22px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.mainboard_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	


.zone_ticketcourt {
	height:180px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.zone_ticketlong {
	height:425px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.bloc_user {
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top:70px;
	left:1180px;
	background-color: #efefef;
	background: linear-gradient(to left,#4e9ce5,#0f5faa);
	cursor: pointer;
	z-index: 1;
}	


.fa_flagnav {
	margin-top: 20px;
}



.title_color {
	font-size: 17px;
	color:#384f5f;
	margin:20px 0px;
	border-bottom: 2px solid #f08001;
}


.item_color {
	font-size: 16px;
	font-weight: normal;
	color:#2f9ec6;
	text-align: right;
}





.loyerinfo_bas {
	margin-top: 425px;
	text-align: right;
}	



.loyerinfo_haut {
	margin-top: 105px;
	text-align: right;
}	


.loyertotal_bas {
	 margin-top:395px;
	 text-align: center;
	 font-weight: bolder;
}

.loyertotal_haut {
	 margin-top:75px;
	 text-align: center;
	 font-weight: bolder;
}


.loyer_input {
	border:1px solid #cccccc;
	text-align: center;
}	


.item_moncompte {
  color:#093943;
  font-size: 14px;
  margin-top: 5px;
}

.helpref {
	background-color: #bdbdbd;
	background: linear-gradient(#0d344f,#0378c6);
	border:1px solid #1c6688;
	color:#ffffff;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 300px;
	left: 130px;
	height: 350px;
}


.helpref2 {
	background-color: #bdbdbd;
	background: linear-gradient(to left,#99073c,#f7334d);
	border:1px solid #1c6688;
	color:#ffffff;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 250px;
	left: 380px;
	height: 450px;
}

.item_ref {
	cursor: pointer;	
	color:#ffffff;
	background-color: transparent;
	height: 28px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bolder;
}

.item_ref2 {
	cursor: pointer;	
	color:#ffffff;
	background-color: transparent;
	height: 28px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
}





.title_ref {
	color:#f72018;
	font-size: 16px;
	font-weight: normal;		
	text-align: center;
	padding : 10px 20px 10px 20px;
	border-bottom: 2px solid #2f9ec6;
	background-color: #ffffff;
	padding: 5px ;
	border-radius: 6px;
}

.com_check {
	font-size: 15px;
	color: #093943;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

.com_check:hover {
	font-size: 15px;
	color: #2cb3db;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: underline;
}


.meubles_long {
	margin-top:0px;
	height:340px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	



.meubles_court {
	margin-top:0px;
	height:130px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	


.item_addloc {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: normal;
}


.item_addloc:hover {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: bolder;
}


.item_addloc2 {
	font-size: 15px;
	color:#a09f9f;
	cursor: pointer;
	font-weight: normal;
}

.bg_mainboardold {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard:hover {
	border:14px solid #ffffff;
}	


.item_assurances {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #cccccc;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances:hover {
    background-color: #ffffff;    
}	



.item_assurances2 {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #e5e5e5;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances2:hover {
    background-color: #ffffff;    
}	



.item_assurancesfin {
	cursor: pointer;
	border-bottom: 0px solid #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}



.assurances_action {
	height: 70px; 
	background-color: #206982;	
	background: linear-gradient(to left,#63de42,#41af23,#63de42);
	border:1px solid #dddddd; 
	text-align: center;
	color:#ffffff;
	font-size: 16px;
	border-radius: 4px;
	padding-top: 5px;
	cursor: pointer;
}	

.assurances_action:hover {
	background-color: #198ab7;	
	background: linear-gradient(to right,#41af23,#63de42,#41af23);
	border:1px solid #384f5f; 	
	color:#2372bc;
	border-radius: 4px;
}	

.fa_chevron {
	color:#4ec1f5;
	cursor: pointer;
}

.fa_chevron:hover {
	color:#274fb5;
}


.new_top {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(#1b6cb7,#ffffff,#1b6cb7);
}


.new_top2 {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(to right,#fff,#c6e0ff,#fff);
}

.new_body {
	background: linear-gradient(to right,#e25904,#f9930c,#e25904);
	color:#ffffff;
	font-size:22px;padding: 5px;
	padding-bottom: 10px;"
}




.new_help {
	
}	


.modal_title2 {
	background: linear-gradient(#279907,#fff);
}




.modal_title {
	background: linear-gradient(to right,#63de42,#279907);
	color:#ffffff;
	font-size: 18px;
	text-shadow: 0px 1px 3px #444444;
}


.modal_body {
	background: linear-gradient(#4e9ce5,#04417a,#99c9f7,#ffffff);
	background: linear-gradient(#4e9ce5,#99c9f7,#99c9f7,#ffffff);
}	

.dw_item {
  cursor: pointer;
  color:#444444;
}

.dw_item:hover {
  background-color: :#ffffff;
  border-radius: 80px;
  color:#4e9ce5;
}


}


/***************************************************************************************/
/***************************************************************************************/
/*                    X-Large devices (large desktops, 1200px and up)                  */
/***************************************************************************************/
/***************************************************************************************/

@media (min-width: 1200px) {





}


/***************************************************************************************/
/***************************************************************************************/
/*                  XX-Large devices (larger desktops, 1400px and up)                  */
/***************************************************************************************/
/***************************************************************************************/
@media (min-width: 1400px) {
	
.navig_deco {
  margin-left:50px;
}


.bgc_b2b2b2 {
	background-color: #e5e9fc;
	background: linear-gradient(to left,#aed6fc,#ffffff,#aed6fc);
	color: #000000;
}


.block_login {
  border:1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin:220px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 260px;
}  


.item_login {
	color: #4b9bb8;
	font-size: 13px;
}


.mainboard_face {
  margin-top: 0px;
  /*background-color: #4e9ce5;
  background: linear-gradient(to right,#266cad,#80c0fc);*/
}

.mainboard_menu {
  margin-top: 40px;
}  



.item_password {
	color: #2f9ec6;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#093943;
  text-decoration: underline;
}

.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	height: 540px;
}


.locataire_footerfiche {
	
}

.ta_tab {
	text-align: right;
	margin-right: 5px;
	background-color: #ffffff;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 5px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}


.color_blanc {
	color:#ffffff;
}



.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;    
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tab_locataires {
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.item_locataires {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	color:#3b76a1;
	background-color: #ededed;
	height: 36px;
	padding-top: 5px;
}

.item_locataires:hover {
    background-color: #ffffff;    
}	

.item_locatairesminus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #ededed;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
    margin-right: -1x;
}

.item_locatairesminus:hover {
    background-color: #93b7c6;    
    color:#384f5f;
}


.item_locatairesminusend {
	cursor: pointer;
	border: 1px solid #6d6d6d;
	color:#384f5f;
	background-color: #60a7b2;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}


.tab_loc {
	cursor: pointer;
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.tab_loc:hover {
  color:#1d3754;
}


.tab_menu {
	border:1px solid #5e5d5d;
	background-color: #9cc0f9;
	color: #5b5959;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menu:hover {
	background-color: #2f9ec6;
	color: #ffffff;
}	


.tab_menuactive {
	border:1px solid #5e5d5d;
	background-color: #788b9d;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menuactive:hover {
	background-color: #2f9ec6;
	color: #000000;
}	


.zone_location0 {
	border-right: 0px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	

.zone_location1 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	


.zone_location2 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f7f7f7;
	height: 545px;
}	


.zone_location3 {
	border-right: 0px solid #dddddd;
	background-color: #f2efef;
	height: 545px;
}

.zone_location5 {
	border-right: 1px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location6 {
	border-right: 0px dashed #2f9ec6;	
	height: 545px;
}	




.location_title {
	font-size: 15px;
	font-weight: bolder;
	color:#276694;
	background-color: #ffffff;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}


.location_titlebleu {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #3b76a1;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 2px 10px #000000;
}

.location_titlerouge {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #ff0000;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}

.location_titlevert {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #2dbc64;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}


.item_logement {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;		
}


.item_logement2 {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}


.item_logement3 {
	cursor: pointer;
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
	height: 20px;	
}

.item_logement3:hover {
	color:#093943;
	font-size: 14px;	
}

.item_logement4 {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}

.item_logement5 {
	
}


.item_logementbl {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;		
}

.item_compte {
	margin: 15px 0px 0px 100px;
	font-size: 14px;
	color:#2f9ec6;
	cursor: pointer;
}

.item_compte:hover {
	color:#384f5f;	
}

.fa_compte {
	margin-left: 0px;
	padding-top: 0px;
	color:#384f5f;
}


.fa_add {
	padding-top: 10px;
	cursor: pointer;
	color:#d88b32;
}	

.fa_add:hover {
	padding-top: 10px;
	cursor: pointer;
	color:#ffffff;
}	


.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.item_telephone {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 42px;
	padding-top: 5px;
}

.item_telephone:hover {
    background-color: #ffffff;    
}	

.item_reglement {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 33px;
	padding-top: 5px;
}




.title_loyer {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 1px dashed #2cb3db;
	cursor: pointer;
}


.title_loyer:hover {
	color:#384f5f;	
}





.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 0px dashed #2cb3db;
}


.cell_loyer {
	background-color:#ffffff;
	padding: 0px;
}





.item_loyer {
	text-align:right;
	font-weight: bolder;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}



.fb {
	font-weight: bolder;
}

.item_reglt {
	color:#276694;
	font-size: 15px; 
	text-align:right;
	font-weight: bolder;
	margin-top: 10px;
}	

.item_printbox {
	color:#276694;
	font-size: 14px; 
	text-align:left;
	font-weight: normal;
	margin-top: 10px;
}	



.zone_ticketcourt {
	height:180px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.zone_ticketlong {
	height:425px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.bloc_user {
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top:70px;
	left:1050px;
	background-color: #efefef;
	cursor: pointer;
	z-index: 1;
}	


.fa_flagnav {
	margin-top: 20px;
}



.title_color {
	font-size: 17px;
	color:#384f5f;
	margin:20px 0px;
	border-bottom: 2px solid #f08001;
}


.item_color {
	font-size: 16px;
	font-weight: normal;
	color:#2f9ec6;
	text-align: right;
}





.loyerinfo_bas {
	margin-top: 425px;
	text-align: right;
}	



.loyerinfo_haut {
	margin-top: 105px;
	text-align: right;
}	


.loyertotal_bas {
	 margin-top:395px;
	 text-align: center;
	 font-weight: bolder;
}

.loyertotal_haut {
	 margin-top:75px;
	 text-align: center;
	 font-weight: bolder;
}


.loyer_input {
	border:1px solid #cccccc;
	text-align: center;
}	


.item_moncompte {
  color:#093943;
  font-size: 14px;
  margin-top: 5px;
}

.helpref {
	background-color: #bdbdbd;
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 300px;
	left: 130px;
	height: 350px;
}


.helpref2 {

}

.item_ref {
	cursor: pointer;	
	color:#3b76a1;
	background-color: #bdbdbd;
	height: 28px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bolder;
}

.item_ref2 {
	cursor: pointer;	
	color:#212020;
	background-color: #bdbdbd;
	height: 28px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
}





.title_ref {
	color:#5e5e5e;
	font-size: 16px;
	font-weight: normal;		
	text-align: center;
	padding : 10px 20px 10px 20px;
	border-bottom: 2px solid #2f9ec6;
}

.com_check {
	font-size: 15px;
	color: #093943;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

.com_check:hover {
	font-size: 15px;
	color: #2cb3db;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: underline;
}


.meubles_long {
	margin-top:0px;
	height:340px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
}	



.meubles_court {
	margin-top:0px;
	height:130px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
}	


.item_addloc {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: normal;
}


.item_addloc:hover {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: bolder;
}


.item_addloc2 {
	font-size: 15px;
	color:#a09f9f;
	cursor: pointer;
	font-weight: normal;
}

.bg_mainboard {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard:hover {
	border:14px solid #ffffff;
}	


.item_assurances {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #cccccc;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances:hover {
    background-color: #ffffff;    
}	



.item_assurances2 {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #e5e5e5;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances2:hover {
    background-color: #ffffff;    
}	



.item_assurancesfin {
	cursor: pointer;
	border-bottom: 0px solid #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}



.assurances_action {
	height: 70px; 
	background-color: #206982;	
	border:1px solid #dddddd; 
	text-align: center;
	color:#ffffff;
	font-size: 16px;
	border-radius: 4px;
	padding-top: 5px;
	cursor: pointer;
}	

.assurances_action:hover {
	background-color: #198ab7;	
	border:1px solid #dddddd; 	
	border-radius: 8px;
}	

.fa_chevron {
	color:#4ec1f5;
	cursor: pointer;
}

.fa_chevron:hover {
	color:#274fb5;
}


}



/***************************************************************************************/
/***************************************************************************************/
/*                  XXX-Large devices (larger desktops, 1920px and up)                 */
/***************************************************************************************/
/***************************************************************************************/
@media (min-width: 1920px) {

.item_login {
	color: #c9c7c7;
	font-size: 13px;
}	



.block_login {
  border:2px solid #666666;
  border-radius: 6px;
  background-color: #ffffff;
  padding: 10px 20px 20px 20px;
  margin:280px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 280px;
}  



.item_password {
	color: #093943;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#fe0036;
  text-decoration: underline;
}


.mainboard_menu {
  margin-top: 80px;
}  


.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.tab_all {
	margin-top:0px;
	height:70vh;
	overflow-x: hidden;
	overflow-y: scroll;
	background: linear-gradient(to right,#1176d6,#80c0fc);
	background: linear-gradient(#eaeaea,#ffffff);
	border:1px solid #828282;
}	


.bg_alltitle {  
  border:1px solid #cccccc;
  border-radius: 6px;
  padding: 5px;
  background-color: #ffffff;
  background: linear-gradient(#ffffff,#eaeaea);
}  



.bg_alltitle2 {  
  background: linear-gradient(to right,#39aa19,#63de42,#39aa19);
  box-shadow: 0px 6px 6px #727271;
}  


.title_alltitle {  
  font-size: 22px;
  margin-bottom: 10px;  
  color:#138496;  
}  




.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	/*height: 550px;*/
}


.locataire_footerfiche {
	border:1px solid #788b9d;	
	border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding : 5px;
	height: 45px;	
	/*
	text-align: right;
	margin-top: 0px;
	*/
}

.ta_tab {
	text-align: right;
	margin-right: 5px;
	background-color: #ffffff;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 5px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}


.color_blanc {
	color:#ffffff;
}



.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}

.color_grisfonce {
  color:#424241;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;    
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tab_locatairesfix{
	border:1px solid #5e5d5d;
	background-color: #4e9ce5;
	background: linear-gradient(#ffffff, #cccccc);
	color: #4e9ce5;	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}


.tab_locataires{
	border:1px solid #5e5d5d;
	background-color: #4e9ce5;
	background: linear-gradient(#ffffff, #cccccc);
	color: #4e9ce5;
	cursor: pointer;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}



.tab_locataires:hover  {
	border:1px solid #5e5d5d;
	background-color: #4e9ce5;
	background: linear-gradient(#4e9ce5, #1a5e9e);
	color: #ffffff;
	cursor: pointer;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}






.item_locataires {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	color:#3b76a1;
	background-color: #ededed;
	height: 36px;
	padding-top: 5px;
}

.item_locataires:hover {
    background-color: #ffffff;    
}	


.item_locatairesminus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #f2f7fc;
	background: linear-gradient(to right,#80c0fc, #f2f7fc);
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
    margin-right: -1x;
}

.item_locatairesminus:hover {	
    background-color: #4e9ce5;    
    background: linear-gradient(to right,#2eba07,#d6fccc );
    background: linear-gradient(to left,#80c0fc, #337ec4,#80c0fc);
    color:#ffffff;
}


.item_locatairesminusend {
	cursor: pointer;
	border: 1px solid #4e9ce5;
	color:#384f5f;
	background-color: #4ec1f5;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}


.tab_loc {
	cursor: pointer;
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.tab_loc:hover {
  color:#1d3754;
}


.tab_menu {
	border:1px solid #5e5d5d;
	background-color: #9cc0f9;	
	background: linear-gradient(to left,#41af23,#63de42,#41af23);
	background: linear-gradient(#ffffff, #cccccc);
	color: #5b5959;
	color:#4e9ce5;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menu:hover {
	background-color: #2f9ec6;
	color: #ffffff;		
	background: linear-gradient(to left,#63de42,#41af23);
	background: linear-gradient(#5589c3,#7bb7f7,#5589c3);
	background: linear-gradient(#afd7fc,#ffffff,#afd7fc);
	color: #5b5959;	
}	


.tab_menuactive {
	border:1px solid #5e5d5d;
	background-color: #788b9d;	
	background: linear-gradient(to right,#1176d6,#80c0fc);
	background: linear-gradient(#afd7fc,#ffffff,#afd7fc);
	color: #000000;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menuactive:hover {
	background-color: #2f9ec6;
	color: #000000;
	background: linear-gradient(to left,#1176d6,#80c0fc);
	background: linear-gradient(#afd7fc,#ffffff,#afd7fc);
}	


.zone_location0 {
	border-right: 0px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	

.zone_location1 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	


.zone_location2 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f7f7f7;
	height: 545px;
}	


.zone_location3 {
	border-right: 0px solid #dddddd;
	background-color: #f2efef;
	height: 545px;
}


.zone_location33 {
	border-right: 0px solid #dddddd;
	/*background-color: #f2efef;	*/
}

.zone_location5 {
	border-right: 1px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location6 {
	border-right: 0px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location7 {
	border-right: 1px dashed #2f9ec6;	
	height: 530px;
}	



.location_title {
	font-size: 14px;
	font-weight: bolder;
	color:#4e9ce5;
	background-color: #ffffff;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px 0px 5px 20px;
	border-radius: 180px;
	background: linear-gradient(#ffffff,#cccccc);
	/*box-shadow: 0px 2px 10px #000000;*/
}


.location_titlebleu {
	font-size: 15px;
	font-weight: bolder;
	color:#4e9ce5;
	background-color: #3b76a1;
	background: linear-gradient(#ffffff,#afd7fc);
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px 20px;
	border-radius: 160px;
	box-shadow: 0px 2px 10px #000000;
}


.location_titlerouge {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #ff0000;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}

.location_titlevert {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #2dbc64;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}


.item_logement {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;		
}


.item_logement2 {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}


.item_logement3 {
	cursor: pointer;
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
	height: 20px;	
}

.item_logement3:hover {
	color:#093943;
	font-size: 14px;	
}

.item_logement4 {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}

.item_logement5 {
	color:#4e9ce5;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
}


.item_logementbl {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;		
}

.item_compte {
	margin: 15px 0px 0px 100px;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	text-decoration: none;
}

.item_compte:hover {
	color:#384f5f;	
	text-decoration: underline;
}

.fa_compte {
	margin-left: 0px;
	padding-top: 0px;
	color:#384f5f;
}


.fa_add {
	padding-top: 10px;
	cursor: pointer;
	color:#d88b32;
}	

.fa_add:hover {
	padding-top: 10px;
	cursor: pointer;
	color:#ffffff;
}	


.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.item_telephone {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 42px;
	padding-top: 5px;
}

.item_telephone:hover {
    background-color: #ffffff;    
}	

.item_reglement {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	background: linear-gradient(to right,#7bbbf7,#d4f0fc);
	height: 36px;
	padding-top: 2px;
}




.title_loyer {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 1px dashed #2cb3db;
	cursor: pointer;
}


.title_loyer:hover {
	color:#384f5f;	
}





.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 0px dashed #2cb3db;
}


.cell_loyer {
	background-color:#ffffff;
	padding: 0px;
}



.help_loyers {
	text-align: right; 
	background-color: #2f9ec6;	
	background: linear-gradient(to right,#4e9ce5,#eaeaea); 
	border:1px solid #ffffff;
	min-height: 200px;
	color:#3784cc;
	border-radius: 6px;
	padding: 5px;
	font-size: 15px;
	margin-top:80px;
}	

.btn_mois {
	cursor: pointer;
	background-color: #cccccc;
	margin: 3px;
	padding: 5px;
	border-radius: 4px;
	height:60px;
	width: 40px;
}

.btn_mois:hover {
	cursor: pointer;
	background-color: #ee1084;
}



.total_loyers {
	text-align: right; 	
	min-height: 200px;
	color:#ffffff;	
	margin-top: 30px;	
	border-radius: 6px;
	padding: 5px;
	z-index: 1000;
}	



.itm_loyer {
	text-align:right;
	font-weight: normal;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}

.item_loyer {
	text-align:right;
	font-weight: bolder;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}



.fb {
	font-weight: bolder;
}

.item_reglt {
	color:#276694;
	font-size: 15px; 
	text-align:right;
	font-weight: bolder;
	margin-top: 10px;
}	

.item_printbox {
	color:#276694;
	font-size: 14px; 
	text-align:left;
	font-weight: normal;
	margin-top: 10px;
}	



.btn_papiers {	
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
}


.btn_papiers:hover {
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;	
  transform: scale(0.9);
}


.btn_papiers2 {	
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
}

.btn_papiers2:hover {
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;  
    transform: scale(0.9) rotate(0.01turn);
}

.item_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #384f5f;
	color:#3b76a1;
	background-color: #ffffff;
	height: 27px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.item_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	

.mainboard_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #ee1084;
	color:#3b76a1;
	background-color: transparent;
	height: 22px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.mainboard_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	


.zone_ticketcourt {
	height:180px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.zone_ticketlong {
	height:425px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.bloc_user {
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top:70px;
	left:1180px;
	background-color: #efefef;
	background: linear-gradient(to left,#4e9ce5,#0f5faa);
	cursor: pointer;
	z-index: 1;
}	


.fa_flagnav {
	margin-top: 20px;
}



.title_color {
	font-size: 17px;
	color:#384f5f;
	margin:20px 0px;
	border-bottom: 2px solid #f08001;
}


.item_color {
	font-size: 16px;
	font-weight: normal;
	color:#2f9ec6;
	text-align: right;
}





.loyerinfo_bas {
	margin-top: 425px;
	text-align: right;
}	



.loyerinfo_haut {
	margin-top: 105px;
	text-align: right;
}	


.loyertotal_bas {
	 margin-top:395px;
	 text-align: center;
	 font-weight: bolder;
}

.loyertotal_haut {
	 margin-top:75px;
	 text-align: center;
	 font-weight: bolder;
}


.loyer_input {
	border:1px solid #cccccc;
	text-align: center;
}	


.item_moncompte {
  color:#093943;
  font-size: 14px;
  margin-top: 5px;
}

.helpref {
	background-color: #bdbdbd;
	background: linear-gradient(#0d344f,#0378c6);
	border:1px solid #1c6688;
	color:#ffffff;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 315px;
	left: 260px;
	z-index: 1000;
	height: 200px;
}



.helpref2 {
	background-color: #bdbdbd;
	background: linear-gradient(to left,#aed6fc,#ffffff);
	border:1px solid #1c6688;
	color:#4e9ce5;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 170px;
	left: 380px;
	height: 450px;
}



.helpref3 {
	background-color: #bdbdbd;
	background: linear-gradient(to left,#aed6fc,#ffffff);
	border:1px solid #1c6688;
	color:#4e9ce5;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 170px;
	left: 380px;
	height: 410px;
	z-index: 1000;
}


.helpref4 {
	background-color: #bdbdbd;
	background: linear-gradient(to left,#aed6fc,#ffffff);
	border:1px solid #1c6688;
	color:#4e9ce5;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 230px;
	left: 250px;
	height: 410px;
	z-index: 1000;
}



.item_ref {
	cursor: pointer;	
	color:#4e9ce5;
	background-color: transparent;
	height: 28px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bolder;
}

.item_ref2 {
	cursor: pointer;	
	color:#4e9ce5;
	background-color: transparent;
	height: 28px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
}





.title_ref {
	color:#f72018;
	font-size: 16px;
	font-weight: normal;		
	text-align: center;
	padding : 10px 20px 10px 20px;
	border-bottom: 2px solid #2f9ec6;
	background-color: #ffffff;
	padding: 5px ;
	border-radius: 6px;
}

.com_check {
	font-size: 14px;
	color: #4b9bb8;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

.com_check:hover {
	font-size: 14px;
	color: #2cb3db;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: underline;
}


.meubles_long {
	margin-top:0px;
	height:340px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	



.meubles_court {
	margin-top:0px;
	height:130px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	


.item_addloc {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: normal;
}


.item_addloc:hover {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: bolder;
}


.item_addloc2 {
	font-size: 15px;
	color:#a09f9f;
	cursor: pointer;
	font-weight: normal;
}

.bg_mainboardold {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard:hover {
	border:14px solid #ffffff;
}	


.item_assurances {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #cccccc;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances:hover {
    background-color: #ffffff;    
}	



.item_assurances2 {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #e5e5e5;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances2:hover {
    background-color: #ffffff;    
}	



.item_assurancesfin {
	cursor: pointer;
	border-bottom: 0px solid #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}



.assurances_action {
	height: 70px; 
	background-color: #206982;	
	background: linear-gradient(#afd7fc,#ffffff,#afd7fc);
	border:1px solid #6ba7db; 
	text-align: center;
	color:#5c90c6;
	font-size: 16px;
	border-radius: 6px;
	padding-top: 5px;
	cursor: pointer;
}	

.assurances_action:hover {
	background-color: #198ab7;	
	background: linear-gradient(#afd7fc,#ffffff);
	border:1px solid #3b75af; 	
	color:#384f5f;
	border-radius: 4px;
}	

.fa_chevron {
	color:#4ec1f5;
	cursor: pointer;
}

.fa_chevron:hover {
	color:#274fb5;
}


.new_top {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(#1b6cb7,#ffffff,#1b6cb7);
}


.new_top2 {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(to right,#fff,#c6e0ff,#fff);
	height: 420px;
}


.new_top3 {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(to right,#fff,#c6e0ff,#fff);
	min-height: 420px;
}


.new_body {
	background: linear-gradient(#5589c3,#7bb7f7,#5589c3);
	color:#ffffff;
	font-size:22px;
	padding: 5px;
	padding-bottom: 10px;
}


.new_bodymodal {
	background: linear-gradient(#5589c3,#7bb7f7,#5589c3);
	color:#ffffff;
	font-size:16px;
	padding: 5px;
	padding-bottom: 10px;
}



.loc_bodymodal {
	background: linear-gradient(#5589c3,#7bb7f7,#5589c3);
	color:#ffffff;
	font-size:15px;
	padding: 5px;
	padding-bottom: 10px;
	font-weight: normal;
}



.new_help {		
	background-color:#e0eefc;
	background: linear-gradient(#afd7fc,#ffffff);
	padding: 5px;
	border-radius: 4px;
	font-size: 14px;
	color:#444444;
	border:1px solid #cccccc;
	min-height: 420px;
	height: 420px;
	max-height: 420px;
	overflow-x: hidden;
	overflow-y: scroll;
}	


.modal_title2 {
	background: linear-gradient(#279907,#fff);
}




.modal_title {
	background: linear-gradient(to right,#63de42,#279907);
	color:#ffffff;
	font-size: 18px;
	text-shadow: 0px 1px 3px #444444;
}


.modal_body {
	background: linear-gradient(#4e9ce5,#04417a,#99c9f7,#ffffff);
	background: linear-gradient(#4e9ce5,#99c9f7,#99c9f7,#ffffff);
}	



.modal_bodyloc {	
	background: linear-gradient(#4e9ce5,#ffffff);
	text-align: center;
}	


.dw_item {
  cursor: pointer;
  color:#444444;
}

.dw_item:hover {
  background-color: :#ffffff;
  border-radius: 80px;
  color:#4e9ce5;
}


.zone_backup {
	height:600px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #4165d2;
	padding:5px;
	border-radius:4px;
}

.ta_c {
	text-align: center;
}

.mr_5 {
	margin-right: 5px;
}


.color_bleutitle {
	color: #4e9ce5;
}


.noloc {
	margin: 10px;	
	background: linear-gradient(#afd7fc,#ffffff );	
	color:#3f8cd3;
	border:1px solid #666666;
	border-radius:6px;			
	font-size:18px;
	text-align:center;
	font-weight: normal;
	padding:20px;
}

	

.end_off {
	margin-left:-15px;
	margin-top: 0px;
	background-color:#e5e5e5;
	background: linear-gradient(#619dd5,#ffffff );
	margin-right:-15px;
	margin-bottom:25px; 
	color:#3f8cd3;
	border:1px solid #666666;
	border-radius:6px;		
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	font-size:14px;
	text-align:center;
	font-weight: bolder;
	padding:20px;
}



.details_off {
	margin-left:-25px;
	margin-top: 0px;
	background-color:#e5e5e5;
	background: linear-gradient(#619dd5,#ffffff );
	margin-right:-25px;
	margin-bottom:25px; 
	color:#3f8cd3;
	border:1px solid #666666;
	border-radius:6px;			
	font-size:14px;
	text-align:center;
	font-weight: bolder;
	padding:20px;
}

.chk_on {
  color:#4e9ce5;
  cursor: pointer;
  border:1px solid transparent;
  padding: 1px 5px;
  font-size: 13px;
  height: 24px;
  border-radius: 6px;
}

.chk_on:hover {
  color:#2b62a0;
  background: linear-gradient(to right,#619dd5,#ffffff);
  border:1px solid #4e9ce5;
  padding: 1px 5px;
}


.chk_off {
	color:#cccccc;
}

.chk_off:hover {
	color:#666666;
}


.fasearch {
	margin-top: 10px;	
	color:#cccccc;	
}


#list_users, #list_immo {
	color:#4e9ce5;
	font-size: 13px;
	cursor: pointer;
}

.containeradd {
	margin-top: 20px;
	max-height: 430px;
	height: 430px;
}


.containeraddprobai {
	margin-top: 20px;	
	height: 830px;
}



.containeraddfin {
	margin-top: 20px;
	max-height: 430px;
	height: 430px;
	background: #ee1084;
}

#res_deleteloc {
	height: 40px;
	margin: 10px -20px 0px -10px;
}


.fichelocation {
	border-right: 1px dashed #4e9ce5;
	border-left: 1px dashed #4e9ce5;
	height: 540px;
}


.fichelocationoff {	
	height: 540px;
}

#res_detloc {
	height: 36px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -10px;
}



.bgindx {
	background-image: url("../img/bgindex.png");
	background-size: cover;
  background-repeat: no-repeat;	
}	



.item_minus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #f2f7fc;
	background: linear-gradient(to right,#80c0fc, #f2f7fc);	
	padding: 2px;
	font-size: 14px;
  margin-right: 0px;
}


.item_minus:hover {	
    background-color: #4e9ce5;    
    background: linear-gradient(to right,#2eba07,#d6fccc );
    background: linear-gradient(to left,#80c0fc, #337ec4,#80c0fc);
    color:#ffffff;
}


.item_minusend {
	cursor: pointer;
	border: 1px solid #4e9ce5;
	color:#384f5f;
	background-color: #4ec1f5;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}

#res_ratt {
	height: 38px;
}

.loap {
	font-size:10px;
	padding: 2px 3px;
	margin: 10px 5px 0px 0px;
}


.loyitem {
	font-size: 14px;
	color: #4d82c1;
}



.modal_delete2top {
  background: #afd7fc;  
  color:#2cb3db;
  border :0px;
}

.modal_delete2end {
  background: #ffffff;  
  color:#2cb3db;
  border :0px;
}


.modal_delete2 {
  background: #343956;
  background: -webkit-linear-gradient(#afd7fc, #ffffff);  
  background: linear-gradient(#afd7fc, #ffffff);    
  color:#2cb3db;
  border :0px;
}









}

