@import url("commun.css");



.noborder,.noborder td{border:0;}
.nomargin,.nomargin td{margin:0;padding:0}
.left{text-align:left};
.right{text-align:right;};
.cursor{cursor: pointer;}

.vert{color:#4EAC00;}
.rouge{color:#B41F23;}

div{position:relative;}

#loading_page
{
	position:fixed;
	display:none;
	right:0;
	bottom:70px;
	width:100px;
	height:75px;
	border:solid 1px #c7c7c7;
	background:#ffffff url(../img/loading.gif) no-repeat scroll center center;
}

#popupBon table,#tabIndisp table,#ListingPrevision table,
div#popupP table,#Social #Pointage table,#Social #listEmp table,#PointageTab table,
#chantier table,#machine table,#clientTab table,#employe table,#prevision table,#indexChantier table,#indexVehicules table,
#indexMachine table,#indexEmp table,#tabSoldes table
{
	width: 100%;
}

#entiteRollin
{
	position:absolute;
	top:-15px;
	left:400px;
	padding:6px 10px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px; 
	-webkit-box-shadow: 0px 1px 5px 0px #AAA;
	box-shadow: 0px 1px 5px 0px #AAA; 
	color:#ffffff;
	opacity:0.8;
	background: #545454;
	background: -moz-linear-gradient(top,  #a9a9a9 0%, #545454 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9a9a9), color-stop(100%,#545454));
	background: -webkit-linear-gradient(top,  #a9a9a9 0%,#545454 100%);
	background: -o-linear-gradient(top,  #a9a9a9 0%,#545454 100%);
	background: -ms-linear-gradient(top,  #a9a9a9 0%,#545454 100%);
	background: linear-gradient(to bottom,  #a9a9a9 0%,#545454 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#545454',GradientType=0 );
}
#entiteRollin:hover
{
	opacity:1;
}

#hautpage
{
	position: fixed;
	right:0;
	bottom: 20px;		
}
#hautpage a
{
	display:block;
	padding:5px 15px;
	background: #6B6B6B;
	color:#ffffff;
	border:dotted 1px #cccccc;		
	border-right:0;
}

input.calendar
{
	background-image: url(/img/calendar.png);
	background-position: 70px center ;
	background-repeat: no-repeat;
	height:22px;
	width:90px;
	line-height:22px;
	border: 1px solid #767676;
    color: #333333;
    font-size: 11px;
}

#ui-datepicker-div{
	display:none;
}
	

#interface{
	position:relative;
	width:970px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}

#interfaceLogin{
	width:600px;
	margin:auto;
	height:80%;
	margin-top:15px;
}

#LoginForm{
	margin-top:125px;
    margin-left:170px;
}

#deconnexion{
	float:right;
}

#deconnexion span{
	vertical-align:top;
	font-size: 15px; 
	font-weight: bold;	
}

#menu{
		float:left;
		width : 100%;
		margin-top: 10px;
}

#menuPrimaire{
	 position:relative;
	width:510px;
	float: left;
	margin-top: 10px;
}

#menuPrimaire ul{
	width: 100%;
}

#menuPrimaire ul li{
	background: url("../img/bt-rollin.jpg") repeat-x scroll left top transparent;
	height: 30px;
	width: 122px;
	display: block;
	float: left;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #FAFAFA;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
	vertical-align: middle;
	border-right: 1px solid #ccc;
}
#menuPrimaire ul li.bleu
{
	background: #41b3e0;
	background: -moz-linear-gradient(top,  #41b3e0 0%, #0181c6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41b3e0), color-stop(100%,#0181c6));
	background: -webkit-linear-gradient(top,  #41b3e0 0%,#0181c6 100%);
	background: -o-linear-gradient(top,  #41b3e0 0%,#0181c6 100%);
	background: -ms-linear-gradient(top,  #41b3e0 0%,#0181c6 100%);
	background: linear-gradient(top,  #41b3e0 0%,#0181c6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41b3e0', endColorstr='#0181c6',GradientType=0 );		
}

#menuPrimaire ul li.radius{
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

#menuPrimaire ul li.radiusL{
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}

#menuPrimaire ul li.radiusR{
	-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-right:none;
}


#menuPrimaire ul li.chantier a{
	line-height: 11px;
	padding:4px 11px;
}

#menuPrimaire ul li a{
	color: #FAFAFA;
	display:block;
	padding: 8px 5px 6px 5px;
}

#menuPrimaire table.titlePrimaire{
	border:none;
	margin-top:50px;
	float:left;
}

#menuPrimaire table.titlePrimaire td{
	border:none;
	padding:0;
}

#menuPrimaire h1{
	display:block;
	background:#555;	
	margin:10px;
	width:100%;	
}
#menuPrimaire ul{
	display:block;
}

#menuSecondaire {	
	/*font-size:14px;
	font-weight:bold;*/
	float:right;
	position: relative;
	margin-top: 10px;
}
#menuSecondaire ul{

}

#menuSecondaire ul li{
	background: url("../img/bg-rollin2.jpg") repeat-x scroll left top transparent;
	width: 90px;
	height:30px;
	display: block;
	float: left;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #444;
	text-align: center;
	text-shadow: 1px 1px 2px #fff;
	vertical-align: middle;
	border-right: 1px solid #989898;
}

#menuSecondaire ul li.radius{
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border-left: 1px solid #989898;
border-right: 1px solid #989898;
}

#menuSecondaire ul li.radiusL{
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
border-left: 1px solid #989898;
}

#menuSecondaire ul li.radiusR{
	-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-right: 1px solid #989898;
}

#menuSecondaire ul li.chantier{
	padding: 1px 5px;
	height: 28px;
}

#menuSecondaire ul li a{
	color: #444;
	display:block;
	padding: 9px 5px 7px 5px;
}

#menuSecondaire table.titleSecondaire{
	float:right;
	margin-top:10px;
	border:none;
}

#menuSecondaire table.titleSecondaire td{
	border:none;
	padding:0;
}

#menuTab{
	float:left;
	margin-top: 10px;
}

#menuTab table td.menuChantier{
	border-right:1px solid #D3D3D3;
	width:110px;
	vertical-align: top;
	padding:5px;
}


#menuTab table td.menuSocial{
	width: 184px;
	vertical-align:top;
	padding:5px;
}

#menuTab table.menuTab{
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.95, rgb(241,241,240)),
    color-stop(1, rgb(183,183,183))
	);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(241,241,240) 95%,
    rgb(183,183,183) 100%
	);
	border:1px solid #D3D3D3;
	width:100%;
	
}

#menuTab table td{
	border:none;
	font-size :11px;
	margin-top:13px;
}

#menuTab td.menuLog{
	border-left:1px solid #D3D3D3;
	width:632px;
}

#menuTab td.menuLog h3{
	color:#2079BB;
}

#menuTab td.menuLog a.detail{
	position:absolute;
	right:15px;
	top:25px;
}

#menuTab td.menuLog table.log{
	width:100%;
	border:0;
}
#menuTab td.menuLog div.overflow{
	height:144px;
	background-color: #ffffff;
	border:solid 1px #d7d7d7;
}

#menuTab td.menuLog table.log td{
	padding:5px;
}


#content{
	float:left;
	width : 100%;
	margin-top:20px;
	padding-top:20px;
	margin-bottom:50px;
}

dt{
	display:block;
	float:left;
	margin:0 15px 10px 0;
	width:85px;
	text-align:right;
	clear:both;
}

