/** 
 * Copyright (c) 2007 Agglo. de Rouen
 *
 * File : planning.css
 *
 * Fonction : feuille de style concernant les planning MDF
 *
 * @author Magaly CLEMENT 
 *
 **/

/**
	/////////////////////////////////////////////////////////////PARAMETRES GENERAUX
**/
.planning{
	/*border: 0.06em solid Silver;*/
	width: 100%;
	background-color: #D9DFCE;
}

.planning td{
	width:102px;
	vertical-align: top;
}

/**
	Texte numéro du jour
**/
.numeroJour{
	font-weight: strong;
	color: black;
	padding-left: 0.4em;
	padding-top: 0.3em;
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	height: 15px;
	width: 15px;
	z-index: 0;
}
	
/**
	Tableau planning TD
**/	
.td_semaine{
	background-color: white;
	color: black;
	/*vertical-align: top;*/
	width: 60px;
	text-align: left;
}

/**
	Texte SEMAINE en haut à gauche du planning
**/
.titreSemaine{
	font-weight: strong;
	color: black;
	padding-left: 0.4em;
	padding-top: 0.3em;
	font-size:0.8em; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/**
	Texte numéro des semaines
**/
.numeroSemaine{
	font-weight: strong;
	color: black;
	padding-left: 0.4em;
	padding-top: 0.3em;
	font-size:0.8em; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}	
	
.td_jour  {
	background-color: silver;
	color: black;
	border: 0em solid #FDFC65;
	/*width: 20px;*/
	/*vertical-align: middle;*/
	text-align: center;
	font-weight: bold;
	height: 15px;
	width: 100px;
}

/**
	Texte Nom des jours
**/
.nomJour{
	font-weight: strong;
	color: black;
	padding-left: 0.4em;
	padding-top: 0.3em;
	font-size:0.8em; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}	

.td_week_end  {
	background-color: #969696;
	border: 0.06 thin solid #969696;
	color: black;
	vertical-align: top;
	height: 50px;
}

.td_date_actuelle  {
	background-color: transparent;
	border: 0.06 thin solid #969696;
	color: black;
	vertical-align: top;
	height: 50px;
}

.td_hors_mois  {
	border: 0.06 thin solid #969696;
	color: black;
	background-color: #969696;
	vertical-align: top;
	height: 50px;
}

.td_hors_mois_special  {
	border: 0.06 thin solid #969696;
	color: Black;
	background-color: #969696;
	vertical-align: top;
	height: 50px;
}

/**
	Pour texte matin/après-midi
**/
.td_demi_journee{
	border: 0.06em solid White;
	font-size: 0.7em;
	vertical-align: top;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: maroon;
}

/**
	MDF FERME par défaut
**/
.td_par_defaut  {
	color: Black;
	background-color: #FFCC00;
	vertical-align: top;
	height: 50px;
	width:132px;
}

/**
	MDF FERME par défaut + filet vacances
**/
.td_par_defaut_vacances  {
	color: Black;
	background-color: #FFCC00;
	vertical-align: top;
	height: 50px;
	width: 100%;
	border-top: 0.1em #006600 dashed;
}

/**
	LEGENDE MDF FERME par défaut + filet vacances
**/
.legende_par_defaut_vacances  {
	color: Black;
	background-color: transparent;
	width:100px;
	height:25px;
	margin: 0.3em 0.3em 0.3em 0.3em;
	float:left;
	border-top: 0.2em #006600 dashed;
}


/**
	MDF OUVERT
**/
.td_ouvert  {
	color: Black;
	background-color: Lime;
	height: 50px;
}

img{
	border: 0;
}

.bloc{
	width:100%;
	float: left;
	clear:both;
	border: 0.06em solid Black;
}

.texte_jour{
	color: #003E01;
}






/**
	/////////////////////////////////////////////////////////////PLANNING SCOLAIRE-PERISCOLAIRE
**/

/**
	Affichage de l'élément permettant de voir qui a réservé à la date
**/
.puce_animation_sco_peri{
	padding-left: 51px; 
	padding-top: 9px; 
}

/**
	LEGENDES

	Légende ouvert
**/
.legende_ouvert_sco_peri{
	color: Black;
	background-color: #66CC33;
	width:100px;
	height:25px;
	margin: 0.3em 0.3em 0.3em 0.3em;
	float:left;
}

/**
	Légende par défaut (fermé par défaut)
**/
.legende_par_defaut_sco_peri{
	color: Black;
	background-color: #FFCC00;
	width:100px;
	height:25px;
	margin: 0.3em 0.3em 0.3em 0.3em;
	float:left;
}

/**
	Image que l'on met au dessus de la cellule du tableau pour 
	voir combien de réservations sont faites à cette date
**/
.img_cellule_avec_we{
	/*position:absolute;*/
	width: 92px;
	height: 50px;
	z-index: 10;
}

.img_cellule_sans_we{
	position:absolute;
	width: 132px;
	height: 50px;
	z-index: 10;
}

/**
	BLOCS
**/
.bloc_ouvert_matin_sco_peri{
	/*position: relative;*/
	width:50%;
	height:50px;
	float: left;
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
	z-index:1;
}

.bloc_ouvert_am_sco_peri{
	position: relative;
	width: 50%;
	height: 50px;
	float: right; 
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
	z-index: 1;
}

.bloc_ferme_matin_sco_peri{
	position: relative;
	width: 55px;
	height:50px;
	float: left;
	/*border: 0.06em solid Black;*/
	background-color: #FFCC00;
	height: 100%;
}

.bloc_ferme_am_sco_peri{
	position: relative;
	width: 50%;
	height:50px;
	float: right;
	/*border: 0.06em solid Black;*/
	background-color: #FFCC00;
	height: 100%;
}

.bloc_ouvert_journee_sco_peri{
	width: 100%;
	height: 100%;
	/*float: left;*/
	clear: both;
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
}

/**
	fermé par défaut
**/
.bloc_defaut_journee_sco_peri{
	
}





/**
	/////////////////////////////////////////////////////////////PLANNING MALLES
**/

/**
	Affichage de l'élément permettant de voir qui a réservé à la date
**/
.puce_animation_malle{
	margin-left: 30px; 
}

/**
	Malle RESERVEE
**/
.td_reserve  {
	color: Black;
	background-color: #00BFFF;
}

/**
	LEGENDES

	Légende malle réservée
**/
.legende_reserve_malle{
	color: Black;
	background-color: transparent;
	width:30px;
	height:30px;
	margin: 0.3em 0.3em 0.3em 0.3em;
	float:left;
	background-image: url(../../images/mdf/planning/icone_liens/lien_malle.gif);
}

/**
	Légende malle réservable
**/
.legende_reservable_malle{
	width:100px;
	height:25px;
	float: left;
	background-color: #66CC33;
}

/**
	Légende par défaut malle
**/
.legende_par_defaut_malle{
	color: Black;
	background-color: #FFCC00;
	width:100px;
	height:25px;
	margin: 0.3em 0.3em 0.3em 0.3em;
	float:left;
}

/*
	Couleur bloc si malle réservée
*/
.bloc_malle_reserve{
	background-color: #EDF6E5;
	width:100%;
	height: 100%;
	clear:both;
}

/**
	blocs réservables matin/am/journéee
**/
.bloc_reservable_matin_malle{
	position: relative;
	width:50%;
	height:50px;
	float: left;
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
	z-index:1;
}

.bloc_reservable_am_malle{
	position: relative;
	width:50%;
	height:50px;
	float: right;
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
	z-index:1;
}

.bloc_reservable_journee_malle{
	width:100%;
	height: 50px;
	float: left;
	clear:both;
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
	
}

.bloc_non_reservable_matin_malle{
	position: relative;
	width: 50%;
	height:50px;
	float: left;
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
	height: 100%;
}

.bloc_non_reservable_am_malle{
	position: relative;
	width: 50%;
	height:50px;
	float: right;
	/*border: 0.06em solid Black;*/
	background-color: #FFCC00;
	height: 100%;
}

.bloc_non_reservable_journee_malle{
	width: 100%;
	height: 50px;
	float: left;
	clear: both; /*border: 0.06em solid Black;*/
	background-color: #FFCC00;
}




/**
	/////////////////////////////////////////////////////////////PLANNING GRAND-PUBLIC
**/

/**
	Affichage de l'élément permettant de voir qui a réservé à la date
**/
.puce_animation_gp{
	margin-left: 1.1em;
}


.bloc_animation_gp_plein{
	width:100%;
	height: 100%;
	clear:both;
	/*background: url(../../images/mdf/planning/cellule_animation_gp.png); ne sert pas pour le GP car pas de réservation*/
	/* png 50% (ou moins ?) opacité pour voir couleurs bloc en dessous */
}

/**
	LEGENDES

	Légende animation
**/
.legende_animation_gp_plein{
	/** pas de légende car quand animation, on ajoute une image d'opacité 50% au dessus de la cellule**/
}

/**
	Légende par défaut gp
**/
.legende_par_defaut_gp{
	color: Black;
	background-color: #FFCC00;
	width:100px;
	height:25px;
	margin: 0.3em 0.3em 0.3em 0.3em;
	float:left;
}

/**
	Légende par défaut gp
**/
.legende_ouvert_gp{
	color: Black;
	background-color: #66CC33;
	width:100px;
	height:25px;
	margin: 0.3em 0.3em 0.3em 0.3em;
	float:left;
}

/**
	Légende semi ouvert GP
**/
.legende_semi_ouvert_gp{
	color: Black;
	background-color: #99CCCC;
	width:100px;
	height:25px;
	margin: 0.3em 0.3em 0.3em 0.3em;
	float:left;
}

/**
	BLOCS

	Blocs ouvert/fermé matin/am/journée
**/
.bloc_ouvert_matin_gp{
	position: relative;
	width:50%;
	height:50px;
	float: left;
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
}

/**
	Etat semi-ouvert MATIN GP (pour personnes inscrites aux activités)
**/	
.bloc_semi_ouvert_matin_gp{
	position: relative;
	width:50%;
	height:50px;
	float: left;
	/*border: 0.06em solid Black;*/
	background-color: #99CCCC;
}

.bloc_ouvert_am_gp{
	position: relative;
	width:50%;
	height:50px;
	float: right;
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
}

/**
	Etat semi-ouvert APRESMIDI GP (pour personnes inscrites aux activités)
**/	
.bloc_semi_ouvert_am_gp{
	position: relative;
	width:50%;
	height:50px;
	float: right;
	/*border: 0.06em solid Black;*/
	background-color: #99CCCC;
	z-index:1;
}

.bloc_ferme_matin_gp{
	position: relative;
	width: 50%;
	height:50px;
	float: left;
	/*border: 0.06em solid Black;*/
	background-color: #FFCC00;
	height: 100%;
}

.bloc_ferme_am_gp{
	position: relative;
	width: 50%;
	height:50px;
	float: right;
	/*border: 0.06em solid Black;*/
	background-color: #FFCC00;
	height: 100%;
}

.bloc_ouvert_journee_gp{
	width: 100%;
	height: 50px;
	/*float: left;*/
	clear:both;
	/*border: 0.06em solid Black;*/
	background-color: #66CC33;
	
}

/**
	Etat semi-ouvert JOURNEE GP (pour personnes inscrites aux activités)
**/
.bloc_semi_ouvert_journee_gp{
	width: 100%;
	height: 50px;
	/*float: left;*/
	clear:both;
	/*border: 0.06em solid Black;*/
	background-color: #99CCCC;
	
}

.bloc_ferme_journee_gp{
	width:100%;
	height: 50px;
	float: left;
	clear:both;
	/*border: 0.06em solid Black;*/
	background-color: #FFCC00;
	
}