body{
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 9pt;
	background-color: #eee !important;
	}

.facture_input_nombre{
		margin:0px 0px 0px 5px;
		text-align: right;
	}
	
	input.formulaire_client{
		
		width: 100%;
	}
	#formulaire_client label{
		margin-top:8px !important;
		font-size: 8pt;
		color:#888;
		line-height: 8pt;
		font-weight: normal;
		margin-bottom:2px !important;
		}
	.tache_sous_liste{
		
		color:#444 !important;
		}	
#formulaire_client h1{
		margin-top:0px !important;
	}
.alerte_rouge{
	background-color:red;
	}
.titre_facture_service div{
	
	text-align: right;
	
	}
	.bg_b{
	background-color: #006699;
}
#menu_tache {
    background-color: #006699 !important;
}
.petit_plus{
	cursor:hand;
	cursor:pointer;
	-webkit-border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
		width: 25px;
				background-color: #006699;
color:#fff;
			text-align: center;
		font-weight: bold;
font-size: 10pt;
}
	.client_zone{
		padding:30px;
		border: 1px solid #333;
		background-color:#fff;
		margin-top:10px;
			}
	
	
	.select_client{
		cursor:hand;cursor:pointer;
		}
		.alerte_doublon{
			margin:10px 20px 30px 20px;
			border: 5px solid #a94442;
			padding:20px;
			background-color: #f2dede;
			-webkit-border-radius: 12px 12px 12px 12px;
			-moz-border-radius: 12px 12px 12px 12px;
			border-radius: 12px 12px 12px 12px;
		}
		.alerte_doublon h1{
			color:#a94442 !important;
			border-bottom:3px solid #a94442 !important;
			font-weight: bold;
			font-size:16pt;
		}
		.alerte_doublon a{
						color:#a94442 !important;

			}
img{
	
	}	
	.alert_email{
		font-weight: bold;
		color:#dd4444;
		font-size: 12pt;
		cursor: hand;
		cursor: pointer;
		}
	.table_title td{
		font-weight: bold;
		border-bottom:1px solid #444 !important;
		}
	
	.doublon td{padding:8px 0;}
	
.zone_description_liste:hover{
		background-color: #f2f2f2 !important;
	}
	
	.label_statut{
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		background-color: #006699;
		padding: 2px 4px;
		color: #eee;
		font-weight: normal;
		cursor:pointer;
		cursor:hand;

	}
	
	
	.ligne_paiement div{
		
		padding:8px 4px;
		
		}
	
	
	
	
	
	.table_client_option .label_checkbox{
		float:left;
		padding:20px !important;
		-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
margin-left:15px !important;
border: 2px solid #f3f3f3;


	}
	.table_client_option .label_radio{
		font-size:16pt !important;
		font-weight: normal;
	    padding:5px 20px !important;
	    -webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
margin-left:15px;
border: 2px solid #f3f3f3;
color:#aaa;

	}
	.table_client_option input[type="checkbox"]{margin-top:28px;color:#888;}
	.table_client_option input[type="radio"]{margin-top:18px;color:#888;}
	.table_client_option input[type="radio"]:checked+label{ font-weight: bold; border: 2px solid #006699;color:#006699 !important; } 

	.table_client_option input[type="checkbox"]:checked+label{ font-weight: bold; border: 2px solid #006699;color:#006699; } 


	
	
	
	
	
	
	
	
	
	
	.disabled_input{
		
		background-color: #f5f5f5;
		
	}
	.disabled_input:focus{
		
		background-color: #fff;
		
	}
	.requis:placeholder-shown {
					border: 2px solid #c92d0a; /* Red border only if the input is empty */
			}	
.req{
	border:2px solid #ca2d0a;
	}
.recherche_client_resultat{
	
	background-color: #fff;
	
}


.rouge{
	border:3px solid #d94d2a !important;
	color: : #fff;
}
.bleu{
	background-color:#ddd;
	color: : #fff;
}


.action_profil_client{
	background-color: #f5f5f5
	}
	
	
.facture_visuel_1{ background-color: #fff;}
	
.produit_statut_Actif{
		color:#fff;
		background-color:#2f9326;
		padding:2px 10px !important;	
		text-align: center;
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;

	}
.produit_statut_Inactif{
		background-color:#c92d0a;
		width: 100px;
		padding:2px 10px !important;	
		color:#fff;
		text-align: center;
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;

	}
/*
.style2 {
	color: #FF0000
}
.style4 {
	color: #FFCC00
}
.style5 {
	color: #FF0000;
	font-weight: bold;
}
.style6 {
	color: #000000
}
.style8 {
	color: #339933
}
*/
.hauteur_input{
	line-height:26px;
}

.minuteur_mode_0{
     border-left:10px solid #fff;
     background-color: #fff;
}

.minuteur_mode_1{
	border-left:10px  solid #c92d0a;
}

.minuteur_mode_2{
	border-left:10px  solid #d78305;
}


.identification_client{
	border:0px solid #333;
	padding:5px;
	float: left;
	}
.identification_conjoint{
	border:0px solid #333;
	padding:5px;
	width: 300px;
	float: left;
	}
.identification_seconde{
	margin:0px 0px 0px 25px !important;
	}
.zone_identifiant{
	}

.assignation{
		/* border-bottom:1px dashed #387c7c !important;    */
	}
	
	
	.statut_Mémo{
		color:#960004;
		}
	
#recherche_resultat{
	clear:both;
	border:1px solid #006699;
	}	
	.general_ma{
		
			cursor:pointer;
		cursor:hand;
		color:#fff;
		background:#006699;
		
		}
.general_separateur,.general_separateur.hover	{
	color:#333 !important;
	background:#eee !important;
}	

.general_nouveau, .general_nouveau.hover, .general_nouveau a	{
	color:006699 !important;
	background:#eee !important;
}	

		.zone_minuteur_identification #recherche_resultat{
			border:0px !important;
			
		}
	.general_ma a{
		
			cursor:pointer;
		cursor:hand;
		color:#fff;
		
		}
.recherche_principale{
	font-size: 10pt;
	}
	.recherche_client_resultat {
		min-width: 250px;

		cursor:pointer;
		cursor:hand;
	}
	
	.recherche_client_resultat li{
		padding: 5px 8px;
		color:#888;
		cursor:pointer;
		cursor:hand;
	}
	.recherche_client_resultat li:hover{
		cursor:pointer;
		cursor:hand;
		color:#fff;
		background:#006699;
	}	
	.recherche_note_resultat {
		min-width: 450px;
		background-color:#fff;
		cursor:pointer;
		cursor:hand;
	}
	
	.recherche_note_resultat li{
		padding: 5px 8px;
		color:#888;
		cursor:pointer;
		cursor:hand;
	}
	.recherche_note_resultat li:hover{
		cursor:pointer;
		cursor:hand;
		color:#fff;
		background:#006699;
	}	
	
	.recherche_client_resultat li:hover a{
		
		color:#fff;
	}	
	.recherche_note_resultat li:hover a{
		
		color:#fff;
	}
	.menu_principal {
	clear: both;
	padding: 0px 0px 0px 15px;
	min-width: 860px;
}
	.menu_principal .menu{
	
	margin-top:12px;
}
.menu_principal div{
	float: left;
	padding: 0px 0px;
}
.menu_principal .menu_content{
	min-width: 60px;
	padding: 8px 8px !important;
}
.menu_secondaire div{
	float: left;
	padding: 0px 3px;
}
.menu_secondaire .menu_content{
	min-width: 60px;
	padding: 8px 8px !important;
}
.sub-menu {
	background-color: #006699 !important;
	min-width: 1100px !important;
	clear: both;
	min-height: 58px;
}

.menu{
		float:right;
	
	}


.selected_menu{
	    background-color: #006699 !important;
	    color:#fff !important;
		-webkit-box-shadow: 0px -1px 16px 0px rgba(0,0,0,0) !important;
		-moz-box-shadow: 0px -1px 16px 0px rgba(0,0,0,0) !important;
		box-shadow: 0px -1px 16px 0px rgba(0,0,0,0) !important;	
			position: relative;
		z-index: 0;}
	



.menu_principal div.menu_content{
		text-align: center;
		background-color: #fff;
		-webkit-border-radius: 6px 6px 0px 0px;-moz-border-radius: 6px 6px 0px 0px;border-radius: 6px 6px 0px 0px;
		color: #006699;
		margin: 0px 5px !important;
		padding: 6px 4px;
		-webkit-box-shadow: 0px -1px 16px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px -1px 16px 0px rgba(0,0,0,0.1);
		box-shadow: 0px -1px 16px 0px rgba(0,0,0,0.1);
		font-size: 9pt;
	
	}
.menu_principal div.menu_content a{
		color: #fff;
	}
	

.menu_principal{	width: 100%;
	}





.css_statut_m_mo{
	
	color:#dd4444 !important;
	border:1px solid #dd4444 !important;
	
	}

.css_statut_m_mo a{
	color:#dd4444 !important;
}
.css_statut_m_mo:hover{
	border:1px solid #dd4444 !important;
}


.menu_secondaire div.menu{
		padding: 10px 2px !important;
		margin:0px 0 0px 0;
				font-size: 9pt;

	}
.menu_secondaire div.menu_content{
		text-align: center;
		background-color: #449dd1;
		-webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;
		color: #fff;
		margin: 2px 4px !important;
		padding: 6px 0px;
	}
.menu_secondaire div.menu_content a{
		color: #fff;
	}
	

.menu_secondaire div.menu_content_invert{
		text-align: center;
		background-color: #ccc;
		-webkit-border-radius: 6px 6px 0px 0px;-moz-border-radius: 6px 6px 0px 0px;border-radius: 6px 6px 0px 0px;
		color: #006699;
		margin: 2px 4px !important;
		padding: 12px 0px;
	}
.menu_secondaire div.menu_content_invert a{
		color: #006699;
	}

.menu_secondaire div.selected_submenu{
				 background-color: #fff;
				 color: #006699;
	}
	
.pastille{
 	    	background-color: #ee7656 !important;
 	    	min-width: 20px;
 	    	padding: 3px 5px !important;
 	    	text-align: center;
 	    	position: relative;
 	    	top: -10px;
 	    	right: 15px;
 	    	font-size: 8pt;
 	    	color: #fff;
 	    	margin: 0 -15px 0 0;
 } 

#menu{
	width: 100%;
	z-index: 5;
	background-color: #eee;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.formulaire_tache, .selection_date{
	height: 34px !important;
	}
.tache_label{
	color:  #4d4d4d !important;
	font-size: 8pt;
	margin: 0px;
	padding-top: 8px !important;
	letter-spacing: 0.1em;
	clear: both;
	text-align: right;
}

.border{
	border:1px solid #445500;
	}
.option_date {
		margin-top: 6px !important;
	}
.option_date span{
				background-color: #ccc;

		color: #fff;
		padding:8px;
		    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
		
	}
	
.option_date span:hover{
				background-color: #006699;
				cursor: hand;cursor: pointer;
		
	}


.tache_id { 
			-webkit-border-bottom-right-radius: 8px;
			-webkit-border-bottom-left-radius: 8px;
			-moz-border-radius-bottomright: 8px;
			-moz-border-radius-bottomleft: 8px;
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
			margin: -36px auto 20px!important;
			padding: 6px !important;text-align: center;color: #000;
			border-bottom:1px #aaa  solid;
			border-left:1px #aaa  solid;
			border-right:1px #aaa  solid;
			border-top:1px #aaa  solid;
			padding-bottom: 10px;
			-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.19);
			-moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.19);
			box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.19);
			width: 200px;
	}