dd{
	display:block;
	float:left;
	margin:0 0 10px 0;
}

dd #submit
{
	width:100px;
}

#formemp dd#fonction-element, #formemp dd#contrat-element,#formemp dd#NomContrat-element,#formemp dd#Fonction-element
{
	width:122px \9;
}

#formclient .zend_form
{
	margin-top:20px;
	position:relative;
}

#formclient .zend_form #Observations-label
{
	position:absolute;
	left:277px;
	top:217px;
}
#formclient .zend_form #Observations-element
{
	position:absolute;
	left:290px;
	top:238px;
}
#formclient .zend_form #Observations-element textarea
{
	width:250px;
}

table{
	/*width :100%;*/
	border :solid 1px #808080;
	/*margin : 5 px;*/
	
}
th{
	background:#E1E1E1;
	color : #808080;
	font-wheight:bold;
	font-size : 12px;
	padding : 10px;
}

.even { background-color:#FFF;}
.odd { background-color:#F3F3F3;}

td {
	padding : 10px;
	border-bottom : 1px solid #B9BDBF;
}
.boutton{
	display:block;
	background:#666666;
	color : white;
	border : 1px solid black;
	padding :5px;
	margin-bottom:10px;
	float:right;
}
.boutton:hover{
	background:#000;
	color : white;
}

.boutton.vert {
	background:#4EAC00;
	border-color: #4EAC00;
	color: white;
}
.boutton.vert:hover {
	background:#265500;

}

.boutton.rouge {
	background:#B41F23;
	border-color: #B41F23;
	color: white;
}
.boutton.rouge:hover {
	background:#681214;
}

.options{

	width:50% !important;
	border:0;
}


.content_overlay .zend_form{
	float:left;
	/*width : 300px;*/
	/*width : 100%;*/
}

#contentIndex2 #indexMachine,#contentIndex2 #indexChantier,#contentIndex2 #indexVehicules,#contentIndex2 #indexEmp{
	margin-bottom: 30px;
}

#indexChantier{
	float:right;
	width:470px;
	height:305px;
}

#indexVehicules{
	float:right;
	width:470px;
	height:305px;
}


#indexEmp{
	float:left;
	width:470px;
	height:305px;
}

#contentIndex2 .firstEmp{
	margin-right:72px;
}

#contentIndex2 .last{
	float: right;
}

#contentIndex2 .firstChantier{
	margin-right:112px;
}


#indexMachine{
	float:left;
	width:470px;
}

#indexMachine .overflow,#indexEmp .overflow,#indexChantier .overflow,#indexVehicules .overflow{
	height:252px;
	overflow:hidden;
	border: 1px solid #D7D7D7;
}

#indexMachine table,#indexEmp table,#indexChantier table,,#indexVehicules table{
	border:0;
}

.imageTitre{
	margin-bottom:10px;
}

.Titre{
	margin-bottom:20px;
}

.titreIndex {
    color: #0066B3;
    margin-left: 10px;
    margin-top: 5px;
    position: absolute;
    font-size:22px;
}

#entite {
	float : right;
	width : 164px;
	margin-right:20px;
}

#submitentite-element{
	 float: right;
    margin-top: -30px;
    margin-bottom: 30px;
}


#entite #submitentite-label{
	display:none;
}
.content_overlay #entite .zend_form{
	width : 100%;
	display :block;
	float : left;	
}
.content_overlay #entite .zend_form #NumClient-label {
	display:none;
}

#formclient #formulaire-label{
	display:none;
}

#formclient #NumClient-label{
	display:none;
}


.content_overlay #entite .zend_form #Entiteform-label{
	width : 100%;
	text-align:left;
	font-weight:bold;
}



.content_overlay #entite .zend_form  #submitentite-element{
	width : 25%;
	font-weight:bold;
	text-align:right;
	
}

#formClient input[type=text]{
	width:150px;
}

#tabEntite{
	float : left;
	width :140px;
	padding : 10px;
}

#suppr{
	position : relative;
	margin-top:120px;
	margin-left:100px;
}

.droite{
	position:absolute;
	margin-top: -31px;
	margin-left:45px;
}

#favorisEmpMachine{
	float: right;
	width: 41%;
	margin-top:55px;
}
#favorisEmpMachine .overflow{
	height:157px;
	overflow:auto;
}
#favorisEmpMachine .overflow td{
	padding:5px;
	cursor:pointer;
}
#favorisEmpMachine h4{
	background-color: #5A5A5A;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 5px 10px;
    position: absolute;
    top:-25px;
    margin:0;
}

#tabCases{
	float : left;
	width :175px;
	padding : 10px;
	border:none;
}

#allcases{
	float: right;
	width: 242px;
	margin-top:15px;
	margin-right: 10px;
}
#allcases #submitcases-label{
	display:none;
}

#formemp dt{
	width:120px;
}

#allcases #Cases-label
{
	float:left;
	width:50px;
	margin:0;
	font-weight:bold;
	text-align: left;
}
#allcases #Cases-element
{
	float:left;
	width:50px;
	margin:-4px 0 0 0;
}
#allcases .zend_form #FinCases-label
{
 	clear:none;
	float:left;	
	width:60px;
	margin:0 0 0 5px;
	font-weight:bold;
	text-align: left; 
}
#allcases #FinCases-element
{
	float:left;
	margin:-4px 3px 0 0;
	width:70px;
}
#allcases #FinCases-element input
{
	width:70px;
	display:block;
}
#allcases #submitcases-element
{
	clear:both;
	float:right;
	float:none \7;
}

#allcases .zend_form {
    display: block;
    float: left;
    /*width: 100%;*/
}

#allcases.machine #submitcases-element{
	float:left;
	clear:none;
}
#allcases.machine form{
	margin-bottom:15px;
}
#refreshcases span{
	padding-top:10px;
}

#errorEmbauche{
	font-size: 10px;
    margin-left: 101px;
    margin-top: 310px;
    position: absolute;
}

.rouge{
	color: red;
}

.orange{
	color: orange;
}

.statut{
	color:5149D6;	
}

.content_overlay #machineform .zend_form{
	width : 300px;
	float : left;
	margin-top:20px;
}

.content_overlay #machineform .zend_form dt{
	width : 105px;
}

#machineform #NumMachine-label,#Latitude-label,#Longitude-label
{
	display:none;
}

.machineformadd{
	float:left;
	width:245px;
}

#machineoptions{
	float:right;
	width:162px;
}

#machineoptions input{	
	width:118px;
}

#machineoptions span.padding{
	display:block;
	padding:15 0 5 0;
}

#machineoptions span{
	display:block;
	padding-top:15px;
}

#machineoptions img{
	vertical-align: top;
}

#statutvgp{
	left: 252px;
    position: absolute;
    top: 233px;
}

#filtre{
	margin-left: 320px;
    margin-top: -52px;
    position: absolute;
}

.editChantierTab{
		border:none;
		width:65%;
}

#submitEditChantier{
	float:right;
	margin-left:127px;
}

.chantierDroit{
	text-align: right;
}

.editChantierTab td{
		border:none;
		padding:7px;
}

#errorchantier{
	position:absolute;
	margin-left:125px;
	margin-top:14px;
	font-size: 10px;
}

div#popupP, div#popupBon{
	margin:10px;
}

#submitprevision{
	float:right;
	margin-top:25px;
}

#footerPrevision{
	padding-bottom: 40px;
}

#commprevision{
	width:250px;
	margin-top:25px;
}

