/*
__________________________________
|module_style_1.css                       |
|--------------------------------|
|                                |
| Par Thomas Joron				 |
| Fichier créé le 09/03/2013	 |
|________________________________|
*/
 



@font-face { /* D?nition d'une nouvelle police nomm?LearningCurveProRegular */
    font-family: 'Lhandw';
   
    src: url('../fonts/Lhandw.ttf') ;
}

.cont_module{
width:100%;
height:100%;
}

.module_banniere{
width: 100%;
position: fixed;
right: 0;
background-color: #1277D3;

z-index: 100;

}
.module_contenu{
display:inline-block;
width:100%;
color:#000;

}
.module_titre{
	width: calc(100% - 45px);
	position:fixed;
	height:53px;
	border-bottom: 3px solid #ccc;
	/*border-top: 4px solid #FFF;*/
	color:#000;
	z-index:200;
	box-sizing: border-box;
	background-color:#FFF;
	/*padding: 2px 0px;*/
}
.module_titre_blue{

	background-color: #1277D3;

	z-index: 200;

	width: calc(100% - 45px);
		position:fixed;
		height:40px;

}
	.module_titre > .statut{
		display:block;
		text-align:center;
		float:left;
		width: 130px;
		/*border-right: 2px solid #1277d3;
		box-sizing: border-box;*/
		height: 100%;
	}
	.module_titre_blue > .statut{
		display:block;
		text-align:center;
		float:left;
		width: 130px;
		/*border-right: 2px solid #1277d3;
		box-sizing: border-box;*/
		height: 100%;
	}
		.tabl_statut_div_brouillon, .tabl_statut_div_warning{
		margin: 2px 10px;
		text-align: center;
		border-radius: 4px;
		background: #bdc200;
		line-height: 25px;
		color:#FFF;
	}
		.tabl_statut_div_valide, .tabl_statut_div_prgm{
			margin: 2px 10px;
			text-align: center;
			border-radius: 4px;
			background: #1277d3;
			line-height: 25px;
			color:#FFF;
		}
		.tabl_statut_div_accepte, .tabl_statut_div_ok{
			margin: 2px 10px;
			text-align: center;
			border-radius: 4px;
			background: #3ab31c;
			line-height: 25px;
			color:#FFF;
		}
		.tabl_statut_div_annule{
			margin: 2px 10px;
			text-align: center;
			border-radius: 4px;
			background: #a5a3a3;
			line-height: 25px;
			color:#FFF;
		}
		.tabl_statut_div_rejete{
			margin: 2px 10px;
			text-align: center;
			border-radius: 4px;
			background: #d32d12;
			line-height: 25px;
			color:#FFF;
		}	
		.tabl_statut_div_error{
				margin: 2px 10px;
				text-align: center;
				border-radius: 4px;
				background: #d32d12;
				line-height: 25px;
				color:#FFF;
			}	
			
		.module_titre > .statut > .tabl_statut_div_warning, 
		.module_titre > .statut > .tabl_statut_div_prgm, 
		.module_titre > .statut > .tabl_statut_div_ok, 
		.module_titre > .statut > .tabl_statut_div_brouillon, 
		.module_titre > .statut > .tabl_statut_div_valide,
		.module_titre > .statut > .tabl_statut_div_accepte,
		.module_titre > .statut > .tabl_statut_div_annule,
		.module_titre > .statut > .tabl_statut_div_rejete,
		.module_titre > .statut > .tabl_statut_div_error{
			margin: 12px 10px;
		 }
		 
		
		.module_titre_blue > .statut > .tabl_statut_div_warning, 
		.module_titre_blue > .statut > .tabl_statut_div_prgm, 
		.module_titre_blue > .statut > .tabl_statut_div_ok, 
		.module_titre_blue > .statut > .tabl_statut_div_brouillon, 
		.module_titre_blue > .statut > .tabl_statut_div_valide,
		.module_titre_blue > .statut > .tabl_statut_div_accepte,
		.module_titre_blue > .statut > .tabl_statut_div_annule,
		.module_titre_blue > .statut > .tabl_statut_div_rejete,
		.module_titre_blue > .statut > .tabl_statut_div_error{
			margin: 8px 10px;
		 }
		 
	
	
	
	.module_titre > .txt{
		display:block;
		text-align:left;
		float:left;
		height: 48px;
		line-height: 48px;
		font-size: 15px;
		font-weight: 600;
		color: #4f4f4f;
	}
	.module_titre_blue > .txt{
		display:block;
		text-align:left;
		float:left;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		font-weight: 600;
		color: #FFF;
	}
	
	.module_titre > .bp{
		
		text-align:center;
		float:right;
		height: 48px;
	}
		.module_titre > .bp > ul{
		
			text-align:center;
			float:left;
			height: 48px;
			text-decoration:none;
			list-style: none;
		}
	
		.module_titre > .info{
		display:block;
		text-align:center;
		float:left;
		width: 25px;
		/*border-right: 2px solid #1277d3;*/
		box-sizing: border-box;
		height: 100%;
		padding: 12px 0px;
		margin-left: -7px;
		margin-right: 7px;
		
	}
		.module_titre >.info > .lock{
			text-align: center;
			border-radius: 4px;
			background: #4f4f4f;
			line-height: 43px;
			color:#FFF;
			
			background-image: url(../_images/cadenas-white.png);
			background-size: 22px 22px;
			background-repeat: no-repeat;
			background-position: 2px 1px;
			width:100%;
			height: 25px;
			
		}	
	
	.module_titre > .txt{
		display:block;
		text-align:left;
		float:left;
		height: 50px;
		line-height: 50px;
		font-size: 15px;
		font-weight: 600;
		color: #4f4f4f;
	}
		.module_titre > .txt > .line1{
			display:block;
			text-align:left;
			height: 25px;
			line-height: 25px;
			font-size: 15px;
			font-weight: 600;
			color: #4f4f4f;
			position: absolute;
			top: 4px;
		}
		.module_titre > .txt > .line2{
			display:block;
			text-align:left;
			float:left;
			height: 25px;
			line-height: 25px;
			font-size: 12px;
			position: absolute;
			top: 25px;
		}
	
	
	.module_titre_blue > .bp{
		
		text-align:center;
		float:right;
		height: 40px;
	}
		.module_titre_blue > .bp > ul{
		
			text-align:center;
			float:left;
			height: 40px;
			text-decoration:none;
			list-style: none;
		}
		.module_titre > .bp > ul > li{
		
			text-align:center;
			float:left;
			height: 48px;
			line-height:48px;
			text-decoration:none;
			list-style: none;
			
		}
		.module_titre_blue > .bp > ul > li{
		
			text-align:center;
			float:left;
			height: 40px;
			line-height:40px;
			text-decoration:none;
			list-style: none;
			
		}
			.module_titre_blue > .bp > ul > li > a{
		
				text-align:center;
				height: 40px;
				text-decoration:none;
				list-style: none;
				cursor:pointer;
				width:40px;
				display:inline-block;
				font-weight: 600;
				color:#4f4f4f;
			}
				
					
			
		.module_titre > .bp > ul > li{
		
			text-align:center;
			float:left;
			height: 48px;
			line-height:48px;
			text-decoration:none;
			list-style: none;
			
		}
			.module_titre > .bp > ul > li > a{
		
				text-align:center;
				height: 34px;
				text-decoration:none;
				list-style: none;
				cursor:pointer;
				padding:12px 6px 2px 6px;
				display:inline-block;
				font-weight: 600;
				color:#4f4f4f;
			}
				.module_titre > .bp > ul > li > a:hover{
				color:#1277d3;
			}
			.module_titre > .bp > ul > li.bp_titre_separateur{
		
				border-right:1px solid #CCC;
				box-sizing: border-box;
			}
		

				.module_titre > .bp, .module_titre > .bp-table {
		
		text-align:center;
		float:right;
		height: 50px;
		margin-right:5px;
	}
		.module_titre > .bp > ul{
		
			text-align:center;
			float:left;
			height: 50px;
			text-decoration:none;
			list-style: none;
		}
		
		.module_titre > .bp-table > ul{
		
			text-align:center;
			float:left;
			height: 45px;
			text-decoration:none;
			list-style: none;
			margin-top:5px;
		}
			.module_titre > .bp-table > ul > li{
				float:left;
				height:45px;
				border-top: 2px solid #CCC;
				border-left: 2px solid #CCC;
				background:#ECECEC;
				line-height:45px;
				padding: 0px 10px 0px 45px;
				box-sizing:border-box;
				cursor:pointer;
				color:#4f4f4f;
				font-weight:600;
				
			}
			.module_titre > .bp-table > ul > li:first-child{
				border-radius:5px 0px 0px 0px;
			}
			.module_titre > .bp-table > ul > li:last-child{
				border-right: 2px solid #CCC;
				border-radius:0px 5px 0px 0px;
			}
			
			.module_titre > .bp-table >ul > li.select{
				background:#FFF;
				height: 48px;
			}
			.module_titre > .bp-table > ul > li:hover {
				background: #FFF;
				color:#4f4f4f !important;
			}
				.module_titre > .bp-table > ul > li:hover  > a{
					color:#4f4f4f !important;
				}
				
				li.bp-table-cloud::before{
					position:absolute;
					content:' ';
					width:45px;
					height:45px;
					margin-left: -45px;
					
					background: url(../../_images/webyclouds/cloud-grey.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 7px 7px;
				}
				
				li.bp-table-appli::before{
					position:absolute;
					content:' ';
					width:45px;
					height:45px;
					margin-left: -45px;
					
					background: url(../../_images/menu_accueil-hover.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 7px 7px;
				}
				
				li.bp-table-plugin::before{
					position:absolute;
					content:' ';
					width:45px;
					height:45px;
					margin-left: -45px;
					
					background: url(../../_images/plugin-grey.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 7px 7px;
				}
				
				li.bp-table-user::before{
					position:absolute;
					content:' ';
					width:45px;
					height:45px;
					margin-left: -45px;
					
					background: url(../../_images/icon_user2-grey.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 7px 7px;
				}
				
				li.bp-table-option::before{
					position:absolute;
					content:' ';
					width:45px;
					height:45px;
					margin-left: -45px;
					
					background: url(../../_images/ms_icon_option-grey.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 7px 7px;
				}
				
				li.bp-table-edition::before{
					position:absolute;
					content:' ';
					width:45px;
					height:45px;
					margin-left: -45px;
					
					background: url(../../_images/icon_edit_grey.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 7px 7px;
				}
				
				li.bp-table-add::before{
					position:absolute;
					content:' ';
					width:45px;
					height:45px;
					margin-left: -45px;
					
					background: url(../../_images/icon_add-grey.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 7px 7px;
				}
		
			
			
			.bp_titre_option{
				background-image: url(../_images/bp_titre_option_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
			}
			
				.bp_titre_option:hover{
					background-image: url(../_images/bp_titre_option_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
			.bp_titre_pdf{
				background-image: url(../_images/bp_pdf_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
			}
			
				.bp_titre_pdf:hover{
					background-image: url(../_images/bp_pdf_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
			.bp_titre_save{
				background-image: url(../_images/bp_titre_save_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
			}
			
				.bp_titre_save:hover{
					background-image: url(../_images/bp_titre_save_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
			.bp_titre_valide{
				background-image: url(../_images/bp_titre_valide_green.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				/*color:#4f4f4f; 3caa36*/
			}
			
				.bp_titre_valide:hover{
					background-image: url(../_images/bp_titre_valide_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
			.bp_titre_supp{
				background-image: url(../_images/bp_titre_delete_red.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				/*color:#4f4f4f; e20917*/
			}
			
				.bp_titre_supp:hover{
					background-image: url(../_images/bp_titre_delete_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
			.bp_titre_tarif{
				background-image: url(../_images/bp_titre_tarif_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				/*color:#4f4f4f; e20917*/
			}
			
				.bp_titre_tarif:hover{
					background-image: url(../_images/bp_titre_tarif_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
			.bp_titre_accepte{
				background-image: url(../_images/bp_titre_accepte_green.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				
			}
			
				.bp_titre_accepte:hover{
					background-image: url(../_images/bp_titre_accepte_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
			.bp_titre_rejete{
				background-image: url(../_images/bp_titre_rejete_red.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				
			}
			
				.bp_titre_rejete:hover{
					background-image: url(../_images/bp_titre_rejete_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
			
			.bp_titre_annule{
				background-image: url(../_images/bp_titre_rejete_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				
			}
			
				.bp_titre_annule:hover{
					background-image: url(../_images/bp_titre_rejete_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
				.bp_titre_delete{
				background-image: url(../_images/bp_titre_delete_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				
			}
			
				.bp_titre_delete:hover{
					background-image: url(../_images/bp_titre_delete_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
			.bp_titre_stock{
				background-image: url(../_images/bp_titre_stock_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				
			}
			
				.bp_titre_stock:hover{
					background-image: url(../_images/bp_titre_stock_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
			
		.bp_titre_next{
				background-image: url(../_images/bp_next_white.png);
				background-size: 30px 30px;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				
			}
			
				.bp_titre_next:hover{
					background-image: url(../_images/bp_next_black.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					color: #1277d3;
				}
				
		.bp_titre_back{
				background-image: url(../_images/bp_back_white.png);
				background-size: 30px 30px;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				
			}
			
				.bp_titre_back:hover{
					background-image: url(../_images/bp_back_black.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					color: #1277d3;
				}		
		
		.bp_titre_retour{
				background-image: url(../_images/bp_titre_back_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 5px;
				
			}
			
				.bp_titre_retour:hover{
					background-image: url(../_images/bp_titre_back_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 5px;
					color: #1277d3;
				}		
						
				
			.bp_titre_croix{
				background-image: url(../_images/bp_close_white.png);
				background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 50% 50%;
			}
			
				.bp_titre_croix:hover{
					background-image: url(../_images/bp_close_black.png);
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					color: #1277d3;
				}
		
			.bp_titre_add{
				background-image: url(../_images/icon_add_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
			}
			
				.bp_titre_add:hover{
					background-image: url(../_images/icon_add_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
			.bp_titre_suivi{
				background-image: url(../_images/ms_icon_table_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
			}
			
				.bp_titre_suivi:hover{
					background-image: url(../_images/ms_icon_table_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
		
			.bp_titre_boutique{
				background-image: url(../_images/icon_panier_grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
			}
			
				.bp_titre_boutique:hover{
					background-image: url(../_images/icon_panier_blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
		
			.bp_titre_devis{
				background-image: url(../_images/bp_titre_devis-grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				
			}
			
				.bp_titre_devis:hover{
					background-image: url(../_images/bp_titre_devis-blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
			.bp_titre_facture{
				background-image: url(../_images/bp_titre_facture-grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				
			}
			
				.bp_titre_facture:hover{
					background-image: url(../_images/bp_titre_facture-blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
			
			.bp_titre_add_panier, .bp_titre_add_client{
				background-image: url(../_images/icon_panier_add-grey.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 50% 2px;
				
			}
			
				.bp_titre_add_panier:hover, .bp_titre_add_client:hover{
					background-image: url(../_images/icon_panier_add-blue.png);
					background-size: 25px 25px;
					background-repeat: no-repeat;
					background-position: 50% 2px;
					color: #1277d3;
				}
				
								
.cont_page{

color: black;
/*
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
*/

/*
display: block;
float: left;*/
/*margin: 5px;*/

/*
position: fixed;
overflow-y: auto;
width:80%;*/
    position: relative;
    display: block;
	
}

	/* ms style */
	.ms_cont_left, .ms_cont_right{
	float:left;
	display:inline-block;
	width:50%;
	margin-bottom:10px;
	}
	.ms_cont_all{
	float:left;
	display:inline-block;
	width:100%;
	margin-top:10px;
	}
		.ms_cont_all:first-child{
		
		margin-top:0px;
		}							
		.ms_cont_left > .ms_cont_inner{
			margin-right:5px;
		}
		.ms_cont_right > .ms_cont_inner{
			margin-left:5px;
		}
	
	.ms_titre_mini{
		height:20px;
		line-height:20px;
		font-size: 12px;
		/*margin-top:20px;*/
		
		
		
		padding-left: 20px;
		/*background-color: #666666;
			-webkit-background-clip: text;
			-moz-background-clip: text;
			background-clip: text;
			color: transparent;
			text-shadow: rgba(0,0,0,0.5) 0px 2px 3px*/
	
		background:#1277D3;
		/*background: transparent linear-gradient(to bottom, #1277D3, #0E579A) repeat scroll 0% 0%;*/
		color:#FFF;
		font-weight:600;
			
			
		
		/*border: 2px solid #CCC;
		box-sizing: border-box;*/
		border-radius: 5px 5px 0 0;
		
	
	}
	.ms_titre, .ms_titre_icon{
		height:30px;
		line-height:30px;
		font-size: 12px;
		margin-top:20px;
		
		
		
		padding-left: 20px;
		/*background-color: #666666;
			-webkit-background-clip: text;
			-moz-background-clip: text;
			background-clip: text;
			color: transparent;
			text-shadow: rgba(0,0,0,0.5) 0px 2px 3px*/
	
		background:#1277D3;
		/*background: transparent linear-gradient(to bottom, #1277D3, #0E579A) repeat scroll 0% 0%;*/
		color:#FFF;
		font-weight:600;
			
			
		
		/*border: 2px solid #CCC;
		box-sizing: border-box;*/
		border-radius: 5px 5px 0 0;
		
	
	}
	.ms_titre:first-child, .ms_titre_icon:first-child{
		margin-top: 0px !important;
		
	
	}
	
	.ms_titre_icon{
		padding-left: 45px !important;
	}

	
	.ms_contenu{
		/*height:100%;*/
		display: inline-block;
		width:100%;
				
		/*padding-left: 5px;*/
		
		background-color:#F4F4F4;
		color:#4f4f4f;
		
		
		box-sizing: border-box;
		border-style: solid;
		border-width: 0 2px 2px 2px;
		border-color: #CCC;
	
	}
	
	.ms_contenu_vide{
		/*height:100%;*/
		display: inline-block;
		width:100%;
				
		/*padding-left: 5px;*/
		
		background-color:#fff;
		color:#4f4f4f;
		
		
		box-sizing: border-box;
	
	}
	
		
		.colonne_left{
		text-align:right;
		width:35%;
		padding-right:10px;
		font-weight:600;
		font-size:11px;
		vertical-align:top;
		line-height: 20px;
		color: #4F4F4F;
		}

		.colonne_right{

		text-align:left;
		width:75%;
		}

		.ms_icon_table{
			background-image: url(../_images/ms_icon_table.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 15px 5px;
		}
		
		.ms_icon_recent{
			background-image: url(../_images/ms_icon_history.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 15px 5px;
		}
		
		.ms_icon_boutique{
			background-image: url(../_images/icon_panier_white.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 15px 5px;
		}
		
		
		.ms_icon_important{
			background-image: url(../_images/ms_icon_history.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 15px 5px;
		}

		.ms_titre > .tabl_recherche, .ms_titre_icon > .tabl_recherche{
		float:right;
			background-image: url(../_images/loupe.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 5px 5px;
			text-align: right;
			padding-left: 30px;
			padding-right: 5px;
																										
		
		}
			.tabl_recherche > .txt_recherche{
			
			}
	.ms_contenu_excel {
    display: inline-block;
    width: 100%;

	}
		.ms_contenu_excel > table > thead{
			background:#1277d3;
			color:#FFF;
		}
	
	.ms_cont_inner > table.border_blue{
		border-left: 2px solid #1277d3;
		border-bottom: 2px solid #1277d3;
		border-right: 2px solid #1277d3;
		/*border-radius: 0px 0px 5px 5px;*/
	}
	
	.ms_contenu_titre_carre {
		display: block;
		width: 100%;
		height: 30px;
		background: #1277d3;
		color: #FFF;
		font-weight: 600;
		line-height: 30px;
		float: left;
	}
	.ms_contenu_titre_carre_logo {
		position: relative;
		float: left;
		width: 30px;
		text-align: center;
		height:30px;
	}
		.ms_contenu_titre_carre_logo.icon_article {
				background-image: url(../_images/icon_article_white.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		.ms_contenu_titre_carre_logo.icon_suivi {
				background-image: url(../_images/ms_icon_table.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		.ms_contenu_titre_carre_logo.icon_boutique {
				background-image: url(../_images/icon_panier_white.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		.ms_contenu_titre_carre_logo.icon_stock {
				background-image: url(../_images/bp_titre_stock_white.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		.ms_contenu_titre_carre_logo.icon_maj {
				background-image: url(../_images/ms_icon_history.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		.ms_contenu_titre_carre_logo.icon_date {
				background-image: url(../_images/icon_livrer_white.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		.ms_contenu_titre_carre_logo.icon_tarif {
				background-image: url(../_images/bp_titre_tarif_white.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		.ms_contenu_titre_carre_logo.icon_devis {
				background-image: url(../_images/bp_titre_devis-white.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		.ms_contenu_titre_carre_logo.icon_facture {
				background-image: url(../_images/bp_titre_facture-white.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		.ms_contenu_titre_carre_logo.icon_option {
				background-image: url(../_images/ms_icon_option.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
		
		.ms_contenu_titre_carre_logo.icon_warning {
				background-image: url(../_images/bp_titre_caution_white.png);
				background-size: 25px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
	
		
		
		
		.ms_contenu_titre_carre_logo.icon_variante {
				background-image: url(../_images/icon_menu_white.png);
				background-size: 40px;
				background-repeat: no-repeat;
				background-position: 50%;
		}
	
	.ms_contenu_titre_carre_txt {
		position: relative;
		float: left;
		width: calc(100% - 50px);
		border-left: 1px solid #FFF;
		box-sizing: border-box;
		padding-left: 10px;
	}
	.ms_contenu_titre_carre_txt > .tabl_recherche{
		float:right;
			background-image: url(../_images/loupe.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 5px 5px;
			text-align: right;
			padding-left: 30px;
			padding-right: 5px;
																										
		
		}
			.ms_contenu_titre_carre_txt > .tabl_recherche > .txt_recherche{
			
			}
	.ms_contenu_titre_carre_txt_op{
		position: relative;
		float: left;
		width: calc(100% - 100px);
		border-left: 1px solid #FFF;
		box-sizing: border-box;
		padding-left: 10px;
	}
		.ms_contenu_titre_carre_bp_op{
			position: relative;
			float: left;
			width: 40px;
			height: 40px;
		
		}
			.ms_contenu_titre_carre_bp_op.icon-detail{
				background-image: url(../_images/icon_detail_white.png);
				background-size: 30px;
				background-repeat: no-repeat;
				background-position: 50%;
				-ms-transform: rotate(0); /* IE 9 */
				-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
				transform: rotate(0);
				cursor:pointer;
				transition: all 1s;
				
			}
			.ms_contenu_titre_carre_bp_op.icon-detail:hover{
				-ms-transform: rotate(90deg); /* IE 9 */
				-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
				transform: rotate(90deg);
				
				
			}
			
			.ms_contenu_titre_carre_bp_op.icon-detail-off{
				background-image: url(../_images/icon_detail_white.png);
				background-size: 30px;
				background-repeat: no-repeat;
				background-position: 50%;
				-ms-transform: rotate(90deg); /* IE 9 */
				-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
				transform: rotate(90deg);
				cursor:pointer;
				transition: all 1s;
				
			}
			.ms_contenu_titre_carre_bp_op.icon-detail-off:hover{
				-ms-transform: rotate(0); /* IE 9 */
				-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
				transform: rotate(0);
				
				
			}
	/* ++++++++++++++++++++ TABLE ++++++++++++++++++++ */
.tr_impaire{
	background-color: #FFF;
}
.tr_paire{
	background-color: #F4F4F4;
}
	.tr_impaire >td, .tr_paire >td{
		border-bottom: 1px solid #CCC;
		vertical-align:top;
	}
	.tr_impaire.bottom_off>td, .tr_paire.bottom_off  >td{
		border-bottom: none;
	}
	.tr_impaire.style_courant:last-child >td, .tr_paire.style_courant:last-child  >td{
		border-bottom: 1px solid #CCC !important;
	}

.tr_edition{
	background: #ccc !important;
}
	.td_edition{
		vertical-align:top;
	}
	.td_hidden{
		display:none;
	}
.tr_tout_voir{
	text-align:right;
	background-color: #FFF !important;
}
	.tr_tout_voir > td { 
		text-align:right !important;
		background-color: #f4f4f4 !important;
	}		
		.tr_tout_voir > td >input { 
			text-align:right !important;
		}		

	
	/* BTN */
	.btn_tabl_a{
		color: #1277d3;
		text-decoration:none;
		border:none;
		background:none;
		padding: 0;
		margin: 0;
		width:100%;
		height:100%;
		cursor:pointer;
		text-align:left;		
		}
			.btn_tabl_a:hover{
			color: #1277d3;
			text-decoration:underline;
			}
	.btn_tabl{
	border:none;
	background:none;
	padding: 0;
	margin: 0;
	width: 25px;
	height: 25px;
	cursor:pointer;
	}
		
		.btn_tabl.icon_pdf{
			background-image: url(../_images/bp_pdf_blue.png);
			background-size: 25px 25px;
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
		.btn_tabl.icon_send{
			background-image: url(../_images/bp_send_blue.png);
			background-size: 25px 25px;
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
		.btn_tabl.icon_edit{
				background-image: url(../_images/icon_edit_blue.png);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				background-position: 0px 0px;
		}
		.btn_tabl.icon_save{
			background-image: url(../_images/bp_titre_save_blue.png);
			background-size: 25px 25px;
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
		
	.btn_tabl_cursor_move{
		background-image: url(../_images/cursor_move.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		cursor:move;
	}
		
/* ++++++++++++++++++++ BUTTON ++++++++++++++++++++ */
input.effet, textarea.effet, select.effet{
width:100%
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  
input.effet, textarea.effet, select.effet {
  padding: 2px;
  border: 1px solid #CCC;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  outline: none; /* Retire la bordure orange appliquée par certains navigateurs (Chrome notamment) lors du focus des éléments <input> */
}

input.effet:focus , textarea.effet:focus , select.effet:focus  {
  border-color: rgba(82, 168, 236, 0.75) !important;
  -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5) !important;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5) !important;
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5) !important;
}

.correct, .correct.effet {
  border-color: rgba(68, 191, 68, 0.75) !important;
}

.correct:focus, .correct.effet:focus  {
  border-color: rgba(68, 191, 68, 0.75) !important;
  -moz-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5) !important;
  -webkit-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5) !important;
  box-shadow: 0 0 8px rgba(68, 191, 68, 0.5) !important;
}

.incorrect, .incorrect.effet  {
  border-color: rgba(191, 68, 68, 0.75) !important;
}

.incorrect:focus, .incorrect.effet:focus  {
  border-color: rgba(191, 68, 68, 0.75) !important;
  -moz-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5) !important;
  -webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5) !important;
  box-shadow: 0 0 8px rgba(191, 68, 68, 0.5) !important;
}

	/* input group design*/
	.input-group {
		position: relative !important;
		display: table;
		border-collapse: separate;
	}
	.input-group-addon {
		color: #4f4f4f !important;
		background-color: #EEEEEE !important;
		border-color: #CCC !important;
		padding: 6px 5px !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		color: #555 !important;
		text-align: center !important;
		background-color: #eee !important;
		border: 2px solid #ccc !important;
		border-radius: 4px 0px 0px 4px !important;
		width: 1% !important;
		white-space: nowrap;
		vertical-align: middle;
		display: table-cell ;
		box-sizing: border-box !important;
		vertical-align:top;
	}
	.input-group .form-control {
		float: left;
		width: 100%;
		margin-bottom: 0;
	}
	.form-control {
		display: table-cell ;
	width: calc(100% + 2px) !important;
		/*height: 34px;*/
		padding: 5px 5px !important;
		font-size: 12px !important;
		/*line-height: 1.428571429;*/
		color: #555 !important;
		background-color: #fff !important;
		background-image: none !important;
		border: 2px solid #ccc !important;
		border-left: none !important;
		border-radius: 0px 4px 4px 0px !important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
		box-sizing: border-box !important;
		margin-left: -2px !important;
		margin-top: 0 !important; 
	}
		
	.input-group-addon-right {
		color: #4f4f4f !important;
		background-color: #EEEEEE !important;
		border-color: #CCC !important;
		padding: 6px 5px !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		color: #555 !important;
		text-align: center !important;
		background-color: #eee !important;
		border: 2px solid #ccc !important;
		border-radius: 0 4px 4px 0 !important;
		width: 1% !important;
		white-space: nowrap;
		vertical-align: middle;
		display: table-cell ;
		box-sizing: border-box !important;
		vertical-align:top;
		/*margin-left: -2px !important;*/
		

	}
	
	.form-control-right {
		display: table-cell ;
		width: calc(100% + 2px) !important;
		/*height: 34px;*/
		padding: 5px 5px !important;
		font-size: 12px !important;
		/*line-height: 1.428571429;*/
		color: #555 !important;
		background-color: #fff !important;
		background-image: none !important;
		border: 2px solid #ccc !important;
		
		border-radius: 4px 0 0 4px !important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
		box-sizing: border-box !important;
		border-right: none !important;
		margin-top: 0 !important; 
		margin-right: -2px !important;
	}
	
	
	.input1-group-addon-trois {
		color: #4f4f4f !important;
		background-color: #EEEEEE !important;
		border-color: #CCC !important;
		padding: 6px 5px !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		color: #555 !important;
		text-align: center !important;
		background-color: #eee !important;
		border: 2px solid #ccc !important;
		border-radius: 4px 0px 0px 4px !important;
		width: 1% !important;
		white-space: nowrap;
		vertical-align: middle;
		display: table-cell ;
		box-sizing: border-box !important;
		vertical-align:top;
		

	}
	.input2-group-addon-trois {
		color: #4f4f4f !important;
		background-color: #EEEEEE !important;
		border-color: #CCC !important;
		padding: 5px 5px !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		color: #555 !important;
		text-align: center !important;
		background-color: #eee !important;
		border: 2px solid #ccc !important;
		border-radius: 0 4px 4px 0 !important;
		width: 1% !important;
		white-space: nowrap;
		vertical-align: middle;
		display: table-cell ;
		box-sizing: border-box !important;
		vertical-align:top;
		
		margin-left: -2px !important;
		

	}
	
	.form-control-trois {
		display: table-cell ;
		width: calc(100% + 4px) !important;
		/*height: 34px;*/
		padding: 5px 5px !important;
		font-size: 12px !important;
		/*line-height: 1.428571429;*/
		color: #555 !important;
		background-color: #fff !important;
		background-image: none !important;
		border: 2px solid #ccc !important;
		
		/*border-radius: 4px 0 0 4px !important;*/
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
		box-sizing: border-box !important;
		border-right: none !important;
		border-left: none !important;
		margin-top: 0 !important; 
		margin-right: -2px !important;
		border-radius: none !important;
		margin-left: -2px  !important;
		border-radius: 0px !important;
	}
	
	
	.form-control:disabled,.form-control-trois:disabled, .form-control-right:disabled, .form-control-st2:disabled, input:disabled {
		background-color: #e9e9e9 !important;
	}
	
	.input-group-st2 {
		position: relative !important;
		display: table;
		border-collapse: separate;
		background:#f0f0f0;
		margin: 5px 0 5px 0;
		padding: 0 5px;
		box-sizing:border-box;
		float: left;
		
	}
	.input-group-st2-addon, .input1-group-st2-addon-trois, .input2-group-st2-addon-trois {
		color: #4f4f4f !important;
		padding: 0 10px  !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		color: #555 !important;
		text-align: left !important;
		background-color: none !important;
		width: 1% !important;
		white-space: nowrap;
		vertical-align: middle;
		display: table-cell ;
		box-sizing: border-box !important;
		vertical-align:middle;
	}
	.input-group-st2 .form-control-st2{
		float: left;
		width: 100%;
		margin-bottom: 0;
	}
	.form-control-st2, .form-control-st2-trois {
		display: table-cell ;
		width: calc(100%) !important;
		/*height: 34px;*/
		padding: 5px !important;
		font-size: 12px !important;
		/*line-height: 1.428571429;*/
		color: #555 !important;
		background-color: #fff !important;
		background-image: none !important;
		border: 2px solid #CCC !important;
		box-shadow:none !important;
		box-sizing: border-box !important;
		margin-top: 5px !important; 
		margin-bottom: 5px !important; 
		border-radius: 2px !important;
	
	}
	
	.input-group-st2-addon >span, .input1-group-st2-addon-trois >span, .input2-group-st2-addon-trois >span {
		float:left;
		display: block;
		
	}
	
	
	/* css toggle bp */

	.switch{
	display: inline-block;
	float: left;
	}

	.cmn-toggle {
	  position: absolute;
	  margin-left: -9999px;
	  visibility: hidden;
	  border: none !important;
	}
	.cmn-toggle + label {
	  display: block;
	  position: relative;
	  cursor: pointer;
	  outline: none;
	  user-select: none;
	  border: none !important;
	  float:left;
	}

	.txt_for_toggle {
		margin-left: 8px;
	}

	input.cmn-toggle-round-flat + label {
	  padding: 2px;
	  width: 40px; /* 50 */
	  height: 18px; /* 24 */
	  /*background-color: #CCC;*/
	   background-color: #F2F2F2 ;
	  border-radius: 60px;
	  transition: background 0.4s;
	  border: none !important;
	}
	input.cmn-toggle-round-flat + label:before,
	input.cmn-toggle-round-flat + label:after {
	  display: block;
	  position: absolute;
	  content: "";
	  border: none !important;
	}
	input.cmn-toggle-round-flat + label:before {
	  top: 2px;
	  left: 2px;
	  bottom: 2px;
	  right: 2px;
	  background-color: #CCC;
	  border-radius: 60px;
	  transition: background 0.4s;
	  border: none !important;
		background-image: url('../_images/toggle-off.png'), linear-gradient(to bottom, #FF0000, #D61010);
		background-repeat: no-repeat, no-repeat;
		background-position: 23px center, left;
		background-size: 10px 10px,cover;
	}
	input.cmn-toggle-round-flat.disabled + label:before {
	  top: 2px;
	  left: 2px;
	  bottom: 2px;
	  right: 2px;
	  background: #CCC !important;
	  border-radius: 60px;
	  transition: background 0.4s;
	  border: none !important;
		
	}
	input.cmn-toggle-round-flat + label:after {
	  top: 4px;
	  left: 4px;
	  bottom: 4px;
	  width: 14px; /* 20*/
	  background-color: #FFF;
	  border-radius: 52px;
	  transition: margin 0.4s, background 0.4s;
	  border: none !important;
	}
	input.cmn-toggle-round-flat:checked + label {
	  background-color: #F2F2F2 ;
	  border: none !important;
	}
	input.cmn-toggle-round-flat:checked + label:before {
	  background-color: #1277D3  ; /* 1277D3  4cd964*/
	  border: none !important;
		background-image: url('../_images/toggle-on.png'), linear-gradient(to bottom,#6BCE59, #689F38);
		background-repeat: no-repeat, no-repeat;
		background-position: 5px center, left;
		background-size: 15px 15px,cover;
		
	}
	input.cmn-toggle-round-flat:checked + label:after {
	  margin-left: 22px; /* 26*/
	  background-color: #FFF;
	  border: none !important;
	}

			
	/* bp table flaot */
	.bp_float_table{
		 width: 100%;
		 height: 24px;
		 
	}
	.bp_float_table >input{
		width:20px;
		height:20px;
		float:left;
		border:none;
		margin:2px;
		cursor:pointer;
		background:none;
		
	}
	
		
		.bp_float_table >input.btn_article_save{
			background-image: url(../_images/bp_titre_save_grey.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 0 0px;
		}
		
			.bp_float_table >input.btn_article_save:hover{
				background-image: url(../_images/bp_titre_save_blue.png);
				background-size: 20px 20px;
				background-repeat: no-repeat;
				background-position: 0% 0px;
			}
		
		.bp_float_table >input.btn_article_edit{
			background-image: url(../_images/icon_edit_grey.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 0% 0px;
		}
		
			.bp_float_table >input.btn_article_edit:hover{
				background-image: url(../_images/icon_edit_blue.png);
				background-size: 20px 20px;
				background-repeat: no-repeat;
				background-position: 0% 0px;
			}
			
		.bp_float_table >input.btn_article_delete{
			background-image: url(../_images/bp_titre_delete_grey.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 0% 0px;
		}
		
			.bp_float_table >input.btn_article_delete:hover{
				background-image: url(../_images/bp_titre_delete_blue.png);
				background-size: 20px 20px;
				background-repeat: no-repeat;
				background-position: 0% 0px;
			}
	
		.bp_float_table >input.btn_article_add{
			background-image: url(../_images/icon_add_grey.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 0% 0px;
		}
		
			.bp_float_table >input.btn_article_add:hover{
				background-image: url(../_images/icon_add_blue.png);
				background-size: 20px 20px;
				background-repeat: no-repeat;
				background-position: 0% 0px;
			}
	
/*datapicjer*/
.hasDatepicker{
float:left;
}
.ui-datepicker-trigger{
float:left;
width:22px;
margin-top: 2px;
}

/* ul lmi */

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.btn_menu{
    height: 25px;
	width: 100%;
	background-size: 200% 100%;
   	background: transparent linear-gradient(to bottom, #6BCE59, #689F38) repeat scroll 0% 0%;
	
   /* border-left: 3px solid rgb(255, 255, 255);
    border: 0px none;
    border-left: 3px solid rgb(255, 255, 255);
    border-width: 0px 0px 0px 3px;
    border-radius: 0px;*/
	border-color: rgb(255, 255, 255);
	border-style: solid;
	border-width: 1px 1px 1px 1px;

    color: white;
	padding-left: 32px;
	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	cursor:pointer;
}

.btn_menu:hover{
    position: relative;
    height: 25px;
    background-color: #FFFFFF  ;	
	border-color: rgb(255, 255, 255);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	
    color: rgb(18, 119, 211);
	padding-left: 32px;
	

}


#devis_valider{
	background-image: url('../images/menu_valider.png'),  linear-gradient(to bottom, #6BCE59, #689F38);
	background-repeat: no-repeat, no-repeat;
	background-position: 5px center, left;
	background-size: 20px 20px,cover;
/*	background: transparent repeat scroll 0% 0%;*/
}

#devis_valider:hover{
	background-image: url('../images/menu_valider-hover.png'),  linear-gradient(to bottom, #FFF, #FFF);
	background-repeat: no-repeat, no-repeat;
	background-position: 5px center, left;
	background-size: 20px 20px,cover;
}

#devis_save{
	background-image: url('../images/menu_save.png'),  linear-gradient(to bottom, #6BCE59, #689F38);
	background-repeat: no-repeat, no-repeat;
	background-position: 5px center, left;
	background-size: 20px 20px,cover;
	
	
}

#devis_save:hover{
	background-image: url('../images/menu_save-hover.png'),  linear-gradient(to bottom, #FFF, #FFF);
	background-repeat: no-repeat, no-repeat;
	background-position: 5px center, left;
	background-size: 20px 20px,cover;
}

#devis_annuler{
	background-image: url('../images/menu_back.png'),  linear-gradient(to bottom, #FF0000, #D61010);
	background-repeat: no-repeat, no-repeat;
	background-position: 5px center, left;
	background-size: 20px 20px,cover;
	
	
}

#devis_annuler:hover{
	background-image: url('../images/menu_back-hover.png'),  linear-gradient(to bottom, #FFF, #FFF);
	background-repeat: no-repeat, no-repeat;
	background-position: 5px center, left;
	background-size: 20px 20px,cover;
}


/* loader */

.loader{
width:100%;
height:100%;
overflow:hidden;
}
	

	@keyframes spin{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}	
}
	.loader_icon{
	width:100%;
	float:left;
	}
		
		.loader_icon > .icon{
		background-image:url(../_images/loader-blue.png);
		background-repeat:no-repeat;
		background-position: 50%;
		-webkit-animation:spin 2s linear infinite;
		-moz-animation:spin 2s linear infinite;
		animation:spin 2s linear infinite;
		width: 100px;
		height: 100px;
		margin: 0 auto;
		}
		
	
	.loader_txt{
	width:100%;
	float:left;
	color: #4f4f4f;
	font-size:15px;
	font-weight:600;
	text-align:center;
	line-height: 30px;
	}