.tache_id a{ color: #333; }
	
.tache_id_description{
		margin-left: 15px;color:#999;
		}
.option_date{
	display: none;
	color: 
	}
.option_date span{
	cursor: pointer;cursor: hand;
	   	user-select: none; /* standard syntax */
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
	}
.save_status{
	float: left;
	height: 26px;
	height: 32px;
	
	}

.soumettre{
	padding: 7px 14px;
	background-color: #006699;
	color: #fff !important;
	border: 0px !important;
	}

.liste_paiement{
		background-color: #fff; !important;
	}
.menu input{
	padding: 6px;
	}
.action_script{
	cursor: hand;cursor:pointer;
	}

#nb_resultat{
	vertical-align: middle;
	color: white;
	padding: 10px;
	font-weight: bold;
	}
.filter-option-inner{
}

.noformat{
	display: none;
	}

.back1jaune div{
	margin:0px;
}
.bootstrap-select div, .bootstrap-select button, .bootstrap-select select , .bootstrap-select li  {
  font-size: 10px !important;
}
.form-control{height: auto !important;}

.linkblanc{
	padding: 5px;
}
input.action{
	padding: 5px;
}
.back1client_inner{
	margin:6px 0px;
	padding: 3px;
}
.back1client{
	background-image: none !important;
	background-color: #006699 !important;
}
#recherche--client{
	font-size: 1em !important;
}