.PrevisionDate{
	margin-left: 260px;
    position: absolute;
    top:-12px;
}

.PrevisionDate table td{
	padding:5px;
	vertical-align: middle;
}
.PrevisionDate table td img{
	margin-top:3px;
}
.PrevisionDate b{
	font-size: 14px;
}

#PrevisionDate{
	float: right;
    padding-bottom: 26px;
}

.PrevisionDatePop{
	margin-left: 226px;
    margin-top: 0;
    position: absolute;
}

.selectPrevision{
	background-color:#ECFF93; 
}
#prevision tr.hover:hover{
	cursor:pointer;
}
#prevision tr.acordeon:hover{
	cursor: pointer;
}

#tab{
	margin-top:20px;
}

#tab .options td, #tab .options table{
	padding: 0;
	border: none;
}

#tab .options a{
	display:block;
	padding:10px 15px;	
	background-color:#ececec;
	color:#23282E;
	white-space: nowrap;
}

#tab .courant a {
	background-color:#2966B3;
	border:solid 1px #B9BDBF;
	color:#ffffff;
}

#prevision
{
	position:relative;
}
#prevision .options{
	width:45% !important;
}

div#ExportP{
	margin-top:10px;
}

#prevision table.planning tr.borderP{
	border-top: solid 1px grey;
}

#prevision table.planning td{
	padding:10px;
	border:none;
}

#prevision table.planning td.hover{
	border-top: 1px solid #ddd;
} 

#PlanningDate{
	right: 0;
    top: -53px;
    position: absolute;
}
#PlanningDate table td{
	padding:5px;
	vertical-align: middle;
}
#PlanningDate table td img{
	margin-top:3px;
}
#PlanningDate b{
	font-size: 14px;
}
.checkP{
	width:180px;
}

#bouttonChantier{
	margin:auto;
	width: 120px;
	float:right;
}

#ExportP a{
	margin:10 0 0 20;
}

#bons #listEmp table{
	width:90px;
	float:left;
	padding: 0;
}

#PointageTab table td{
	vertical-align: middle;
}

#PointageTab table img.pictos{
	height:15px;
	width:15px;
}

#PointageTab table{
	float:left;
}

#PointageTab table th{
	width:20px;
}



#HeaderPointage{
     width:400px;
     margin:-32px 0 19px 435px;
}
#HeaderPointage table td{
	padding:5px;
	vertical-align: middle;
}
#HeaderPointage table td img{
	margin-top:3px;
}
#HeaderPointage b{
	font-size: 14px;
}

#HeaderPointageD{
	margin-left:126px;
	border-bottom: 1px solid grey;
}

#filtrePointage{
	margin-top: -30px;
	margin-right:250px;
	float:right;
}

#Pointage .recap
{
	float:right;
	width:86%;
}

#Pointage .recap
{
	float:right;
	width:86%;
}
#bons_accueil > table,#bons_accueil > table td,#clients_accueil form table,#clients_accueil form table td,
#recap_accueil > table,#recap_accueil > table td,#recap_machine > table,#recap_machine > table td,
#recap_chantier > table,#recap_chantier > table td,#recap_chantierfacture > table,#recap_chantierfacture > table td,
#chantiers_accueil form table,#chantiers_accueil form table td
{
	border:0;	
	padding:0;
}
#bons_accueil #Pointage .recap
{
	float: none;
	width: 100%;	
}
#bons_accueil #HeaderPointageD
{
	margin-left: 0;
}
#bons_accueil #SearchEmp,#clients_accueil #SearchClient,#recap_accueil #SearchChantier,
#prevision_emp #SearchEmp,#prevision_chantier #SearchChantier,#prevision_mach #SearchMach,
#chantiers_accueil #SearchChantier, #SearchMachine
{
	width: 250px;
	height: 23px;
	line-height: 23px;
}
#recap_accueil #SearchChantier,
#prevision_emp #SearchEmp,#prevision_chantier #SearchChantier,#prevision_mach #SearchMach, #SearchMachine
{
	width: 450px;
}
#bons_accueil .boutton2,#recap_accueil .boutton2,#recap_machine .boutton2,#recap_chantier .boutton2,#recap_chantierfacture .boutton2
{
	display:block;
	background:#666666;
	color : white;
	padding :6px;	
	margin:0;
}
#clients_accueil input[type=submit],#chantiers_accueil input[type=submit]
{
	display:block;
	background:#666666;
	color : white;
	border : 0;
	padding :5px;
	float:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#clients_accueil .lettre,#chantiers_accueil .lettre
{
	display: inline-block;
	padding:2px 4px;
	background:#ffffff;
	border:solid 1px #cccccc;
	text-transform: uppercase;;
	font-size: 14px;
}
#clients_accueil .lettre:hover
{
	background:#666666;
	color:#ffffff;
}
#Pointage .recap h3
{
	background-color: #5A5A5A;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    margin: 25px 0 0;
    padding: 5px 30px;
    position: relative;		
}
#Pointage .recap .legende
{
	position:absolute;
	right:0;
	top:20px;	
}
#recap_employe .legende2
{
	float:right;
	height:50px;
}
#Pointage .recap .legende ul li,
#recap_employe .legende2 ul li
{
	float:left;
	margin-left:15px;
	line-height:9px;
	font-size:11px;
}
#Pointage .recap .legende ul li span,
#recap_employe .legende2 ul li span
{
	display:block;
	width:5px;
	height:9px;
	float:left;
	margin-right:5px;
}
#Pointage .recap .legende ul li span.paniermidi,#recap_employe .legende2 ul li span.paniermidi
{background:#FF46A3;}
#Pointage .recap .legende ul li span.paniersoir,#recap_employe .legende2 ul li span.paniersoir
{background:#CE0067;}
#Pointage .recap .legende ul li span.petitdej,#recap_employe .legende2 ul li span.petitdej
{background:#FFB0D8;}
#Pointage .recap .legende ul li span.restaurant,#recap_employe .legende2 ul li span.restaurant
{background:#840196;}
#Pointage .recap .legende ul li span.deplacement,#recap_employe .legende2 ul li span.deplacement
{background:#44CF34;}

#Pointage .recap .consigne_dimanche
{
	position:absolute;
	left:200px;
	top:31px;	
	font-size: 11px;	
}
#Pointage .recap table
{
	width:100%;
	border:solid 1px #d7d7d7;
}
#Pointage .recap table th
{
	padding:2px;
	background-color:transparent;	
	color:#333333;
	font-weight:normal;
	text-align: center;
}
#Pointage .recap table th span
{
	font-size: 10px;
	color:#98A3B2;
}
#Pointage .recap table td
{
	padding:5px 0px;
}
#Pointage .recap table td.chantiers
{
	padding:12px 5px 0 5px;
	border:0;
}

#Pointage .recap table td .item
{
	border: 1px solid #D3D3D3;
	/*border-left:0;*/
    position: relative;
    text-align: center;
	background-color:#ffffff;
	background-color:#ffffff;
	height:32px;
	width:30px;	
	font-size:11px;
}
#Pointage .recap table td .item.aujourdhui{
	border: 1px solid #FFB997;
}
#Pointage .recap table td .item:hover,#Pointage .recap table td .item.rempli:hover
{
	background-color:#5a5a5a;
	cursor:pointer;
}
#Pointage .recap table td .item.rempli
{
	background-color:#EAFFEA;
}
#Pointage .recap table td .item.total_ligne
{
	background-color:#D8EAF5;
	width:25px;
	line-height: 32px;
	cursor:auto;
}
#Pointage .recap table td .item.total_colonne
{
	background-color:#D8EAF5;
	line-height: 18px;
	height:18px;
	cursor:auto;
}
#Pointage .recap table td .item.total_global
{
	background-color:#5A5A5A;
	color:#ffffff;
	width:25px;
	line-height: 18px;
	height:18px;
	cursor:auto;
}
#Pointage .recap table td .item.weekend
{
	background-color:#eeeeee;
}
#Pointage .recap table td .item span
{
	position:absolute;
	top:1px;
	display:block;
	text-align: center;
	width: 100%;
}
#Pointage .recap table td .item:hover span
{
	color:#ffffff;
}
#Pointage .recap table td .item .panier_midi,#Pointage .recap table td .item .panier_soir,#Pointage .recap table td .item .petitdej,#Pointage .recap table td .item .restaurant,#Pointage .recap table td .item .deplacement,
#recapEmploye td div.temps .panier_midi,#recapEmploye td div.temps .panier_soir,#recapEmploye td div.temps .petitdej,#recapEmploye td div.temps .restaurant,#recapEmploye td div.temps .deplacement
{
	position:absolute;
	width:5px;
	height:9px;
	border-bottom:solid 1px #ffffff;
	left:0;
}
#Pointage .recap table td .item .deplacement,
#recapEmploye td div.temps .deplacement
{
	top:0px;
	right:0;
	left:auto;
	background:#44CF34;
}
#Pointage .recap table td .item .panier_midi,
#recapEmploye td div.temps .panier_midi
{
	top:0px;
	background:#FF46A3;
}
#Pointage .recap table td .item .panier_soir,
#recapEmploye td div.temps .panier_soir
{
	top:11px;
	background:#CE0067;
}
#Pointage .recap table td .item .petitdej,
#recapEmploye td div.temps .petitdej
{
	top:21px;
	background:#FFB0D8;
}
#Pointage .recap table td .item .restaurant,
#recapEmploye td div.temps .restaurant
{
	top:0px;
	background:#840196;
}
/*
#Pointage .recap table td .item .triangle_rose
{
	position:absolute;
	width:11px;
	height:11px;
	left:0;
	top:0;
	background: transparent url(/img/pictos/triangle_rose.png) no-repeat scroll top left;
}
#Pointage .recap table td .item .triangle_vert
{
	position:absolute;
	width:11px;
	height:11px;
	right:0;
	top:0;
	background: transparent url(/img/pictos/triangle_vert.png) no-repeat scroll top right;
}
*/
#Pointage .recap table td .item .pictos
{
	display:inline-block;
	margin-top: 16px;
	float: right;
	width:15px;
	height:15px;
}
#Pointage .recap table.absence td
{
	border:solid 1px #d7d7d7;
	border-collapse:collapse;
	background-color: #ffffff;
}
#Pointage .recap table.absence td.total_abs
{
	background-color: #D8EAF5;
}
#Pointage .recap table.absence th
{
	background-color: #d7d7d7;
	font-weight:bold;
}

#filtreCheck{
	float:right;
	margin-top:-37px;
	margin-right: 120px;
}

.selectPointage{
	background-color:#E1E1E1;
}

.bouttonPointage{
    background: none repeat scroll 0 0 #666666;
    border: 1px solid black;
    color: white;
    display: block;
    float: right;
    margin-top:-55px;
    padding: 5px;
}
.bouttonPointage:hover{
    background: none repeat scroll 0 0 #000000;
    color: white;
}

#PointageTab{
	width:90%;
	/*overflow: auto;*/
	float:right;
}


.colonneFixe{
	width:100px;
	position:absolute;
	margin-left:14px;
}

#listEmp td{
	padding:10px
}

#ListingPrevision{
	float:right;
	width:450px;
	position: relative;
}
#ListingPrevision .overflow{
	height:441px;
	overflow:auto;
}
#ListingPrevision table{
	float:right;
}
#ListingPrevision table th{
	text-align: center;
}

