body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 10;
	width:100%;
	
	color:#fff;
	line-height: 15px;
	}


#cadre_connexion{
	margin-left: 150px;
	width:330px;
	width:330px!important;
	/*height:160px;
	height:140px!important;*/
	padding:20px;
	background-color:#fff;
	color:#000;
}

#cadre_connexion h3{
	font-size:13px;
	color:#D20171;
}

#frm { 
	margin: 0px auto;
}

#cadre_connexion a:link,#cadre_connexion a:visited{
	color:#000;
}

#cadre_connexion table{
	border-collapse:separate;
	text-align:left;
}

p{
	padding:5px 0px;
	margin:0px;
	font-size: 11px;
	font-weight: normal;
	
}





h3{
	padding:5px;
	margin:0px;
	border-bottom: solid 1px;
	font-size: 14px;
	font-weight: normal;
	
}


h4{
	padding:5px;
	margin:0px;
	font-size: 11px;
	font-weight: bold;
	color: #F5A6D0;
	text-transform:uppercase;
}
a.infos-compl{
	font-size: 12px;
	font-weight: normal;
	color:#FFFCAA;
	text-transform: uppercase;
	}
	
a:hover.infos-compl{
	font-size: 12px;
	font-weight: normal;
	color:#F5A6D0;
	}


.prob{
	font-size:12px;
	color:#eb9579;
	font-weight:bold;
}

#entete_vert{
	width:650px;
	padding-top:15px;
	height:50px;
	height:35px !important;
	background-color:#CCD822;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

#entete_orange{
    background-color:#F7982B;
    font-size: 16px;
    font-weight: normal;
    height: 35px !important;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 15px;
    text-align: left;
    text-transform: uppercase;
    width: 640px;
	}

#entete_orange a:hover{
	color:#FFFF99;
}
#entete_jaune{
	width:650px;
	padding-top:15px;
	height:50px;
	height:35px !important;
	background-color:#FCC300;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

#entete_bleu {
    background-color: #1BD9E0;
    font-size: 16px;
    font-weight: normal;
    height: 35px !important;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 15px;
    text-align: left;
    text-transform: uppercase;
    width: 640px;
	}

#changer_password{
	position:absolute;
	right:5px;
	top:70px;
	font-size:14px;
}

#liste_client{
	height:570px;
	overflow-x:hidden;
	overflow-y:auto;
	margin-top: 30px;
	width:650px;
}

#liste_client table{
	border-collapse:separate;
}



#entete_tab_nom{
	position:absolute;
	top:60px;
	left:44px;
	font-size:12px;
	font-weight:bold;
}

#entete_tab_tel{
	position:absolute;
	top:60px;
	left:335px;
	font-size:12px;
	font-weight:bold;
}

#entete_tab_port{
	position:absolute;
	top:60px;
	left:438px;
	font-size:12px;
	font-weight:bold;
}

#liste_mois{
	position:absolute;
	top:55px;
	right:0px;
}

#liste_intervenant{
	height:550px;
	overflow:auto;
}

#liste_intervenant table{
	border-collapse:separate;
}

#integ1,#integ2,#integ3,#integ4,#integ5{
	padding:10px;
	font-size:12px;
}
html>/**/body #integ1,html>/**/body #integ2,html>/**/body #integ3,html>/**/body #integ4{
	padding:20px 0px 30px 10px;
}

#carre_vert_client{
	position:absolute;
	background-color: #CCD822;
	top:80px;
	left:20px;
	width:125px;
	height:125px;
	z-index:2;
	font-size:11px;
	padding: 5px;
	color:#666666;
}

#carre_vert_client select{
	font-size:11px;
	width: 80%;
}

#carre_orange_client{
	position:absolute;
	background-color: #f7982b;
	top:80px;
	left:175px;
	width:125px;
	height:125px;
	z-index:2;
	font-size:11px;
	padding: 5px;
	color:#666666;
}
#carre_bleu_client{
	position:absolute;
	background-color: #1bd9e0;
	top:80px;
	left:330px;
	width:125px;
	height:125px;
	z-index:2;
	font-size:11px;
	padding: 5px;
	color:#666666;
}
#carre_bleu_client select{
	font-size:11px;
	width: 80%;
}
#carre_jaune_client{
	position:absolute;
	background-color: #fcc300;
	top:80px;
	left:485px;
	width:125px;
	height:125px;
	z-index:2;
	font-size:11px;
	padding: 5px;
	color:#666666;

}
#carre_jaune_client a:link,#carre_jaune_client a:visited,
#carre_bleu_client a:link,#carre_bleu_client a:visited,
#carre_orange_client a:link,#carre_orange_client a:visited,
#carre_vert_client a:link,#carre_vert_client a:visited{
	color:#666;
}