.donnee td{padding:8px 0px 8px;border-bottom: 1px solid #BBD9E4;}
.donnee a{color:#1111ff;}
.tri_titre div, .selecteur_tri{ margin:0px 0px 8px 0px !important;}

.selecteur_tri .dropdown{
	margin:10px 0 0 0;
}

.surligne_recherche{
	font-weight: bold;
	
}



.liste_connaissance {

    padding: 10px 20px;
    background-color: #fff;
    margin: 4px auto;
    border: 1px solid #aaa;
    font-size: 9pt;
    -webkit-box-shadow: 10px 3px 28px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 3px 28px -6px rgba(0,0,0,0.3);
    box-shadow: 10px 3px 28px -6px rgba(0,0,0,0.3);
}

.liste_connaissance h1{
	font-size:1.2em !important;
	border-bottom:2px solid #ccc;
		}
		
		h1{
	font-size:1.4em !important;
	border-bottom:2px solid #ccc;
		}
.liste_connaissance h2{
	font-size:1.4em !important;
	border-bottom:1px solid #ccc;
	color: #555;
		}

.liste_connaissance div.titre{
    background-color: #fff;
	color:#006699;
	font-size: 1.4em;
	line-height: 1.0em;
	margin: 10px 0 0 0;
	cursor:pointer;
	cursor:hand;
	}



#formulaire_client input{
/*	margin:4px 0px;    */
	
	}
	
	
.message_rappel{
	border:1px solid #bbb;
	padding:20px 30px !important;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: #f5f5f5;
	}	
	
	
	
	
	
.form_tache {
	color: #fff;
	font-size: 9pt;
	font-weight: normal; 
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	-webkit-border-radius: 10px 0px 10px 0px;
	-moz-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;
}

.form_tache select{
	background-color: #fff;
	color: #333;
	font-weight: normal;
	padding: 5px;
	vertical-align: middle;
	width: 100%
}
 .content select{
	background-color: #fff;
	color: #333;
	font-weight: normal;
	padding: 5px;
	vertical-align: middle;
}

 .content_time select{
	background-color: #fff;
	color: #333;
	font-weight: normal;
	padding: 7px;
	vertical-align: middle;
}

.option_date{
	margin: 0px 0px 0px 0px;
	}

.liste_tache_action div{
		padding: 1px 4px;	
		}
.form_tache .action, .action{
	margin:6px 0 0 0;
	color: #333 !important;
	padding: 5px !important;
	height: 30px;
}
.surligne{border:3px solid #cAe9f7 !important;}
.non_surligne{border:3px solid #006699 !important;}

#recherche label{
	font-weight: normal;
	font-size: 10pt;
}
#recherche {
	padding:3px;
}
#recherche input {
	font-size: 9pt;
}
#recherche a{
	font-size:9pt;
}
input{
	color: #222 !important;
}

.rafraichir{
	color: white;background-color: #006699; padding: 10px 10px;border: 1px solid #aaa;
	}
	.rafraichir a:hover, 	a.rafraichir:hover{ 
	color: white;	}


.form_label{
	margin: 10px 0 0 0;
}

.enfant{ 
	padding:0px 0px 0px 30px;
}
#Table_01{
	position: relative;
	}	
	

	.sql{
		 border:1px solid #888;
		 padding:20px;
		 margin: 20px auto;
		 width: 100%;	
		 font-size:8pt;
		 background-color: #fff;
		}
input.login {

    padding: 6px;
    background-color: #fff !important;
    border: 6px solid #fff;
    min-width: 200px !important;
    font-size: 1.2em;
    margin-bottom: 10px;
    -webkit-appearance: none;

}

input.recherche_liste {

    padding: 6px;
    background-color: #fff !important;
    border: 6px solid #fff;
    width: 100%;
    font-size: 1em;
    margin-bottom: 10px;
    -webkit-appearance: none;
    width: 100%;
    border:1px solid #d3d3d3;
    border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;

}

#titre_liste input[type="radio"]{
	margin:3px 3px 0px 0px;display: none;
	}
#titre_liste label{
	margin:0px 0px 0px 0px !important;
	font-weight: normal;
	color: #006699;
	}

h5{
	color: #888;
	padding:0px !important;
	font-size: 9pt;
}
.montant{
	
}
.action{
	cursor: hand;cursor: pointer;
		color: #006699 !important;
}
.form-control{
	font-size: 9pt;
}
.liste_cadre{
	max-width: 1350px;
	min-width: 1100px;
	padding:30px;
	background-color: #fff;
	margin: 18px auto;
	border: 1px solid #aaa;
	font-size: 9pt;
	-webkit-box-shadow: 10px 3px 28px -6px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 3px 28px -6px rgba(0,0,0,0.3);
box-shadow: 10px 3px 28px -6px rgba(0,0,0,0.3);
	}
	
	.liste_cadre_full{
	max-width: 96%;
	
	padding:30px;
	background-color: #fff;
	margin: 18px auto;
	border: 1px solid #aaa;
	font-size: 9pt;
	-webkit-box-shadow: 10px 3px 28px -6px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 3px 28px -6px rgba(0,0,0,0.3);
box-shadow: 10px 3px 28px -6px rgba(0,0,0,0.3);
	}

.selection_date input{
	max-width: 95px;
	font-size: 9pt;
	}
.selection_date_time input{
	float: left;
	max-width: 100px !important;
	font-size: 9pt;
	}

.liste_element{
	border: 1px solid #eee;
}
.liste_element table{
margin:4px 0px; }


.liste_element:hover{
	border: 1px solid #006699 !important;
	
}

.liste_element_classic{
	border: 1px solid #eee;
	background-color: #fff;
	cursor: hand;cursor: pointer;
}
.liste_element_classic:hover{
	border: 1px solid #ccc !important;
	background-color: #fff;

}
.liste_element_etat{
	background-color: #fff;
	cursor: hand;cursor: pointer;
}
.liste_element_etat:hover{
	background-color: #fff;

}
.menu input {
    padding: 6px;
}
.liste_element_classic div, .liste_element_etat div{
	font-size:9pt;
	padding: 8px 3px;
	cursor: pointer;
	cursor:hand;
}

.liste_selection div.premier{
	font-size:14px;
	padding: 8px 3px;
}
.liste_element div{
	font-size:9pt;
	padding: 5px 3px 4px;
	cursor: hand;
	cursor:pointer;

}
.liste_element_enfant div{
	font-size:9pt;
	padding: 2px 3px;
	cursor: hand;cursor:pointer;
}
.liste_element_enfant {

	border-bottom:0px solid #ccc;
}
.carte_identification{
	padding:8px 15px !important;
	clear: both;
	border:1px solid #bbb;
	background-color: #f5f5f5;
	  border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.12);
			-moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.12);
			box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.12);
	
	}
.assignation_tache{
	
	max-width: 500px;
	margin :0px auto 20px;
	text-align: center;
}
.nb_resultats{
				padding:4px 8px !important;
				margin: 0px 20px 0px 0px ;
				color:#fff;
				border-radius: 3px 3px 3px 3px;
				-moz-border-radius: 3px 3px 3px 3px;
				-webkit-border-radius: 3px 3px 3px 3px;
				-webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.12);
				-moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.12);
				box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.12);
				background-color:#006699 !important;
				float: right;
				font-weight: normal !important;
	}
.selection_liste{
		border: 1px solid #006699;

	}
.pair{
	background-color:#fff;
	}
.impair{
	background-color:#f6f6f6;
	}
.liste_titre div{
	font-size:9pt;
	padding: 5px 3px;
	font-weight: bold;
	background-color: #eee;
	}
.liste_titre {
		background-color: #eee;
		border-bottom: 0px solid #fff;
}


.liste_element div{
			padding-left:1px;

}
.liste_titre_sub div{
		color: #fff;
		padding-left:5px;
}
.liste_titre_select div{
		color: #fff;
}
.liste_titre_select{
		background-color: #006699;
				padding: 4px 3px; 
				border-bottom:1px solid #fff;

}
.liste_titre_sub{
		background-color: #006699;
				padding: 4px 3px; 

}
.liste_titre_sub div a{
		color: #FFF !important;
		
}
.liste_titre_sub_pale{
		background-color: #006699;
		
}

.liste_etat_facture{
		background-color: #d8f4fc;
	}

.bouton_cache{display:none;}


@media only screen and (device-width: 768px) {

.bouton_cache{display:block !important;}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

#date_retour{
		margin:10px;text-align: center;padding: 6px;font-size: 12pt;
	}