a.addprevision,a.addabsence,a.addchantier,a.addfuel
{
	float: left;
	margin-top:10px;
}

#addBon{
	border-bottom:1px solid #d7d7d7;
	width:430px;
	position:relative;
	float:left;
}
#addBon td{
	padding:7px;
}

#addBon #recapBon th
{
	padding:5px;
}

#ongletsBons{
	width:430px;
	position:relative;
	float:left;
	margin-top:25px;
}

#ongletsBons h4{
	background-color: #5A5A5A;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 5px 15px;
    position: relative;
    margin:0;
    float:left;
    cursor: pointer;
}

#ongletsBons h2
{
	display:inline-block;
	padding:5px 15px;
	font-size:12px;
	font-weight:bold;
	background-color:#B20404;
	color:#ffffff;
	position:relative;
	float:left;
	margin:0;
	cursor: pointer;
}
#autres_bons th,#autres_bons td,#noteAbsence th,#noteAbsence td{
	padding:5px;
}
#autres_bons th{
	background-color: #E5E5E5;
	color:#000000;
}
#noteAbsence th{
	background-color: #FEDEDE;
	color:#000000;
}

#popupBon .ajoutLigne
{
	margin-top:10px;
	display: inline-block;
	padding:2px 4px;
	line-height:17px;
	color:#72A133;
	font-weight:bold;
}

#dateBon{
	border-bottom:1px;
	margin-bottom:20px;
}



#compteurBon table td{
	border:none;
}

#compteurBon table.addBonHead{
	margin-bottom: 10px;	
}

#compteurBon{
	margin-bottom: 20px;	
}

#compteurBon input[type=text]{
	width:50px;
}

#Social #listEmp{
	float:left;
	width:15%;
	margin:0;
}

#Social #tabEmp{
	float:right;
	
}

#Social #Pointage{
	float:right;
	width:820px;
}

#addabsence,#editsoldes{
	margin:10px;
}

#addabsence #tabemploye
{
	max-height:180px;
	overflow:auto;
}

a.info:hover{
z-index:25;
}

a.info span{
display: none
}
 
.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:2px;
}

#PointageTab #gestionTab{
    margin-top: 20px;
    position: absolute;
}


#PointageTab #gestionTab table{
	border : none;
}

#PointageTab #gestionTab td{
	border:none;
	width:330px;
}

#bons table, #bons td{
	border:0;

}

#bons #PointageTab th{
	padding:2px;
	background-color:transparent;	
	color:#333333;
	font-weight:normal;
	text-align: center;
}

#bons #PointageTab th span
{
	font-size: 10px;
	color:#98A3B2;
}

#PointageTab td{
	padding: 2px 0;
}

#bons .date{
	position:relative;
	height:29px;
	width:32px;
	background-color:#FFFFFF;
	border: 1px solid #D3D3D3;
	text-align: left;
	cursor:pointer;
}
#bons .date.aujourdhui{
	border: 1px solid #FFB997;
}
#bons .date.rempli,#bons .date.rempli.weekend{
	background-color:#EAFFEA !important;
}
#bons .date.weekend{
	background-color:#eeeeee;
}
#bons .date.rempli a{
	line-height:29px;
	text-align: center;
	display: block;
}
#bons .date:hover,#bons .date:hover a,#bons .date:hover .nbheures{
	background-color:#5a5a5a;
	color:#FFFFFF;
}
#bons .date img{
	display:inline-block;
	margin-top: 14px;
	float: right;
}
#bons .date.big img.pictos{
	height: 19px;
    margin-top: 10px;
    width: 19px;
}

