html{
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	min-width: 800px;
	/*font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";*/

}
body{
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	user-select: ;
	min-width: 800px;
}

#header{
	top:0px;
	left: 0px;
	z-index: 90;
	position: fixed;
	width: 100%;
	background: linear-gradient(to right, #FFFFFF 20%, #478FBC);
}
#loading {
	top:0px;
	left:0px;
	background-image:url(/images/fond_noir.png);
	background-repeat:repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	z-index:200;
	overflow:hidden;
	margin:0px;
	padding:0px;
	display:;
	position:absolute;
}
.fond_assombri {
	top:0px;
	left:0px;
	background-image:url(/images/fond_noir.png);
	background-repeat:repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	z-index:150;
	overflow:hidden;
	margin:0px;
	padding:0px;
	display:;
	position:absolute;
}
input{
	height: 20px;
}
select{
	height: 25px;
}
.bouton{
	font-family: Verdana, Geneva, sans-serif;
	font-size:20px;
	/*line-height:<?php echo $main_height*1.5/100;?>px;*/
	line-height:30px;
	font-style: normal;
	vertical-align:middle;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	width: auto;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	cursor:pointer;
	/*background-color:#40484e;*/
	background-color:#446177;
	text-transform:uppercase;
	border-radius: 5px;
	text-align:center;
	box-shadow: -1px 1px 5px 3px #888888;
}
.bouton:hover{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color:#2C7287;
	color:#CCC;
}

.bouton_petit{
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	/*line-height:<?php echo $main_height*1.5/100;?>px;*/
	line-height:20px;
	font-style: normal;
	vertical-align:middle;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	width: auto;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	cursor:pointer;
	/*background-color:#40484e;*/
	background-color:#446177;
	text-transform:uppercase;
	border-radius: 5px;
	text-align:center;
	box-shadow: -1px 1px 5px 3px #888888;
}
.bouton_petit:hover{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color:#2C7287;
	color:#CCC;
}

.bouton_action{
	font-style: normal;
	vertical-align:middle;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	width: 200px;
	border: 1px solid #32719A;
	background-color: #75A8C1;
	cursor:pointer;
	text-transform:uppercase;
	border-radius: 0px;
	text-align:center;
	box-shadow: -1px 1px 5px 3px #888888;
}
.bouton_action:hover{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color:#2C7287;
	color:#CCC;
}
.barre_recherche{
	border:solid 1px #000000;
	background-color: #FFFFFF;
	padding: 4px;
	border-radius: 5px;
	height: 16px;
	min-height: 16px;
	width: 250px;
	max-width: 500px;
	line-height: 16px;
}
.loupe_recherche{
	user-select: ;
	cursor: pointer;
	font-size: 14px;
	height: 16px;
	align-content: center;
	font-size: 16px;
	line-height: 16px;
	min-width: 40px;
}
.zone_recherche{
	border: none;
	outline: none;
	width: 250px;
	line-height: 16px;
	height: 16px;
	border-right: 1px solid #6DAB57;
	font-size: 14px;
}
/*************  IDENTIFICATION ************/
.identification{
	border: 0.5px solid #7AAFB1;
	box-shadow: 5px 5px 5px grey;
	width: 450px;
}
.bouton_identification{
	width: 250px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	border: 1px solid #006900;
	user-select: ;
	cursor: pointer;
	background-color:#577A9B;
	border-radius: 5px;
	color: #ffffff;
	box-shadow: -1px 1px 5px 3px #888888;
}
.bouton_identification:hover{
	background-color:#4D6D8A;
}
.bouton_inscritpion{
	width: 250px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	border: 1px solid #006900;
	user-select: ;
	cursor: pointer;
	background-color: green;
	border-radius: 5px;
	color: #ffffff;
}
.bouton_inscritpion:hover{
	background-color:#00A900;
}

/*************  INTERFACE ************/
 .custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: ;
}

.custom-menu li:hover {
    background-color: #DEF;
}

.categorie {
	border: 0.5px solid #324976;
	background-color:#FFFFFF;
	cursor: pointer;
	height: 25px;
	border-radius: 4px;
}
.categorie:hover {
	color: #FFFFFF;
	background-color:#33597A;
}
.select {
	color: #FFFFFF;
	background-color:#345B7C;
	box-shadow: -1px 1px 5px 3px #888888;
}

.table_fichier{
	border-bottom: 0.5px solid #406C88;
}
.table_fichier_entete{
	border-bottom: 0.5px solid #406C88;
	font-size: 18px;
	font-weight: bold;
}
#main{
	width: 100%;
	position: absolute;
	overflow: auto;
}