.button_type{
	color: #333;background-color: #eee; padding: 10px 10px;border: 1px solid #aaa;max-width: 250px;margin: 10px auto;
	}
.button_type_selection{
	color: white;background-color: #006699; padding: 10px 10px;border: 1px solid #aaa;max-width: 250px;margin: 10px auto;
	}
























.image_small{
	padding:4px;border:1px solid #ccc;width: 100%;margin:0px 0px 0px 0px;  transition: transform .2s; /* Animation */
	z-index: 100;
	}
	
.image_small:hover {
  transform: scale(3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  border:0px solid #fff;
}
.image_large{
	padding:4px;border:1px solid #ccc;width: 100%;margin:0px 0px 0px 0px;  transition: transform .2s; /* Animation */
	z-index: 100;
	}
	
.image_large:hover {
  border:0px solid #fff;
}
	

.border-orange{
					border:2px solid #FF8C00 !important;
	}

.refresh{
	padding:10px 20px; color: #fff; background-color: #006699;
	}
.button{
	border:1px solid #006699;
	background-color: #006699;
	color: #fff !important;
	padding:8px 20px;
	margin:15px 5px 10px;
	min-width: 140px;
	font-weight: bold;
	font-size: 10pt;
	}
	.buttonpale{
	border:1px solid #aaa;
	background-color: #f5f5f5;
	color: #444;
	padding:12px 20px;
	}

	
.button_link {
	border:1px solid #006699;
	background-color: #006699;
	color: #fff !important;
	padding:6px 5px;
	clear: both;
	}
	
.tableau_list{padding: 3px 10px;border-bottom: 1px solid #888;
	}

 /* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
} 







.lien_2e {
		color:#888 !important;
	}


li.meuble{
	
	border-left:10px solid #ffe436;
	
	}
	
	
	.image_create_new div {
				background-color: #fff;color:#aaa;
				border: 1px solid #aaa;
				text-align: center;
				padding: 2px;

			}	
			
	
	.image_create_new div div {
				background-color: #eee;color:#aaa;
				border: 1px solid #aaa;
				text-align: center;
				padding: 0px;
				margin: :2px;
				width: 100%;
			}	
			
		.image_create_new_main div {
				background-color: #fff;color:#aaa;
				border: 1px solid #aaa;
				text-align: center;
				padding: 2px;

			}	
			
	
	.image_create_new_main div div {
				background-color: #eee;color:#aaa;
				border: 1px solid #aaa;
				text-align: center;
				padding: 30px;
				margin: :2px;
				width: 100%;
			}	
			
	
	
	
	
	
	
	

@media screen and (max-width: 56.875em) {

			
		.row_1 .menu_1{ 
			min-height:150px !important;  
			line-height:150px !important;
}	
			
		
			
			
			
	}

.pagination{
	margin:0px !important;
	}

.image_item{
	}

.upload_zone{
	text-align: center;
	}
.upload_zone div{
	text-align: center;
	}

#upload1, #upload2, #upload3, #upload4, #upload5{
	display: none;
	} 


.tri div{
	border:1px solid #006699;
	background-color: #006699;
	color:#fff;
	padding: 10px 15px;
	text-align: center;
	min-width: 70px;
	margin: 2px 10px;
			-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

	}


div.side {
	
    height: 100%;
    top: 0;
    left: 0;
    background: blue;
    width: 200px;
    padding: 10px;
    background-color: #006699;
}

div.sideb {
	display: none;
    position: fixed;
    height: 100%;
    top: 0;
    right: 0;
    background: blue;
    width: 180px;
    padding: 10px;
    background-color: #eee;
    border: 0px 0px 3px 0px solid #006699;
}

.detail_item_liste{
	clear:both;
	background-color:#eee;
	margin:0px;
	padding: 6px 20px;
	color:#888;
	font-size:9pt;
	bottom:0px;
	height: 100%;display: none
	}
	
.selected_item{
	border:5px solid #006699;
	
	}
.categorie_creation {
		clear: both;	
		}
.categorie_creation div{
	float: left;
	clear: both;	
    width: 100%;
	}
.categorie_nom_1{
	margin: 5px 0px;
	padding: 10px 0px 0px;
}
.categorie_nom_2{
	margin: 5px 0px 0px 50px;
		padding: 10px 0px 0px;

}
.categorie_nom_3{
	margin: 5px 0px 0px 100px;
}
/*  ------- BETA1  */



img.noformat{
	
	-webkit-box-shadow: 0px 0px 0px 0px !important;
	-moz-box-shadow : 0px 0px 0px 0px  !important;
	box-shadow: 0px 0px 0px 0px !important;
	}



ul{
	margin: 0px;
	padding: 0px;
	}
li{
	list-style: none;
	list-style-type: none;
	text-align: left;
}
div#etat{
	
	float: left;margin: 20px;padding: 20px;
	border: 1px solid #444;
	text-align: left;
}

.categoriec{
	list-style: none;
	list-style-type: none;
}
.c1{
	
		margin-top: 40px;

	text-align: left;
	font-size: 14pt;
	font-weight: bold;
	border-bottom: 1px solid #777;
}
.c2{
	margin-top: 20px;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
}
.c3{
	text-align: left;
	font-size: 12pt;
	font-weight: normal;
}

#ajax{
	float: right;
	font-size: 8pt;
	
}
#control{
	float: right;
	width: 40%;
	margin: 10px 10px;
	
}
#control input{
	
	
}

.fancybox-slide{
	padding: 15px !important;
	
	}


.div_item{
	
	margin: 10px 5px;
	float: left;
	
}
.fact td{
	text-align: left;
	border-top: 1px solid #ddd;
	padding: 4px;
}
.data,.sub{
	font-size: 12px;
	color: #aaa;
}
.datar{
	font-weight: bold !important;
}
.data,.datam{
	width: 5%;	
	border-left:  1px solid #ddd;
	border-right:  1px solid #ddd;
	padding: 0px 10px 0px 0px;
	text-align: right !important;
}



table td{
}
.row_commande td{
  border-top: 1px solid #888 !important;
  font-size: 9pt;
  padding-top: 8px  !important;
  padding-bottom: 8px  !important;
  }
  
.header_facture{
  	border: 0px solid #333;
  	min-width: 600px;
  	width: 90%;
  	background: #006699;
  	padding: 30px;
  	margin: 0px auto 0;
  	color: white;
  }
 .header_facture a {
color: white;   
margin: 2px;
}
input.date {
  border: 1px solid #fff;
	background-color: #006699;
	font-size: 12pt;
  font-weight: normal;
}
input.afficher {
    box-shadow: rgb(220, 236, 251) 0px 1px 0px 0px inset;
    background: linear-gradient(rgb(189, 219, 250) 5%, rgb(128, 181, 234) 100%) rgb(189, 219, 250);
    border-radius: 12px 0 12px 0;
    border: 1px solid rgb(132, 187, 243);
    display: inline-block;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: rgb(82, 142, 204) 0px 1px 0px;
}


	#image_grid li{
		float: left;padding: 10px;margin: 10px;
		list-style: none;
		list-style-type: none; 
		
	}
	