#bons .date .nbheures
{
    font-size: 12px;
    position: absolute;
    top:1px;
	color:#007D00;
	display:block;
	width:100%;
	text-align: center;
}

#bons .total{
	position:relative;
	height:29px;
	width:30px;
	border: 1px solid #D3D3D3;
	text-align: center;
	background-color: #D8EAF5;
	font-weight: bold;
	line-height:29px;
}
#bons table td .item.total_ligne
{
	position:relative;
	border: 1px solid #D3D3D3;
	text-align: center;
	background-color:#D8EAF5;
	/*width:25px;*/
	line-height: 29px;
	cursor:auto;
}
#bons #listEmp 
{
	width: 9%;
}
#bons #listEmp td,#bons #listEmp th
{
	padding:0;	
}
#bons #listEmp td a,#bons #listEmp th a{
    display: block;
    text-align:left;
    padding:10px 2px 10px 2px;
    width:86px;
    font-size:10px;
    line-height:15px;
    white-space:nowrap;
    overflow: hidden;
}

/***************************************************************************************/
#Social
{
	position: relative;
}
#filtreSocial
{
	position:absolute;	
	top:-20px;
	right:0;
}

#Social #absences
{
	width:100%;
}
#Social #absences,#Social #absences th,#Social #absences td
{
	padding:0;
	background:transparent;
	font-size:12px;
	color:#000000;
	border:0;
}
#Social #absences th
{
	background:#0066B9;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	padding:4px 8px;
	border:solid 1px #ffffff;
}
#Social #absences th.center
{
	text-align:center;
}
#Social #absences th label
{
	white-space:nowrap;
}
#Social #absences td
{
	padding:5px;
	border:solid 1px #ffffff;
}
#Social #absences .edit .bt
{
	display:block;
	padding:3px 6px;
	background:#666666;
	color:#ffffff;
	font-size:10px;
}

#Social #absences td.chiffre,#Social #absences td.chiffre_total,#Social #absences td.solde,#Social #absences td.edit
{
	text-align:center;
	width:1px;
}
#Social #absences .odd td.chiffre_total{background:#BFF5B4;}
#Social #absences .even td.chiffre_total{background:#D7F9D0;}

#Social #absences .odd td.solde{background:#BBDBEE;}
#Social #absences .even td.solde{background:#D8EAF5;}

/***************************************************************************************/
/*
#Social #detailAbsence
{
	width:97%;
	float:right;
}
*/
#Social #detailAbsence .retour
{
	margin:0 0 0 15px;
	position:absolute;
	float:none;
	right:0;
	top:0;
}
#Social #detailAbsence #filtreEmp
{
	position:absolute;
	right:10px;
	top:-50px;
	padding-right:118px;
}
#Social #detailAbsence #filtreEmp select
{
	width:196px;
}

#Social #detailAbsence h3
{
	position:relative;
	padding:5px 30px;
	background-color:#5A5A5A;
	color:#ffffff;
	display:inline-block;
	margin:0;
	margin-top:25px;
	font-size:16px;	
}
#Social #detailAbsence em
{
	position:relative;
	display:block;
	margin-top:10px;
	padding-bottom:5px;
	border-bottom:solid 1px #d3d3d3;
}
#Social #detailAbsence .detail
{
	width:100%;
}
#Social #detailAbsence .detail th
{
	padding:5px;
	text-align:center;
	font-size:11px;
	background:#0066B9;
	color:#ffffff;
	font-weight:bold;
}
#Social #detailAbsence .detail td
{
	padding:5px;
	text-align:center;
}
#Social #detailAbsence .detail td.left,#Social #detailAbsence .detail th.left
{
	text-align:left;
}
#Social #detailAbsence .detail td.right,#Social #detailAbsence .detail th.right
{
	text-align:right;
}
#Social #detailAbsence td.total
{
	background-color:#D8EAF5;	
}
#Social #detailAbsence .big
{
	font-size: 14px;	
}

#Social #detailAbsence .recap{
	position:relative;
	width: 280px;
	float:right;
	background-color: #ffffff;
	border:solid 1px #d3d3d3;
	padding:10px 20px;
}
#Social #detailAbsence .recap table,#Social #detailAbsence .recap table td{
	border:0;
}
#Social #detailAbsence .calendrier{
	position:relative;
	width: 400px;
	float:left;
	margin-bottom: 30px;
}
#Social #detailAbsence .calendrier li{
	list-style: none;	
}
#Social #detailAbsence .calendrier #libelle {
	width: 100%;
	margin: 0;
	padding: 0;
}
#Social #detailAbsence .calendrier .ligne {
	width: 100%;
	margin: 0;
	padding: 0;
} 
#Social #detailAbsence .calendrier #libelle li {
	float : left;
	width : 50px;
	margin:3px;
	text-align: center;
	color:#98A3B2;
}
#Social #detailAbsence .calendrier .ligne li {
	color: #000;
	float : left; 
	width : 50px;
	height:30px;
	margin:3px;
}

#Social #detailAbsence .calendrier .ligne li a{
	list-style: none;
	text-decoration: none;
	display: block;	
	border:solid 1px #D3D3D3;
	text-align:right;
	padding: 0 2px 0 0;
	height:30px;
	line-height:12px;
	font-size:10px;
	background-color: #ffffff;
	color:#666666;
	position:relative;
}
#Social #detailAbsence .calendrier .ligne li a:hover{
	background-color: #5A5A5A;
	color:#ffffff;
}
#Social #detailAbsence .calendrier .ligne li a img.picto {
	width:16px;
	height:16px;
	position:relative;
	float:left;
	margin-top:14px;
}

#Social #detailAbsence .calendrier li.itemCurrentItem a {
	border: 1px solid #FFB997;
}



/*MENU */
#menu.mini table.titlePrimaire,#menu.mini table.titleSecondaire
{
	margin-top:10px;
}
#menuTab.mini
{
	width:100%;
	margin-top: 5px;
}
#menuTab.mini td.menuLog
{
	display:none;
}
#menuTab td.menuChantier ul li
{
	padding:5px 0;
}
#menuTab.mini table td.menuSocial
{
	width:430px;
}
#menuTab td.menuSocial ul li.intitule
{
	background:#cccccc;
	text-align:center;
	font-size:11px;
	padding:4px 0;
	line-height:11px;
	margin:4px 0 0 0;
}
#menuTab td.menuSocial ul li > span
{
	color:#666666;
}
#menuTab td.menuSocial ul li
{
	padding:5px 0;
}
#menuTab.mini td.menuSocial ul li
{
	float: none;
}
#content.mini
{
	padding-top:0;
}
#content.mini #tab
{
	margin-top:0;
}