#carre_jaune_client a:hover,#carre_bleu_client a:hover,#carre_orange_client a:hover,#carre_vert_client a:hover{
	color:#fff;
	text-decoration: none;
}


#carre_vert_client a,#carre_bleu_client a {
	cursor:pointer;
}
#informations_client{
	padding:20px;
	font-size:11px;
	width: 580px;
	margin-top: 150px;
    padding: 20px;
    position: relative;
	
}
#informations_client h3,#enfant_client h3{
	font-size:14px;
}

#informations_client table{
	border-collapse:separate;
}
#informations_client td{
	padding-left:10px;
}


#enfant_client{
	position:relative;
	padding:20px;
	width: 580px;
}

#enfant_client table{
	border-collapse:separate;
}
#enfant_client td{
	padding-left:11px;
}

#client_nom{
	/*position:absolute;*/
}

#tab_caf_fact{
	position:absolute;
	padding:20px;
	top:50px;
	font-size: 11px;
}

#tab_caf_fact table{	
	font-size: 11px;
}

.table_caf_fact{
	border-collapse:separate;
	font-size:14px;
}

.table_caf_fact td{
	padding:0px 5px;
}

#nom_benef_planning{
	position:relative;
	font-size:12px;
	color: #000000;
	line-height: 16px;
	padding: 5px 40px 5px 10px;
	background:#ffffff;

}
#nom_benef_planning a{
	color: #D20171;
	
}

#nom_benef_planning a:hover{
	color: #000;	
}


#tab_planning{
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	top:470px;
	background:#fff;
	width:610px;
	left:10px;
	color:#000;
	border:solid 1px #000;
	padding:10px 0px 10px 10px;
	text-align:left;
	height: 500px;
}
html>/**/body #tab_planning{
	width:620px;
	
}

#tab_planning  table{
	border-collapse:collapse;
	width: 98%;
}

.entete-tab_planning{
	width:180px;
	padding:1px;
	font-weight: bold;
	background: #d2d2d2;
	}

.planning_jour{
	width:100px;
	padding:1px;
}

.planning_intervention{
	width:100px;
	padding:1px;
}

.planning_duree{
	width:70px;
	padding:1px;
}

.planning_nom{
	width:265px;
	padding:1px;
}

.planning_modifier{
	width:35px;	
	padding:1px;
	text-align: center;
}

.planning_modifier a{
	color:#79b148;
}

.planning_supprimer{
	/*width:60px;*/
}

.planning_supprimer a{
	color:#ff0000;
	cursor:pointer;
}

#entete_jour{
	position:absolute;
	top:450px;
	left:15px;
	font-weight:bold;
}
#entete_intervention{
	position:absolute;
	top:450px;
	left:105px;
	font-weight:bold;
}
#entete_duree{
	position:absolute;
	top:450px;
	left:226px;
	font-weight:bold;
}
#entete_autre_benef{
	position:absolute;
	top:450px;
	left:298px;
	font-weight:bold;
}

#planning_ajouter{
	position:absolute;
	top:445px;
	right:10px;
	text-transform: uppercase;
	font-size:12px;
	border: solid 1px #000000;
}

#planning_ajouter a{
	color:#D20171;
	background: #ffffff;
	padding: 3px 10px;
 } 
 
#planning_ajouter a:hover{
	color: #000000;
	background: #ffffff;
	padding: 3px 10px;
	 }

#planning_validation{
	position:absolute;
	top:150px;
	left:10px;
	overflow-x:hidden;
	overflow-y:auto;
	width:630px;
	height:280px;
	text-align:left;
}

#planning_validation h3{
	font-size: 13px;
    font-weight: bold;
    margin: 10px 0 10px 0;
    padding: 0 0 5px 0;
}


#formulaire{
	position:relative;
	width:650px;
	text-align:left;
	margin-top: 20px;

}

.infobulle{
	position:absolute;
	background-color:#D20171;
	border:solid 1px #000;
	z-index:1000;
	padding:5px;
	visibility:hidden;
}

form{
	padding:0px;
	margin:0px;
}

#liste_commentaires {
	height:530px;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	top:120px;
	padding:0px 10px;
}

#liste_commentaires table {
	border-collapse:separate;
}

#entete_com_client{
	position:absolute;
	top:105px;
	font-weight:bold;
	left:165px;
}

#entete_com_inter{
	position:absolute;
	top:105px;
	font-weight:bold;
	left:12px;
}