#inventaire_liste_creation{
								background-color: #eee;
								border:1px solid #444;
								
	}
	.id_liste{
		background-color:#eee;
		color: #888;
		float: left;
		max-width: 100px;
		font-size: 9pt;
		margin: 1px 10px;
		padding: 0px 8px;
		-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;
	
		}
		
		.etiquette{
	-webkit-box-shadow: 4px 3px 20px -10px rgba(0,0,0,0.95);
	-moz-box-shadow: 4px 3px 20px -10px rgba(0,0,0,0.95);
	box-shadow: 4px 3px 20px -10px rgba(0,0,0,0.95);

	
}
.ombre img{
	-webkit-box-shadow: 4px 3px 20px -10px rgba(0,0,0,0.95);
	-moz-box-shadow: 4px 3px 20px -10px rgba(0,0,0,0.95);
	box-shadow: 4px 3px 20px -10px rgba(0,0,0,0.95);
}

.toog{
	float: right;
	background-color: #eee ;
	border: 1px solid #eee;
	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;
	padding: 3px 8px !important;margin: 0px 4px 15px 4px !important;
	font-size: 9pt;
	cursor: hand;
	cursor: pointer;
}
.toog_recherche{
	float: right;
	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;
	padding: 3px 8px !important;
	margin: 10px 4px 10px 4px !important;
	font-size: 9pt;
	cursor: hand;
	cursor: pointer;
	background-color: #eee !important ;
	  color: #006699;
	  border: 1px solid #eee;
	
}
.toog_recherche a,.toog_recherche a:hover{
	color: #006699;
	
}
.toog_menu{
	max-width: 100px
	background-color: #eee ;
	border: 1px solid #eee;
	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;
	padding: 3px 8px !important;margin: 0px 4px 15px 4px !important;
	font-size: 9pt;
	cursor: hand;
	cursor: pointer;
}
.option_float{
	position: ;
	top: 10px;
	right: 20px;
}

.option_block{
	background-color: #006699 !important ;
	border: 1px solid #eee;
	color: #fff !important;
		
}
.option_block a, .option_block a:hover{
	color: #fff !important;
}
.menu_select,.menu_select a  {
	color: #006699 !important;	
}
.menu_select{
	color: #006699 !important;
	background-color: #eee !important ;
	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;
}



.menur{
		background-color: #ddd ;
		
		-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;
		padding: 0px 8px;
		float:left;
	
}
.categorie_selection{
	border: 1px solid #444 !important;
	padding: 5px;
	font-weight: bold;
	background-color:#006699 ;
	color: #fff !important;
} 


.inventaire td td{
	
}
.inventaire td div{
	}

.inventaire td td:hover{

}

.categorie_selection a{ 
	color: #fff !important;
} 
.div_stats div{ 
	padding: 0px 4px !important;
	margin: 0px 4px;
	color: #888;
	font-size: 7pt;
}
.div_stats { 

	color: #888;
	font-size: 6pt;
}
.nuage{
 z-index: 1000;
 top: 0px;
	background-color: #fff;
}
.categorie{
	border: 1px solid #eee;
	padding: 5px;
	font-weight: bold;
}


a{
   /*	color: #222; */
   	
   }      
   a:hover{
   	text-decoration: none;
   	color: #006699;
   } 
   
  .menu_home a{
  	color: #006699 !important;
  }
 .col1,.col2,.col3,.col4, .col5,.col6,.col7,.col8{
 	color: #444; text-align: center; cursor: pointer; padding: 10px;
 }
  .menu_top div{
  		float: left;margin: 0px 5px;
  }
 
 
 .menu_top {
			margin-right: 40px;
			text-align: right;
			min-height:30px;  
			line-height:30px;
			font-size: 14pt;
 	}
 	h1,h2,h3{
 		color:#006699 ;
		font-family: 'Raleway', sans-serif; 
		}

 	h2{
 		text-align: left;
 		margin: 20px 0px 10px;
 		clear: both;
 		font-size: 14pt;
 		}
	h3{
		text-align: center;
		vertical-align: middle;
		margin: 20px 0px 10px 0px;
		font-size: 12pt;
		}
 	.usager{
		text-align: right;
		vertical-align: middle;
		padding: 20px 10px 10px 0px;
		font-size: 16pt;
		}
 		
 	div.recherche{
 			width: 100%;
 			
 		}
 		
 	.content_zone{
	 		/* -webkit-border-radius: 20px 0px 20px 0px;-moz-border-radius: 20px 0px 20px 0px;border-radius: 20px 0px 20px 0px; */
			padding: 20px;
			text-align: center;
			background-color: #fff;
			margin:8px 0;
	 		}
	 .content_zone_1{
	 		/* -webkit-border-radius: 20px 0px 20px 0px;-moz-border-radius: 20px 0px 20px 0px;border-radius: 20px 0px 20px 0px; */
			padding: 20px;
			text-align: center;
			background-color: #f4f4f4;
			margin:8px 0;
	 		}
 	.tab{
 		clear: both;
 	}
 	.sele{
 		padding: 10px;
 	}
	 .menu_top a {
	     color: #006699;
	     overflow: hidden;
	     font-size: 80%;
	     text-decoration: none;

		 }
		 .menu_top a:Hover { 
		 	color: #888; 
		 	}
 input.recherche{
		 	padding: 10px;
		 	background-color: #fff;
		 	border: 6px solid #fff;
		 	width: 100% !important;
		 	font-size: 1.2em;
		 	margin-bottom: 10px;
		 	-webkit-appearance: none;
  
 }
 input.recherche_petit{
		 	padding: 4px 4px 2px 4px ;
		 	background-color: #fff;
		 	border: 1px solid #fff;
		 	width: 100% !important;
		 	font-size: 1em;
		 	margin-bottom: 2px;
		 	margin-left: 10px;
		 	margin-top: 2px;
		 	-webkit-appearance: none;
  
 }
 
 
 .liste_titre_sub span{
	 
	 cursor:pointer;
	 cursor:hand;}
 
 
 .timer_top{
	 			background-color:#c92d0a;float:left;margin-left:20px;padding:2px 10px 2px 8px;color:#fff;font-size:9pt;
	 		-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;cursor:pointer;cursor:hand;

	 }
 .timer_top_pause{
	 			background-color:#d78305;float:left;margin-left:20px;padding:2px 10px 2px 8px;color:#fff;font-size:9pt;cursor:pointer;cursor:hand;
	 		-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;

	 }
.timer_top_all{
	clear:both;
	position:absolute;
	right:300px;top:0px;
	z-index: 100;
	}
	
 #ajouter_participant div{
	 color:#006699 !important; cursor: hand; cursor:pointer;
	 }
	 
 input.submit{
 	padding: 6px;
  min-height: 40px;
 }
 
