/* FEUILLE DE STYLE GESTION */

.affichPlanning
{
	background-image:url("../images/picto_quart_planning.gif");
	background-repeat:no-repeat;
	background-position:bottom right;
}

.affichPlanningSurvol
{
	background-color:red;
}

div.critere
{
	margin-top:4px;
	margin-bottom:4px;
}

div.boxPlanning
{
	background-color: #FFFFFF;
	border: 0px solid #CCCCCC;
	position:relative;
}

div.boxPlanning .ressources
{
	width: 120px;
}

div.boxPlanning .affichageGrille, div.boxPlanning .affichageGrilleTitre, div.boxPlanning .affichagePlanning, div.boxPlanning .affichageTranche, div.boxPlanning .affichageAcces
{
	position:absolute;
	width: 570px;
	left: 140px;
	top: 25px;
}


div.boxPlanning .affichageGrilleTitre
{
	top: 5px;
}

div.boxPlanning .ressource
{
	height:26px;
	text-align: right;
}

div.boxPlanning .ligne
{
	height:25px;
}


div.trancheElement
{
	float:left;
	height:3px;
}

div.accesElement_ok, div.accesElement_ko
{
	float:left;
	height:25px;
	-moz-opacity:.3;
	filter:alpha(opacity=30);
	background-color: #FFFFFF;
	opacity:0.3;
}

div.accesElement_ko
{
	background-image:url(../images/fond_hachures.gif);
	background-repeat:repeat;
}


div.bloc_vide, div.bloc_reservation, div.bloc_reservation_recherche, div.bloc_ferme, div.bloc_libre, div.bloc_separator, div.bloc_reservation_absent, div.bloc_reservation_present
{
	float:left;
	height:25px;
	text-align: center;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	opacity:0.5;
}

div.bloc_separator
{
	width:1px;
	background-color: #FFFFFF;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
}

div.bloc_reservation, div.bloc_reservation_absent, div.bloc_reservation_present
{
	background-color: #F40000;
}

div.bloc_reservation_present
{
	background-image:url("../images/picto_ok.gif");
	background-repeat:no-repeat;
	background-position: 2px 2px;
}

div.bloc_reservation_absent
{
	background-image:url("../images/picto_ko.gif");
	background-repeat:no-repeat;
	background-position: 2px 2px;
}

div.bloc_reservation_recherche
{
	background-color: #FF881F;
}

div.bloc_ferme
{
	background-color: #C3C3C3;
}

div.bloc_libre
{
	background-color: #B1FF29;
}

div.bloc_vide
{
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
}


div.horaire, div.subhoraire, div.horaire2
{
	float:left;
	background-color: #CCCCCC;
	overflow:hidden;
}

div.subhoraire
{
	background-color: #DDDDDD;
}

div.horaireInside
{
	padding-left:5px;
	text-align: left;
	background-color: #FFFFFF;
	margin-left:1px;
	overflow:hidden;
	padding-top:2px;
}

div.boxPlanning .ressource
{

	color:#333333;
}

div.boxLegende, div.boxNotice
{
	float:right;
	margin-bottom:10px;
	width:188px;
}

div.boxFiltre
{
	position:relative;
	float:left;
	width:365px;
	margin-bottom:10px;
}

.ajax
{
	background-color:#CCCCCC;
	padding:1px 0px;
}

.ajax .ajaxcontenu, .ajax .ajaxcontenuHover
{
	cursor:pointer;
	margin:0px 1px;
	padding: 1px 2px;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#5C88C0;
}

.ajax .ajaxcontenuHover
{
	background-color:#CCCCCC;
}


div.floatBox
{
	position:absolute;
	z-index:1;
	display:none;
	overflow:auto;
	top:20px;
}


.reservationResume
{
	margin: 5px 0px;
}

.reservataire
{

	font-weight:bold;
	color:#5C88C0;
}

.reservataireTitle
{
	margin-top:5px;
}

.reservataireDetail
{
	margin: 2px 0px;
}

.reservataireName
{
	margin-left: 50px;
	font-style:italic;
	float:left;
	color:#000000;
	width:150px;
	overflow:hidden;
}

.reservataireMontant, .reservataireMontantNull
{
	float:left;
	width:70px;
	text-align:right;
	margin-left:5px;
	font-weight:bold;
	color:#000000;
}

.reservataireMontantNull
{
	color:#CCCCCC;
}

DIV.pagination
{
	margin-top: 5px;
	margin-left:265px;
}

div.bloc_paye
{
	background-color: #FFEC00;
	height: 4px;
	position:relative;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	top : 40%;
	opacity:1;

}

div.bloc_honore
{
	background-color: #8C1C12;
	height: 4px;
	position:relative;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	top : 30%;
	opacity:1;
}

div.bloc_endette
{
	background-color: #000;
	height: 4px;
	position:relative;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
}

#divPlanning
{
	width:98%;
}
#planning
{
}
.colonneplanning
{
	min-width:900px;
}