/************************/
#recapitulatif
{
	position:relative;	
}
#recapitulatif h2,#Social h2,#tabEmp h2
{
	font-weight: bold;
	font-size:16px;
}
#recapitulatif .filtre
{
	position:absolute;
	right:0;
	top:50px;	
	z-index: 10;
}
#recapitulatif #chantier .onglets a
{
	display:inline-block;
	float:left;
	padding:10px 20px;	
	background-color:#ececec;
	border:solid 1px #B9BDBF;
	color:#23282E;
}
#recapitulatif #chantier .onglets a.courant
{
	background-color:#2966B3;
	border:solid 1px #B9BDBF;
	color:#ffffff;
}
#recapitulatif .liste
{
	width:14%;
	float:left;
	margin-top:70px;
}
#recapitulatif .liste td
{
	padding:0;
}
#recapitulatif .liste td.vide
{
	padding:10px;
}
#recapitulatif .liste a.chantier
{
	display:block;
	background-color:transparent;
	padding:10px;	
}
#recapitulatif .liste a.chantier.courant
{
	display:block;
	background-color:#2966B3;
	color:#ffffff;
}
#recapitulatif .recap
{
	/*width:84%;
	float:right;*/
	margin-top:20px;
}
#recapitulatif .recap h3
{
	position:absolute;
	padding:5px 30px;
	background-color:#5A5A5A;
	color:#ffffff;
	display:inline-block;
	margin:0;
	font-size:16px;	
	right:0; 
}
#recapitulatif .recap h2
{
	margin:10px 0 15px 8px;
}
#recapitulatif .recap table
{
	border:0;
}
#recapitulatif .recap th
{
	padding:2px;
	background-color:transparent;	
	color:#333333;
	font-weight:normal;
	text-align: center;
}
#recapitulatif .recap th span
{
	font-size: 10px;
	color:#98A3B2;
}
#recapitulatif .recap td
{
	padding:0;
	border:0;
}
#recapitulatif .recap td h4
{
	padding:5px;
	margin:0;
	background-color:#5A5A5A;
	color:#ffffff;
	border:solid 1px #d7d7d7;
	white-space:nowrap;
	margin-right:15px;
	margin-top:15px;
	display: inline-block;
}
#recapitulatif .recap tr.employe td
{
	padding:5px 0;
	border-bottom:solid 1px #d7d7d7;
}
#recapitulatif .recap tr td.arret
{
	padding:5px;
	background-color:#fedede;
	border:solid 1px #d7d7d7;
	border-top:0;
}
#recapitulatif .recap .item
{
	text-align:center;
	width:12px;
	padding:5px;
	background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    position: relative;
}
#recapitulatif .recap .item.aujourdhui
{
	border: 1px solid #FFB997;
}
#recapitulatif .recap .item.total
{
	background-color: #D8EAF5;
	width:auto;
}
#recapitulatif .recap .item.prix
{
	background-color: #EAFFEA;
	width:auto;
}
#recapitulatif .recap .total_chantier
{
	padding:10px;
	background-color: #EAFFEA;
	border:solid 1px #d7d7d7;
	margin-top: 20px;
	margin-bottom:20px;
	display: inline-block;
}
#recapitulatif .recap .total_chantier h1,#recapitulatif .recap .total_chantier h2
{
	display:inline;
}
#recapitulatif .recap .liste_fuel
{
	position:relative;
	width:500px;
	float:right;
}
#recapitulatif .recap .liste_fuel h4
{
	padding:5px;
	margin:0;
	background-color:#5A5A5A;
	color:#ffffff;
	border:solid 1px #d7d7d7;
	white-space:nowrap;
	margin-right:15px;
	margin-top:15px;
	display: inline-block;
}

#recapitulatif .recap .liste_fuel table
{
	border: 1px solid #808080;
}
#recapitulatif .recap .liste_fuel table th
{
	background-color: #E5E5E5;
    color: #000000;
	font-weight: bold;
	text-align: left;
	padding:6px;
}
#recapitulatif .recap .liste_fuel table td
{
	padding:6px;
}

/************************/
#fuel
{
	position:relative;	
}
#fuel .boutton
{
	position:absolute;
	right:0;
	top:0;	
	z-index: 10;
	background-color: #666666;
}
#fuel .boutton:hover
{
	color:#ffffff;
	background-color: #000000;
}
#fuel #gestion .onglets a
{
	display:inline-block;
	float:left;
	padding:10px 20px;	
	background-color:#ececec;
	border:solid 1px #B9BDBF;
	color:#23282E;
}
#fuel #gestion .onglets a.courant
{
	background-color:#2966B3;
	border:solid 1px #B9BDBF;
	color:#ffffff;
}
#fuel .liste
{
	margin-top:25px;
}
#addfuel table,#addfuel td
{
	border:none;
}
/************************/
#user
{
	position:relative;	
}
#user .boutton
{
	position:absolute;
	right:0;
	top:0;	
	z-index: 10;
}
#user .boutton:hover
{
	color:#ffffff;
	background-color:#000;
}
#user #gestion .onglets a
{
	display:inline-block;
	float:left;
	padding:10px 20px;	
	background-color:#ececec;
	border:solid 1px #B9BDBF;
	color:#23282E;
}
#user #gestion .onglets a.courant
{
	background-color:#2966B3;
	border:solid 1px #B9BDBF;
	color:#ffffff;
}
#user .liste
{
	margin-top:25px;
}
#adduser table,#adduser td
{
	border:none;
}
#adduser em
{
	font-size:10px;
}
#adduser .gauche
{
	width:260px;
	float:left;
	position:relative;
	margin:0;
}
#adduser .droite
{
	width:330px;
	margin:0;
	float:right;
	position:relative;
}
#adduser .droite td
{
	padding:5px;
	font-size:11px;
}
/**************************/
#logs
{
	position:relative;	
}
#logs .filtre
{
	position:absolute;
	right:0;
	top:50px;	
	z-index: 10;
}
#logs h3 span
{
	font-weight:normal;
}
#logs .liste td,#logs .liste th
{
	padding:5px;
}

/********************************/
#google_map
{
	width:100%;
	height: 450px;
}

/********************************/

#prevision ul.machines > li
{
	border-bottom:solid 1px #808080;
	border-right:solid 1px #808080;
	position:relative;
}
#prevision ul.machines > li h2
{
	width:260px;
	margin:0;
	float:left;
	padding:10px;
	font-weight:bold;
}
#prevision ul.machines > li a.ajout
{
	position:absolute;
	right:4px;
	top:10px;
}
#prevision ul.machines > li > ul li
{
	position:relative;
	width:660px !important;
	float:right;
	margin-right:20px;
	border-top:dotted 1px #c7c7c7;
}
#prevision ul.machines > li > ul li > span
{
	font-weight:bold;
	color:#00B900;
	font-size:11px;
	position:absolute;
	right:-108px;
	top:12px;
	display:none;
}
#prevision ul.machines > li > ul li:first-child
{
	border-top:0;
}
#prevision ul.machines > li > ul li table
{
	width:100% !important;
	border:0;
}
#prevision ul.machines > li > ul li table td
{
	border:0;
}
#prevision ul.machines > li > ul li table td.hover
{
	border-top:dotted 1px #c7c7c7;
}
#prevision ul.machines > li > ul li table tr:first-child td.hover
{
	border-top:0
}