.row_1 .menu_1{ 	 	
		-webkit-border-radius: 20px 0px 20px 0px;-moz-border-radius: 20px 0px 20px 0px;border-radius: 20px 0px 20px 0px;

			width: 100%;
			text-align: left;
			min-height:220px;  
			padding: 20px;
}
.row_1 div div{ 
}
.row_1 div div:hover{ 

}
.row_2  .menu_2{ 
			-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

			text-align: center;
			min-height:100px;  
			line-height:100px;
			font-size: 14pt;
}
.zone_desc{
		background-color: #ddd;
		border: 1px solid #ddd;
        padding:8px 2px;	
	
}
.zone_desc_button{
		background-color: #ddd;
		border: 1px solid #ddd;
        padding:6px 2px 10px;	
	
}
.zone_desc:hover{
	
	background-color: #fff;
	border:1px #aaa solid;
	
	
}

 .menu div div{
 	vertical-align: middle;
 	
 }
 .row{
 	padding: 0px;
 }
 .row_0{ 
  border-bottom: 1px solid #eee;

 }
 .row_1{
  border-bottom: 1px solid #eee;
 
 }
 
 .row_0:hover{
 }
 .row_1:hover{
 }
 .row_2{
 	background-color: #f7f7f7; 
 }

 
 .col1 div{
 					background-color: #fff;
 					border: 6px solid #32936f;
 }
 .col2 div{
 					background-color: #fff;
 					border: 6px solid #449dd1;
 }
 .col3 div{
 					background-color: #fff;
 					border: 6px solid #387c7c;
 }
 .col4 div{
 					background-color: #fff;
 					border: 6px solid  #449dd1;
 }
 .col5 div{
 					background-color: #fff;
 					border: 6px solid  #003c7e;
 }
 .col6 div{
 					background-color: #fff;
 					border: 6px solid  #32936f;
 }
 .col7 div{
 					background-color: #fff;
 					border: 6px solid #32936f;
 }
 .col8 div{
 					background-color: #fff;
 					border: 3px solid  #32936f;
 }
 .col5 div,.col6 div,.col7 div,.col8 div{
 					background-color: #aaa;
 					
 }
 
 .colid{
	 padding: 20px 15px 5px;
	 }
 .commande_unique{
	 padding:10px;
	 border-top: 1px solid #006699;
	 margin:5px;
	 min-height: 60px;
	 }
	 
.commande_unique div{
	 vertical-align: middle;
	 }
 .action_menu div.action_button{
	 background-color: #006699;
	 margin: 5px 0px 0px;
	 padding: 25px;
	 text-align: center;
	 color: #fff;
	 cursor:hand;cursor:pointer;
	 
 }
 
 
 .choix_menu div.action_button{
	 border:1px solid #333;
	 background-color: #006699;
	 margin: 5px 10px;
	 padding: 25px;
	 text-align: center;
	 color: #fff;
	 		-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

 }
 .action_menu{
	
	 
 }
 
 .action_b {
	 background-color: #006699;
	 margin: 0px 0px 0px;
	 padding: 10px 10px;
	 text-align: center;
	 color: #fff;
	 cursor:hand;cursor:pointer;
	 		-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

	 }
 .action_b a{
	 	 color: #fff;

	 }	 


  
 .pastille_jaune{
 	    	background-color: #f3ea71 !important;
 	    	width: 40px;
 	    	height: 40px;
 	    	margin: 0;
 	    	padding: 15px 5px;
 	    	text-align: center;
 	    	position: absolute;
 	    	top: 0px;
 	    	right: 15px;
 	    	line-height: 12px;
 	    	font-size: 12pt;
 	    	color:black;
 	    	border: 1px solid #aaa;
 	    	
 } 
 
 
 .pastille_g{
	 color:#fff;
 	    	background-color: #32936f !important;
 	    	width: 100px;
 	    	height: 70px;
 	    	margin: 0;
 	    	padding: 6px 5px;
 	    	text-align: center;
 	    	position: absolute;
 	    	font-size: 12pt;
 	    	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

 	    	
 } 
 .bulle_orange{
	 		color:#fff;
 	    	background-color: #ee7656 !important;
 	    	width: 80px;
 	    	min-height: 60px;
 	    	margin: 0 auto;
 	    	padding: 9px 6px;
 	    	text-align: center;
 	    	font-size: 11pt;
 	    	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

 	    	
 } 
  .bulle_contour_orange{
	 		color:#ee7656;
 	    	border: 4px solid #ee7656 !important;
 	    	width: 80px;
 	    	min-height: 60px;
 	    	margin: 0 auto;
 	    	padding: 9px 6px;
 	    	text-align: center;
 	    	font-size: 11pt;
 	    	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

 	    	
 } 
.bulle_jaune{
	 		color:#555;
 	    	background-color: #eee !important;
 	    	width: 80px;
 	    	min-height: 60px;
 	    	margin: 0 auto;
 	    	padding: 9px 6px;
 	    	text-align: center;
 	    	font-size: 11pt;
 	    	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

 	    	
 } 
 .message{
	 background-color: #006699 !important;color: #fff;
 	    
 	    	padding: 15px 5px;
 	    	text-align: center;
 	    	font-size: 12pt;
 			margin : 12px 0;
 			}
 
 .bulle_bleue{
	 color:#fff;
 	    	background-color: #006699 !important;
 	    	width: 80px;
 	    	height: 60px;
 	    	margin: 0 auto;
 	    	padding: 9px 6px;
 	    	text-align: center;
 	    	font-size: 11pt;
 	    	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

 	    	
 } 
 .bulle_verte{
	 color:#fff;
 	    	background-color: #32936f !important;
 	    	width: 80px;
 	    	height: 60px;
 	    	margin: 0 auto;
 	    	padding: 9px 6px;
 	    	text-align: center;
 	    	font-size: 11pt;
 	    	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;

 	    	
 } 
 
 .list{
 margin-left: 0px;
 	margin-top: 10px;
 }


      
h4{
	float: left;
	color: #006699;
	margin: 25px 0px;
	font-size: 24px;
}
.side h4{
	float: left;
	color: #fff;
	margin: 25px;
	font-size: 24px;
}

.delete{
	color: #ccc;
}


.thumbnail {
  position: relative;
  width: 150px;
  height: 150px;
  overflow: hidden;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}



.liste_mot{
	list-style-type: disc;
    -webkit-columns: 6;
    -moz-columns: 6;
    columns: ;
    list-style-position: inside;//this is important addition
}

.unique_mot{
	text-align: left;
	list-style-type: none;
	color: #666;
	width: 150px;
	font-size: 10pt !important;
	
	
}
.unique_mot a{
	color: #fff;
	
	
}
.unique:hover{
	border: 1px solid #888;
	
}

.unique {
	border: 1px solid #fff;
	padding:6px 0;
	margin:0px;
	
}

/*ZONE PAGE CLIENT*/
.nb_resultat{
							font-size: 16pt;
							font-weight: bold;
							color: white;
}
.nb_resultat_liste{
							font-size: 12pt;
							font-weight: bold;
							color: black;
}
.progressx .vert{
	border-bottom:  3px solid #32936f;
}
.progressx .orange{
	border-bottom:  3px solid #ee7656;
}
.progressx .bleu{
	border-bottom:  3px solid #247ba0;
}
.suggestion{
	margin: 0px !important;
}
.suggestion .interieurs{
							padding: 0px 10px 0px 10px;
							text-align: left;	
							font-size: 14px;
							color: #888;
							border: 0px;
							
}

.suggestion .interieurs:hover{
							
							border-bottom: 0px solid #fff !important;
							cursor: hand;	
							cursor: pointer;	
														color: #444;
							
							
}