#entete_com{
	position:absolute;
	top:105px;
	font-weight:bold;
	left:315px;
}

#Alertes{
	position:absolute;
	padding:0px 10px;
	top:240px;
	height:380px;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:left;
}

#Alertes_titre{
	position:absolute;
	top:185px;
	left:10px;
	font-size:14px;
	width:630px;
}

#Alertes_clients{
	position:absolute;
	top:220px;
	left:10px;
	font-weight:bold;
}

#Alertes_inter{
	position:absolute;
	top:220px;
	left:250px;
	font-weight:bold;
}

#Alertes_planning{
	position:absolute;
	top:220px;
	left:490px;
	font-weight:bold;
}

#Alertes_date{
	position:absolute;
	top:220px;
	left:570px;
	font-weight:bold;
}

#Alertes_ftp{
	position:absolute;
	padding:0px 10px;
	top:100px;
}

#Alertes_ftp_titre{
	position:absolute;
	left:10px;
	top:70px;
	width: 630px;
}
.prob_rh_client{
	width:240px;
}

.prob_rh_client a:link,.prob_rh_client a:visited{
	color:#F7982B;
}

.prob_rh_inter{
	width:240px;
}

.prob_rh_inter a:link,.prob_rh_inter a:visited{
	color:#fff;
}

.prob_rh_mois{
	width:80px;
}

.prob_rh_date{
	
}

#changer_mois{
	padding-left:10px;
}

.trsepar{
	height:1px;
	background-color:#fff;
}

.trseparnoir{
	height:1px;
	background-color:#000;
}
#divmodlignescont select {
	font-size:10px;
	margin: 3px 0px;
}
#divmodlignescont form {
	margin-left:5px;
}

#divmodlignescont{
	font-size:10px;
	text-align:left;
}

#divmodlignescont input {
	border: solid 1px #9e9e9e;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	cursor: pointer;
}

#divmodlignescont input :hover{
	border: solid 1px #9e9e9e;
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	cursor: pointer;
	color:red;
}

#explications_integ{
	position:absolute;
	top:70px;
	left:400px;
	width:230px;
}

#attention_commentaire{
	position:absolute;
	top:500px;
	left:10px;
	width:620px;
	font-size:14px;
}

.valide{
	background-color: #71c53c; 
}

.enattente{
	background-color: #F7982B 
}

.bouton{
	background-color: #FFFCAA;
	border: none;
	font: 11px verdana;
	padding: 3px;
	cursor: pointer;
}

.bouton-jaune{
	background-color: #F7982B;
	border: solid 1px #ffffff;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;
}

.bouton-jaune:hover{
	background-color: #d2d2d2;
	border: solid 1px #ffffff;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;
}

.bouton-rose{
	background-color: #D20171;
	color: #ffffff;
	border: solid 1px #ffffff;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;
}

.bouton-rose:hover{
	background-color: #d2d2d2;
	color: #ffffff;
	border: solid 1px #ffffff;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;

}

.champ_prive{
	background-color: #e6e6e6;
	font: 12px Verdana,Arial,Helvetica,sans-serif;
	padding: 3px;
	border: #ffffff solid 1px;
}

#Bas_de_page{
	position:relative;
	margin-top:100px;
	margin-left:225px;	
	z-index:3;
	width: 650px;
	background: none;
	text-align: right;
}

a.info{
position:absolute;
z-index:24;
color:#000;
text-decoration:none;
margin-top: -8px;
}
 
a.info:hover{
z-index:25;
}
 
a.info span{
display: none;
}
 
a.info:hover span{
font: 10px verdana, Arial;
display:block;
position:absolute;
top:-0.5em; 
right:-270px;
width: 250px;
border:1px solid #D20171;
background-color:#ffffff;
color:#000;
text-align: left;
padding:5px;
opacity: 0.9;
}

a.info  img{
	border: none;
	width: 15px;
	
}

#cadre_contenu {
    background-color: #C5005E;
    background-image: url("../images/ombre_cote.png");
    background-repeat: repeat-y;
    left: 225px;
    min-height: 1050px;
    opacity: 0.95;
    position: relative;
    top: 94px;
    width: 650px;
}

#cadre_contenu.modifcommentaire{
	min-height: 650px;
}

#cadre_contenu.planning{
	min-height: 650px;
}

.text-champs{
    border: 0 none;
    font-size: 11px;
    padding: 2px;
    text-align: right;
	 margin-top: 2px;
	}


#table-recap{
	width: 390px;
	margin-left: 10px;
}

#table-recap tr{
	height: 18px;
}

#kmtotal{
	font-weight: bold;
	}
	
.rose{
	color: #D20171;
	}