#footer{
	width: 100%;
	position: fixed;
	background: linear-gradient(to left, #8CB9D5 , #478FBC, #8CB9D5 );
}
.note {
	font-size: 14px;
	font-style: italic;
	/*color: #A9A9A9;*/
}
#photo {
	top:0px;
	left:0px;
	background-color:hsla(0,0%,28%,0.63);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	width:100%;
	z-index:200;
	overflow:hidden;
	margin:0px;
	padding:0px;
	position:absolute;
}
.thumbnail{
	max-width: 150px;
	max-height: 150px;
}
/*************  FICHE LEAD ************/
.lead_numero{
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}
.lead_button_NRP{
	border: 0.5px solid #000000;
	background: linear-gradient(#FF4043 , #FF0004);
	border-radius: 5px;
	padding: 0 5px;
	font-size: 1.5em;
	cursor: pointer;
}
.lead_button_NRP:hover{
	background: linear-gradient(#FF0004, #AB0507);
}
.lead_button_FN{
	border: 0.5px solid #000000;
	background: linear-gradient(#8CB6D0 , #619ABE);
	border-radius: 5px;
	padding: 0 5px;
	font-size: 1.5em;
	cursor: pointer;
}
.lead_button_FN:hover{
	background: linear-gradient(#619ABE, #185979);
}
.lead_info_lead{
	border: 0.5px solid #659BCD;
	box-shadow: -1px 1px 5px 3px #888888;
}
.lead_action{
	border: 0.5px solid #6184AA;
	background-color: #9FBFC7;
	/*background: linear-gradient(to left, #8CB9D5 , #478FBC, #8CB9D5 );*/
	box-shadow: -1px 1px 5px 3px #888888;
}
/*************  LIST AGENTS ************/
.agents_table{
	border: 0.5px solid #6D92B4;
	box-shadow: -1px 1px 5px 3px #888888;
}
/*************  LIST LEADS ************/
.list_lead_table{
	border: 0.5px solid #6D92B4;
	box-shadow: -1px 1px 5px 3px #888888;
}
.list_lead_table_entete{
	height: 40px;
	font-weight: bold;
	background-color: #568CAD;
	text-transform:uppercase;
	color: #FFF9F9;
	white-space: nowrap;
	border-left: 0.5px dashed #FFFFFF;
}
.list_lead_table_ligne{
	height: 30px;
	border-bottom: 0.5px solid #6C9CB7;
	font-weight: normal;
	white-space: nowrap;
	border-left: 0.5px dashed #DBDBDB;
}
.list_lead_table_ligne_complet{
	
}
.list_lead_table_ligne_complet:hover{
	background-color: #93A9BC;
}

/****** General ******/
.prospect_bouton{
	font-style: normal;
	vertical-align:middle;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	width: auto;
	border: 1px solid #32719A;
	background-color: #75A8C1;
	cursor:pointer;
	text-transform:uppercase;
	border-radius: 0px;
	text-align:center;
	box-shadow: -1px 1px 5px 3px #888888;
}
.prospect_bouton:hover{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color:#2C7287;
	color:#CCC;
}
.prospect_status_0{ /*nouveau => vert*/
	color: #FFFFFF;
	background-color:#5D9337;
	border: 0.5px solid #1F9228;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}
.prospect_status_1{ /*rdv pris => gris */
	color: #000000;
	background-color:#BBBBBB;
	border: 0.5px solid #939393;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}
.prospect_status_2{ /*HC =>  */
	color: #000000;
	background-color:#945BAD;
	border: 0.5px solid #643B76;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}
.prospect_status_3{ /*pas interressé => */
	color: #000000;
	background-color:#FFFE75;
	border: 0.5px solid #A9B625;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}
.prospect_status_5{ /*PI suite 10 NRP =>  */
	color: #000000;
	background-color:#E8B534;
	border: 0.5px solid #A9B625;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}
.prospect_status_7{ /*faux numero => */
	color: #FFFFFF;
	background-color:#1DB4DB;
	border: 0.5px solid #199DBF;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}
.prospect_status_20{ /*Pris pas vu */
	color: #FFFFFF;
	background-color:#C38435;
	border: 0.5px solid #845A24;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}
.prospect_status_23{ /*RDV plus interresse */
	color: #FFFFFF;
	background-color:#2B76E9;
	border: 0.5px solid #114CA7;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}
.prospect_status_24{ /*RDV vu plus interresse */
	color: #FFFFFF;
	background-color:#D46466;
	border: 0.5px solid #B83335;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}
.prospect_status_666{ /*Blacklist */
	color: #FFFFFF;
	background-color:#1D1D1D;
	border: 0.5px solid #000000;
	border-radius : 50px;
	width: 110px;
	max-width: 110px;
	overflow: hidden;
}