.interieurs{
							border-bottom: 1px solid #006699;
							padding: 2px 10px 2px 10px;
							text-align: left;	
							color: #fff;
							
}
.interieurs:hover{
							
							border-bottom: 1px solid #fff !important;
							cursor: hand;	
							cursor: pointer;	
							
}

.topx{
	position: absolute;
	top: 10px;
	right: 25px;
	
}
.topx a{
	font-size: 16pt;
	color: #006699;
	
}

.selecteur{
padding: 5px 0px;	
	}

.selecteur1{
							padding: 5px 10px 5px 0px;	
				}
				
@media screen and (max-width: 56.875em) {

			.selecteur1{
							padding: 5px 0px 5px 0px;	
				}
	}
	
.interieur_title{
text-align: left;
							border-bottom: 1px solid #333;	
							
}
.interieur_title div{
font-weight: bold;							
}


.icone_list{
							position: absolute;
							top: 10px;
							left: 30px;
}
.selection_titre{
	text-align: left;
	font-size: 9pt;
	color: #666;
	height: 15px !important;
	margin-bottom: 10px;
}
.selection_valeur{
	text-align: left;
	font-size: 16pt;
	color: #006699;
}

.sele{
	 		background-color: #fff;
	 		min-height: 120px;
	
}

.unique_commande{
	list-style-type: none;
	padding: 0px !important;
	
}
.menu_selected{
	background-color: #aaa !important;color: #fff !important;border: 1px solid #888 !important;
	}

.colonne_gauche{ 
	width: 200px;
	float: left;
	border:0px solid #444;
	background-color: #eee;
	padding: 8px 10px;
	margin: 0px 5px;
	text-align: left;
	
	}
	.colonne_gauche input{ 
	border-top: 0px solid #ccc !important;
	border-left: 0px solid #ccc !important;
	border-right: 0px solid #ccc !important;
	border-bottom: 2px solid #ccc !important;
	color: #000 !important;
	text-align: left;
	
	}
	
	.colonne_gauche div{ 
		margin-top: 5px;
padding: 6px 0px 0px;
	background-color: #fff;

	
	
	}
.colonne_droite{ 
	width: 100%;
	float: left;
	border:0px solid #444;
	
	
	}
.interieur_commande{        background-color: #fff;
							margin: 5px 0px !important;
							border: 0px solid #fff !important;
							padding: 18px 0px 0px 0px;
							text-align: left;	
							vertical-align: middle;
							min-height: 100px;
}
.interieur_commande div.ligne{
							vertical-align: middle;
							padding: 0px 5px 10px 5px ;
}
.interieur_commande:hover{
							
							cursor: hand;	
							cursor: pointer;	
							
}


.col_id { 
			padding: 5px 20px;
			text-align: left;											
}
.col_nom {
			padding: 5px 5px;
			text-align: left;											
}
.col_entreprise {
			padding: 5px 5px;
			text-align: left;											
}
.col_projet {
			padding: 5px 5px;
			text-align: left;	
			font-style: italic;
			color:#006699 ;
			font-family: 'Raleway', sans-serif; 
			font-size: 12pt;										
}
.col_decor {
			padding: 5px 5px;
			text-align: left;
			color:#006699 ;												
}
.col_total {
			padding: 5px 5px;
			text-align: left;											
}
.low_action{cursor: hand;cursor: pointer;
	opacity: 0.2;
	    filter: alpha(opacity=20); /* For IE8 and earlier */
}
.low_action:hover{
	opacity: 0.8;
	    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.se{
	font-weight: bold;
}
.resultats{
	font-size: 12pt;
	color: #006699;
	border-bottom: 1px solid #eee !important;
}
.resultats td{
	
	border-bottom: 1px solid #eee !important;
}

.plus{
text-align: right;	
padding: 0px !important;
}
.resultat_recherche{
	background-color: #f8f8f8 !important;
	margin-top: 50px;
}

.montant{
	text-align: right;
}



#inventaire_option{
		-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px; padding: 15px;margin: 10px;

	
}



.mot_recherche{
	background-color: #006699;color:#fff;
}




.subliste{
	color: #006699;font-style: none;cursor:hand;cursor:pointer;
	}

/*ZONE FACTURE*/

.facture{
    display: block;
	border: 1px solid #888;
	padding: 0 20px; 
	background-color: #fff;
	margin-bottom: 30px;
	background: #fff;
}




.facture li{
	list-style: none;
	list-style-type: none;
	text-align: left;
}


.facture_total li{
	list-style: none;
	list-style-type: none;
	text-align: left;
}


.facture_titre{
	border-bottom: 1px solid #333;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

.facture_item{
	padding: 15px 0 15px 0;
	float: left;
	
}


.facture_item_total{
	padding: 8px 0 8px 0;
	float: left;
	
}

.facture_item_modifier{
	padding: 15px 0 15px 0;
	float: left;
	
}

.add{
	padding: 2px 5px;
	border: 1px solid #aaa;
	background-color: #006699;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-style: bold;
	font-size: 1.6em;
	width: 46%;
	margin: 0px 1px;
	float: left;
	cursor: pointer;
	cursor:hand;
	}
	
.line-item{
	padding-top:10px;
	text-align: center;
	}
	
.facture_item div{
	float: left; 

}
.facture_id{
text-align: right;}

img.meuble{
			border: 4px solid #ffe436;
	}

.facture_center{
	text-align: center;
	}
.facture table{
margin: 10px auto;
	
}
.facture table td{
text-align: left;	
padding: 0 20px;
}
.facture table td.top{
text-align: right;	
height: 115px;
}
.facture_info{
	background-color: #f5f5f5 ;
	border: 1px solid #ddd;
    margin-bottom:30px;	
    padding: 15px !important;
    min-height:160px;
}

.facture_info td{
padding: 0 0px !important;

}
.cadre_jaune{ padding: 10px 0px 5px;
	background-color:  #f3ea71 ;
	webkit-border-radius: 10px 0px 10px 0px;

-moz-border-radius: 10px 0px 10px 0px;

border-radius: 10px 0px 10px 0px;
	}
.zone_orange{
	
	background-color: #ee7656;
	padding:5px;
	float: right !important;
	color: #fff;
	
	}
.retard{
	clear: both;
	margin: 0px auto;
	background-color: #ee7656;
	padding: 5px;
	color:#fff;
	webkit-border-radius: 10px 0px 10px 0px;

-moz-border-radius: 10px 0px 10px 0px;

border-radius: 10px 0px 10px 0px;
}

.retard_ok{
	clear: both;
	margin: 0px auto;
	background-color: #eee;
	padding: 5px;
	color:#444;
	margin: 2px;
	border: 1px solid #aaa;
	webkit-border-radius: 10px 0px 10px 0px;

-moz-border-radius: 10px 0px 10px 0px;

border-radius: 10px 0px 10px 0px;
}

.unique_commande{
	/*  margin:5px 0px !important;  */
	}
	
	
/*	
	
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #eee;
  background-image: none;
  margin:0 auto;
}
select::-ms-expand {
  display: none;
}
.select {
  position: relative;
  display: flex;
  width: 20em;
  height: 4em;
    padding: 2em 2em;

  line-height: 3;
  background: #eee;
  overflow: hidden;
  border-radius: .25em;
}
select {
  flex: 1;
  padding: 0 .5em;
  color: #222;
  cursor: pointer;
}
.select::after {
  content: '\25BC';
  position: absolute;
  padding: 0 1em;
  background: #ddd;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.select:hover::after {
  color: #222;
}

*/














@media (max-width: 992px) { 
	
	
	
	}





.facture_zone_edition {
    padding: 15px 0 65px 0 !important;
}

.depart_button{
	padding: 12px 14px;background-color: #ffe436;color: #444;cursor: pointer;cursor: hand;
 	    	
 	    	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;


	}
	.save_button{
	padding: 12px 14px;background-color: #006699;color: #fff;cursor: pointer;cursor: hand;
 	    	
 	    	-webkit-border-radius: 10px 0px 10px 0px;-moz-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;


	}

.retour_button{
	padding: 8px 12px;background-color: #32936f;color: #fff;cursor: pointer;cursor: hand;
	}
.note_button{
	padding: 8px 12px;background-color: #eee;color: #aaa;cursor: pointer;cursor: hand;
	}


#message_email, #imprimer, #paiement, #modifier{
				display: none;
	}