/********************************************************/
#recap_machine .filtremois,#recap_chantier .filtremois
{
	float:right;
	margin-top:-40px;
}
#recap_machine .typeAffichage
{
	float:right;
	margin-bottom:-40px;
	z-index:10;
	margin-right: 215px;
}
#recap_machine .typeAffichage a
{
	display:inline-block;
	background:#ffffff;
	color:#000000;
	padding:4px 8px;
	border:solid 1px #c7c7c7;
}
#recap_machine .typeAffichage a:hover,#recap_machine .typeAffichage a.active
{
	background:#0066b3;
	color:#ffffff;
}
#recap_machine #liste > h3,#recap_chantier #liste > h3
{
	font-size:18px;
	font-weight: bold;
}
#recap_machine #liste > ul > li,#recap_chantier #liste > ul > li
{
	background: #ffffff;
	padding:0 5px 5px 10px;;
	margin-bottom:10px;
	border:dotted 1px #c7c7c7;
}
#recap_machine #liste > ul > li > h4
{
	margin:0 0 0 -10px;
	padding: 5px 10px;
	font-size: 12px;
	background: #666666;
	color:#ffffff;
	display:inline-block;
}
#recap_machine #liste > ul > li > table,#recap_chantier #liste > ul > li > table
{
	border:0;
	margin-top:5px;
}
#recap_machine #liste > ul > li > table .chantier
{
	width:120px;
	font-size:11px;
	padding:5px;
}
#recap_machine #liste > ul > li > table .item
{
	padding:2px 0 13px 0;
	width:24px;
}
#recap_machine #liste > ul > li > table .item.weekend
{
	background:#eeeeee;
}
#recap_machine #liste > ul > li > table .item .pictos.arret
{
	position:absolute;
	right:0;
	bottom:0;
}
#recap_machine #liste > ul > li > table .item .pictos.intemperie
{
	position:absolute;
	left:0;
	bottom:0;
}
#recap_machine #liste .machine-heures-fonctionnement
{
	overflow:auto;
	margin:0;
}
#recap_machine #liste .machine-heures-fonctionnement > table td,#recap_machine #liste .machine-heures-fonctionnement > table th
{
	padding:1px;
	border:solid 1px #c7c7c7;
	background:#fff;
}
#recap_machine #liste .machine-heures-fonctionnement th span
{
	display:block;
}
#recap_machine #liste .machine-heures-fonctionnement .machine div
{
	font-size:10px;
	padding:2px 4px;
	/*width:115px;*/
	white-space:nowrap;
}
#recap_machine #liste .machine-heures-fonctionnement .jour div
{
	font-size:11px;
	min-width:15px;
}
#recap_machine #liste .machine-heures-fonctionnement .jour.vide
{
	background:#eee;
}
#recap_machine #liste .machine-heures-fonctionnement .jour.demarrage
{
	color:#59B02F;
}
#recap_machine #liste .machine-heures-fonctionnement .jour.arret
{
	color:#C00505;
}
#recap_machine #liste .machine-heures-fonctionnement .jour.vide.odd
{
	background:#e5e5e5;
}
#recap_machine #liste .machine-heures-fonctionnement .jour.weekend
{
	background:#ccc !important;
}

#recap_chantier #liste > ul > li > table td
{
	border:0;
}

#recap_chantier #liste > ul > li > table td.heures
{
	width:100px;
	text-align: right;
	padding-right:15px;
}
#recap_chantier #liste > ul > li > table td.heures .vert
{
	color:#00B900;
}
#recap_chantier #liste > ul > li > table td.montant
{
	width:130px;
	text-align: right;
	padding-right:15px;
	font-size: 16px;
	font-weight:bold;
}
#recap_chantier #liste > ul > li.total
{
	background: #E4F4FC;
}