.original{
	border: 1px solid #aaa;
	padding:10px;
	margin: 10px 0px;
	
	}	
.action_facture{	padding: 20px 10px;	border: 6px solid #006699;
	border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-
	}

.facture_footer{
	background: #eee url('../images/bg.jpg') no-repeat left top;
	color: #555;text-align: center !important;
	font-weight: bold;
	padding: 4px;
	margin:  0px ;
}

.facture_header{
	background: #f4f4f4 url('../images/bg.jpg') no-repeat left top;
	color: #444;text-align: center !important;
	font-weight: bold;
	padding: 4px;
	margin: 10px 0;
	 
}




.doublon tr:hover{
	
	
		background-color: #fff;
	}
	
.mail_liste{
	border: 1px solid #aaa;
	margin:3px 0px;
	padding: 10px;
	background-color: #f5f5f5;
}

.facture_footer_sm{
	text-align: center !important;
	padding: 4px;
	margin: 5px 0;
}
.attachement img{
	margin:0px 3px;
	}
.attachement {
	margin:20px 0;text-align: center;
	}

.envoi_facture {
	line-height: 1.8em;
}
.envoi_facture input[type=text],paiement input[type=text]{
	width: 100%;	padding: 5px;

	}
textarea{
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	margin:2px 0px;
	}
.envoi_facture input[type=submit]{
	background-color:#006699;
	margin-top: 20px;
	color: #fff; 
	padding: 10px 20px;
	border: 0px;
	}
.action_facture input[type=submit]{
	background-color:#006699;
	margin-top: 20px;
	color: #fff; 
	padding: 10px 20px;
	border: 0px;
	color:#fff !important;
	}

.option_paiement{
	background-color: #006699;
	padding: 10px 5px;
	text-align: center;
	color: #fff;
	margin-top: 5px;
	}



splay: inline;
}

.wdiv{
padding: 10px 0;
	
}

.ligne_1{
	
}
.ligne_0{
	background-color: #f5f5f5;
}


.compte_depart{
	
	padding: 10px;background-color: #ddd;color: #000;width: 150px;text-align: center;font-size: 18pt;font-weight: bold;margin-top:10px !important;
	
	}


.statut_vert{

 }

.col_nbitem{
    background-size: 60px 60px;
    background-repeat: no-repeat;
    min-height: 60px;
    width: 80px;
		color: #fff;
		padding: 18px 0px;
		text-align: center;
}

.recherche_resume{
	clear: both;
	margin:0px 9px 15px;
	border:1px solid #ddd;
	background: #eee;
	padding: 5px 10px 10px 10px;
			-webkit-border-radius: 5px 0px 5px 0px;-moz-border-radius: 5px 0px 5px 0px;border-radius: 5px 0px 5px 0px;

}

.recherche_resume div.option{
	background-color: #eee;
	color: #444;
	float: left;
	margin:5px 15px;
	cursor: pointer;
	cursor: hand;
				-webkit-border-radius: 5px 0px 5px 0px;-moz-border-radius: 5px 0px 5px 0px;border-radius: 5px 0px 5px 0px;

}
.recherche_resume div.option a{
	color: #444;
}
.recherche_resume div.option div.effacer{
	
	color: #ff0000 !important;
}
.recherche_resume div.mot{
	
	float: left;
	margin:5px 10px 0px 3px;
}
.effacer{
	color: #eee !important;float: left;
		margin:5px 3px;

}

.resume{
	clear: both;
	background-color: #eee;
	color: #444;
	text-align: right;
	padding: 0px 20px;
	margin: 0 15px;
	
}
.sele table{
color: #444;
font-size: 10pt;
width: 100%;
	float: right;
}

.motcle{
	background-color: #006699;
	color: #fff;
}


input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 18.3px auto;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 45px;
  width: 36px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -18.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 45px;
  width: 36px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 45px;
  width: 36px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

























.container-fluid{
	
}








@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
}
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);
.fa-2x {
font-size: 2em;
}
i.top {
position: relative;
display: table-cell;
width: 30px;
text-align: center;
vertical-align: middle;
font-size:1.5em;
}

i.left {
position: relative;
display: table-cell;
width: 20px;
text-align: center;
}


.main-menu:hover,nav.main-menu.expanded {
width:250px;
overflow:visible;
}

.main-menu {
		display: none;

background:#fbfbfb;
border-right:1px solid #e5e5e5;
position:absolute;
top:0;
bottom:0;
height:100%;
left:0;
width:60px;
overflow:hidden;
-webkit-transition:width .05s linear;
transition:width .05s linear;
-webkit-transform:translateZ(0) scale(1,1);
z-index:1000;
}

.main-menu>ul {
margin:7px 0;
}

.main-menu li {
position:relative;
display:block;
width:250px;
}

.main-menu li>a {
position:relative;
display:table;
border-collapse:collapse;
border-spacing:0;
color:#999;
 font-family: arial;
font-size: 14px;
text-decoration:none;
-webkit-transform:translateZ(0) scale(1,1);
-webkit-transition:all .1s linear;
transition:all .1s linear;
  
}

.main-menu .nav-icon {
position:relative;
display:table-cell;
width:60px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;
}

.main-menu .nav-text {
position:relative;
display:table-cell;
vertical-align:middle;
width:190px;
  font-family: 'Titillium Web', sans-serif;
}

.main-menu>ul.logout {
position:absolute;
left:0;
bottom:0;
}

.no-touch .scrollable.hover {
overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
}

a:hover,a:focus {
text-decoration:none;
}

nav ul,nav li {
outline:0;
margin:0;
padding:0;
}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#fff;
background-color:#5fa2db;
}
.area {
	display: none;
float: left;
background: #e2e2e2;
width: 100%;
height: 100%;
position: -webkit-sticky;  // required for Safari
    position: sticky;
    top:2px;
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}





input{
	webkit-user-select: auto;
	}
/* Hide the browser's default radio button */
.container-paiement input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-paiement:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-paiement input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-paiement input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-paiement .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}