/***********************************************************************/
#recap_chantierfacture
{
	position:relative;
}
#recap_chantierfacture .import
{
	position:absolute;
	right:300px;
	top:-40px;
	background-color:#C20006;
	color:#ffffff;
	font-size:12px;
	border:none;
	display:inline-block;
	padding:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#recap_chantierfacture .import:hover
{
	background-color:#666666;
	color:#ffffff;
}
#recap_chantierfacture .filtremois
{
	clear:right;
	float:right;
	margin-top:-40px;
}
#recap_chantierfacture #liste > h3
{
	font-size:18px;
	font-weight: bold;
}
#recap_chantierfacture #liste > ul > li
{
	background: #ffffff;
	padding:0 5px 5px 10px;;
	margin-bottom:10px;
	border:dotted 1px #c7c7c7;
}
#recap_machine #liste > ul > li > h4
{
	margin:0 0 0 -10px;
	padding: 5px 10px;
	font-size: 12px;
	background: #666666;
	color:#ffffff;
	display:inline-block;
}
#recap_chantierfacture #liste > ul > li > table
{
	border:0;
	margin-top:5px;
}
#recap_chantierfacture #liste > ul > li > table td
{
	border:0;
}
#recap_chantierfacture #liste > ul > li > table td.heures
{
	width:110px;
	text-align: right;
}
#recap_chantierfacture #liste > ul > li > table td.heures b
{
	font-size:14px;
}
#recap_chantierfacture #liste > ul > li > table td.heures .vert
{
	color:#00B900;
}
#recap_chantierfacture #liste > ul > li > table td.montant
{
	width:120px;
	font-size:14px;
	text-align: right;
	font-weight:bold;
}
#recap_chantierfacture #liste > ul > li > table td.factures
{
	width:170px;
	text-align: center;
}
#recap_chantierfacture #liste > ul > li > table td.factures table,#recap_chantierfacture #liste > ul > li > table td.factures td
{
	border:0;
	padding:0;
	margin:0;
}
#recap_chantierfacture #liste > ul > li > table td.factures td
{
	padding:1px 5px;
}
#recap_chantierfacture #liste > ul > li > table td.factures li img
{
	vertical-align:middle;
}
#recap_chantierfacture #liste > ul > li > table td.montantfacture
{
	width:130px;
	text-align: right;
	font-size: 16px;
	font-weight:bold;
	color:#2481C2;
}
#recap_chantierfacture #liste > ul > li.entete
{
	font-size:12px;
	color:#ffffff;
	background:#666666;
}
#recap_chantierfacture #liste > ul > li.entete > table td,#recap_chantierfacture #liste > ul > li.entete > table td.montantfacture
{
	font-size:12px;
	color:#ffffff;
	padding:5px 10px;
}
#recap_chantierfacture #liste > ul > li.total
{
	background: #E4F4FC;
}

/***********************************************************************/

#facturegestion .retour
{
	float:none;
	margin:0;
	position:absolute;
	right:0;
	top:-50px;
}
#facturegestion .consigne
{
	font-size:12px;
	text-align:center;
	margin:20px 0;
}
#facturegestion .deplacement
{
	height:500px;
	overflow:auto;
	overflow-x:hidden;
	position:relative;
}
#facturegestion .chantiers,#facturegestion .factures
{
	float:left;
	width:615px;
	background:#ffffff;
	border:dotted 2px #666;
	position:relative;
	z-index:10;
}
#facturegestion .chantiers
{
	height:490px;
	font-size:11px;
	width:315px;
	position:absolute;
	right:0;
	top:0;
	z-index:5;
}
#facturegestion .chantiers > ul
{
	overflow:auto;
	height:450px;
	position:relative;
}
#facturegestion .factures li,#facturegestion .chantiers li
{
	border-bottom:solid 1px #c7c7c7;
	padding:5px;
	min-height:30px;
	background:#fff;
}
#facturegestion .factures li
{
	cursor:move;
}
#facturegestion .factures li:hover
{
	background:#eeeeee;
}
#facturegestion .factures table,#facturegestion .factures td,#facturegestion .chantiers table,#facturegestion .chantiers td
{
	padding:0;
	margin:0;
	border:0;
	font-size:11px;
}
#facturegestion .factures td
{
	padding:3px 4px;
}
#facturegestion .factures td.num,#facturegestion .factures td.montant,#facturegestion .factures td.supp
{
	width:1px;
}
#facturegestion .factures td.date
{
	width:70px;
	color:#2481C2;
	text-align:center;
}
#facturegestion .factures td.chantier
{
	width:180px;
}
#facturegestion .factures td.montant
{
	text-align:right;
}
#facturegestion .factures td.montant span
{
	color:#888888;
}
#facturegestion .chantiers .recherche
{
	background:#666666;
	color:#ffffff;
	height:40px;
}
#facturegestion .chantiers .recherche table
{
	float:right;
	margin:5px;
}
#facturegestion .chantiers .recherche td
{
	background:#666666;
	color:#ffffff;
	padding:5px;
}
#facturegestion .chantiers .cache
{
	background:#ffffff;
	position:absolute;
	width:100%;
	height:100%;
	opacity:0.6;
    filter:alpha(opacity=60);
    display:none;
    z-index:5;
}
#facturegestion .chantiers li.hover
{
	background-color:#dddddd;
}
#facturegestion .chantiers li.saved
{
	background-color:#DAFCB4;
}

/***********************************************************************/

#recapBons
{
	width:100%;
}
#recapBons,#recapBons td,#recapBons th
{
	padding:0;
	border:0;
	font-weight:normal;
	color:#000000;
	background:transparent;
	font-size:11px;
	border:solid 1px #ffffff;
}
#recapBons th
{
	background:#666666;
	padding:8px 3px;
	color:#ffffff;
	width:1px;
}
#recapBons th.large
{
	width:100%;
}
#recapBons th label
{
	white-space:nowrap;
}
#recapBons td
{
	padding:5px 3px;
}
#recapBons .even td.absence
{
	background:#F8F34E;
}
#recapBons .odd td.absence
{
	background:#F5EF0A;
}
#recapBons .even td.presence
{
	background:#D7F9D0;
}
#recapBons .odd td.presence
{
	background:#BFF5B4;
}
#recapBons .even td.compteur
{
	background:#D8EAF5;
}
#recapBons .odd td.compteur
{
	background:#BBDBEE;
}
#recapBons .nom a
{
	white-space: nowrap;
	display: block;
}

/***********************************************************************/
#recap_employe .filtremois
{
	float:right;
	margin-top:-70px;
	border:0;
}
#recap_employe .filtremois td
{
	border:0;
}
#recap_employe #liste > h3
{
	font-size:18px;
	font-weight: bold;
}

#recapEmploye,#recapEmploye td,#recapEmploye th
{
	padding:0;
	border:0;
	font-weight:normal;
	text-align:left;
	color:#000000;
	background:transparent;
}
.legende
{
	position:absolute;
	right:0;
	top:0;
}
.legende ul li
{
	line-height:18px;
	margin-left:15px;
	float:left;
	font-size:11px;
}
.legende ul li span
{
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin-right:5px;
}

#recapEmploye
{
	width:100%;
}
#recapEmploye th
{
	font-weight:bold;
	border:solid 2px #ffffff;
	text-align:center;
	padding:4px 0;
}
#recapEmploye th.jour
{
	background:#0066B3;
	/*background:#8eb9f7;*/
	color:#ffffff;
}
#recapEmploye th.total
{
	background:#69CB3A;
	/*background:#bbe8af;*/
}
#recapEmploye td
{
	font-size:11px;
	width:1px;
	border:solid 1px #eeeeee;
	border-bottom:solid 1px #333333;
	/*border-bottom:solid 1px #c7c7c7;*/
}
#recapEmploye td.emp
{
	width:100%;
	font-size:9px;
}
#recapEmploye td div.temps
{
	width:24px;
	height:30px;
	text-align:center;
	font-size:11px;
	line-height:28px;
	background:#ffffff;
	position:relative;
}
#recapEmploye td div.temps .abs
{
	position:absolute;
	line-height:12px;
	height:12px;
	right:0;
	bottom:0;
	text-align:right;
}
#recapEmploye td div.temps .abs img
{
	width:12px;
	height:12px;
}
#recapEmploye td div.temps.vide
{
	background:#848484;
	/*background:#c7c7c7;*/
}
#recapEmploye td div.temps.intemperie,.legende ul li span.intemperie
{
	background:#12B0ED;
	/*background:#aedcff;*/
}
#recapEmploye td div.temps.total
{
	line-height:30px;
	font-weight:bold;
	width:27px;
}
#recapEmploye td div.temps.total.violet,.legende ul li span.violet
{
	background:#ADAFED;
	/*background:#f1b0ff;*/
}
#recapEmploye td div.temps.total.rouge,.legende ul li span.rouge
{
	color:#ffffff;
	background:#D82529;
	/*background:#ff7578;*/
}
#recapEmploye td div.temps.total.vert,.legende ul li span.vert
{
	background:#69CB3A;
	/*background:#9ceb86;*/
	color:#000000;
}
#recapEmploye td.bigtotal,.legende ul li span.jaune
{
	text-align:center;
	font-weight:bold;
	background:#FFEC00;
	/*background:#ffea94;*/
	color:#000000;
	border-left:solid 2px #000000;
	/*border-left:solid 2px #c7c7c7;*/
}

/**********************************
		Generateur
**********************************/
.nav {
	margin-bottom: 25px;
}

#docForm input {
	width: 50%;
	padding: 5px;
}

#docForm label {
	margin-bottom: 5px;
}

#docForm p {
	margin-bottom: 10px
}


.indisp td {
	background: #666666;
}

/**********************************
		Daily
**********************************/
#daily_prev, #daily_next{
	float:left;
	margin-left:30%;
	margin-top: 10px;
}

#daily_prev img:hover{
	cursor: pointer;
}

#daily_next{
	float:right;
	margin-right:30%;
	margin-top: 10px;
	
}

#daily_next img:hover{
	cursor: pointer;
}

#datedujour {
	display:block;
	float:left;
	margin-left:43%;
	margin-top: -20px;
	font-weight: bold;
}

#table-employes{
	width:100%;
	font-size:10px
}

#table-machines{
	width:100%;
	font-size:10px;
	display:none;
}

#cur_date{
	color:#F7F7F4;
}

table .boutton:hover{
	cursor:pointer;
}


#datepick .ui-datepicker {
	position: absolute;
	float:left;
	margin-left:300px;
}

.suppLineDay:hover {
	cursor:pointer;
}

.content_overlay #vehiculeform .zend_form {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.select2-small .select2-container .select2-selection--single {
	height: 20px;
	border-color: #767676;
	border-radius: 0;
}

.select2-small .select2-container .select2-selection--single .select2-selection__rendered {
	height: 100%;
	line-height: 20px;
}

.select2-small .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

.dropdown{ position: relative; display: inline-block; }

.dd-trigger{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .75rem;
  cursor: pointer;
  user-select: none;
  transition: all .15s ease;
}
.dd-trigger:active{ transform: translateY(1px); }

.dd-menu{
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  min-width: 50px;
  padding: 6px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .12);;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(2, 6, 23, .12), 0 2px 10px rgba(2, 6, 23, .06);
  transform-origin: top left;

  /* hidden by default */
  opacity: 0;
  transform: translateY(-4px) scale(.98);
  pointer-events: none;
  transition: all .15s ease;
  z-index: 2;
}

.dropdown[data-open="true"] .dd-menu{
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.dd-item{
  width: auto;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .6rem;
  border-radius: 10px;
  text-align: left;
  cursor: pointer;
}
.dd-item:hover{ background: rgba(15, 23, 42, .06); }
.dd-item:focus{ outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.20); }
.dd-item:active{ background: rgba(15, 23, 42, .09); }

.dd-sep{
  height: 1px;
  margin: 6px 6px;
  background: rgba(15, 23, 42, .10);
}

.dropdown.right .dd-menu{ left: auto; right: 0; transform-origin: top right; }