/**
* Css Calendrier planning / Emploi du temps
*/

/* Div et Onglet */

#zonePlanning {
	margin: 0 auto; /* align for good browsers */
	width: 960px;
}

#zonePlanning a {
	padding: 5px 17px 5px 17px;
	margin: 0px;
	background-color: #e0e0e0;	
	color: black;
	text-decoration: none;	
}

#zonePlanning #actif{
	background-color: #000091;
	color: white;	
}

/* Contenu */

#zonePlanning #contenuOnglet {
	margin-top: 5px;
	border: 5px solid #000091;
}

#zonePlanning #contenuOnglet #paginationMensuelle {
	padding: 9px;
	text-align: center;
	background-color: #eee;	
}

#zonePlanning #contenuOnglet #choixSemaines {
	padding: 9px;
	text-align: left;
	background-color: #eee;	
}

#choixSemaines {
	font-size: 14px;
	text-align : center;	
}

#zoneEtablissement {
	text-align:right;
	background-color: #eee;	
	padding: 5px 5px 5px 5px;
}

.contenu_Calendrier {
	padding: 0;
	border-spacing: 0;
	width: 950px;
	border-width:0;
}

.ligne_planning {
	height: 2em;
}

.contenu_Calendrier th {
	background-color: #EEE;
	font-weight: normal;
	white-space:nowrap;
}

.contenu_Calendrier td {
	border-left: 1px dotted #aaa;
	border-bottom: 1px solid #eee;
	cursor: default;
	width:15%;
}

.contenu_Calendrier.modification_planning td {
	width:14%;
}

.contenu_Calendrier.modification_planning_periode td {
	width:13%;
}

.contenu_Calendrier.calendrier_annuel td {
	width:2.7%;
}

td.agd_numero_jour {
	background-color: #CCC;
	text-align: center;
	height: 1em;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #bbb;
}

td.case_hors_planning {
	background-color: #eee;
	background-repeat:no-repeat;
}

.case_libelle-demi_journee {
	width:10%;
	font-weight:800 !important;
}

.case_libelle_semaine {
	border: 1px solid gray; 
	width:10%; 
	border-width: 1px 1px 0 0;
}

td.case_inconnu {
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
}

td.inconnu {
	background-image:url(../images/Point-dinterrogation.png);
}

td.case_ecole {
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
}

td.case_total_horaire, td.case_total_horaire_avertissement {
	text-align: center;
	font-weight:bold;
	background:#eee;
	cursor:default;
	border-top:1px #ccc solid;
}

td.case_total_horaire_avertissement {	
	color:#CC5500;
	/*background:#ffb;*/
}


td.case_vide {
	background-color:#FFFFFF;
	background-repeat: repeat;
}

td.case_vide_desactivee {
	background-color:#F7F7F7;
	background-repeat: repeat;
}

td.case_conge {
	padding: 0px 4px;
	background-color: #ff1448;
	border: none;
}

td.case_absence {
	padding: 0px 4px;
	background-color: #FF9300;
	border: none;
}

td.case_Non_Autorisee {
	background-color:#FFFFFF;
	background-image:url(../images/trait_inverse_rose.png);
	background-repeat: repeat;
}

td.case_Non_Autorisee p, td.case_dimanche p, td.case_non_travaille p {
	display:none;
	visibility:hidden;
}

td.case_non_travaille {
	background-color:#FFFFFF;
	background-image:url(../images/trait.png);
	background-repeat: repeat;
}

td.case_dimanche {
	background-color:#FFFFFF;
	background-image:url(../images/trait.png);
	background-repeat: repeat;
}

td.case_dimanche_conge {
	background-color:#FFFFFF;
	background-image:url(../img/trait_rouge.png);
	background-repeat: repeat;
}

td.case_dimanche_absence {
	background-color:#FFFFFF;
	background-image:url(../img/trait_orange.png);
	background-repeat: repeat;
}

td.case_ferie {
	background-color:#FFFFFF;
	background-image:url(../images/trait.png);
	background-repeat: repeat;
}

td.case_ferie_conge {
	background-color:#FFFFFF;
	background-image:url(../img/trait_rouge.png);
	background-repeat: repeat;
}

td.case_ferie_absence {
	background-color:#FFFFFF;
	background-image:url(../img/trait_orange.png);
	background-repeat: repeat;
}

td.case_vacance {
	background-color:#FFFFFF;
	background-image:url(../images/trait.png);
	background-repeat: repeat;
}

td.case_vacance_conge {
	background-color:#FFFFFF;
	background-image:url(../img/trait_rouge.png);
	background-repeat: repeat;
}

td.case_vacance_absence {
	background-color:#FFFFFF;
	background-image:url(../img/trait_orange.png);
	background-repeat: repeat;
}

td.case_quotite_zero {
	background-color:#677E52;
	background-image:url(../images/trait_inverse_vert.png);
	background-repeat: repeat;
}

.horaire_gauche{
	float:left;
	margin:0 0 0 1.2em;
	padding:0;
	font-style:italic;
	display:none;
}

.horaire_droite{
	float:right;
	margin:0;
	padding:0 1.2em 0 0;
	font-weight:800;
	color:white;
}

.modalite_gauche{
	float:left;
	margin:0 0 0 1.2em;
	padding:0;
	font-weight:800;
}


td.activee_1 {
	background-image:url(../images/coche_1.png);
}

td.activee_1 p:nth-of-type(1), td.activee_1 p:nth-of-type(2), p.activee_1{ 
	color:green;
	font-style:normal;
}

td.desactivee_1 {
	background-image:url(../images/coche_grise_1.png);
}

td.activee_2 {
	background-image:url(../images/coche_2.png);
}

td.activee_2 p:nth-of-type(1), td.activee_2 p:nth-of-type(2), p.activee_2{ 
	color:brown;
}

td.desactivee_2 {
	background-image:url(../images/coche_grise_2.png);
}

td.activee_3 {
	background-image:url(../images/coche_3.png);
}

td.activee_3 p:nth-of-type(1), td.activee_3 p:nth-of-type(2), p.activee_3{ 
	color:blue;
}

td.desactivee_3 {
	background-image:url(../images/coche_grise_3.png);
}

td.activee_4 {
	background-image:url(../images/coche_4.png);
}

td.activee_4 p:nth-of-type(1), td.activee_4 p:nth-of-type(2), p.activee_4{ 
	color:orange;
}

td.desactivee_4 {
	background-image:url(../images/coche_grise_4.png);
}

td.activee_5 {
	background-image:url(../images/coche_5.png);
}

td.activee_5 p:nth-of-type(1), td.activee_5 p:nth-of-type(2), p.activee_5{ 
	color:purple;
}

td.desactivee_5 {
	background-image:url(../images/coche_grise_5.png);
}

td.activee_6 {
	background-image:url(../images/coche_6.png);
}

td.activee_6 p:nth-of-type(1), td.activee_6 p:nth-of-type(2), p.activee_6{ 
	color:black;
}

td.desactivee_6 {
	background-image:url(../images/coche_grise_6.png);
}

td.activee_7 {
	background-image:url(../images/coche_7.png);
}

td.activee_7 p:nth-of-type(1), td.activee_7 p:nth-of-type(2), p.activee_7{ 
	color:cyan;
}

td.desactivee_7 {
	background-image:url(../images/coche_grise_7.png);
}

td.activee_8 {
	background-image:url(../images/coche_8.png);
}

td.activee_8 p:nth-of-type(1), td.activee_8 p:nth-of-type(2), p.activee_8{ 
	color:red;
}

td.desactivee_8 {
	background-image:url(../images/coche_grise_8.png);
}

td.activee_9 {
	background-image:url(../images/coche_9.png);
}

td.activee_9 p:nth-of-type(1), td.activee_9 p:nth-of-type(2), p.activee_9{ 
	color:pink;
}

td.desactivee_9 {
	background-image:url(../images/coche_grise_9.png);
}

/* Sig 125195 prise en compte des Numéros > 10 */

td.activee_10 {
	background-image:url(../images/coche_10.png);
}

td.activee_10 p:nth-of-type(1), td.activee_10 p:nth-of-type(2), p.activee_10{ 
	color:orange;
	font-style:normal;
}

td.desactivee_10 {
	background-image:url(../images/coche_grise_10.png);
}

td.activee_11 {
	background-image:url(../images/coche_11.png);
}

td.activee_11 p:nth-of-type(1), td.activee_11 p:nth-of-type(2), p.activee_11{ 
	color:green;
	font-style:normal;
}

td.desactivee_11 {
	background-image:url(../images/coche_grise_11.png);
}

td.activee_12 {
	background-image:url(../images/coche_12.png);
}

td.activee_12 p:nth-of-type(1), td.activee_12 p:nth-of-type(2), p.activee_12{ 
	color:black;
	font-style:normal;
}

td.desactivee_12 {
	background-image:url(../images/coche_grise_12.png);
}

td.activee_13 {
	background-image:url(../images/coche_13.png);
}

td.activee_13 p:nth-of-type(1), td.activee_13 p:nth-of-type(2), p.activee_13{ 
	color:green;
	font-style:normal;
}

td.desactivee_13 {
	background-image:url(../images/coche_grise_13.png);
}

td.activee_14 {
	background-image:url(../images/coche_14.png);
}

td.activee_14 p:nth-of-type(1), td.activee_14 p:nth-of-type(2), p.activee_14{ 
	color:red;
	font-style:normal;
}

td.desactivee_14 {
	background-image:url(../images/coche_grise_14.png);
}

td.activee_15 {
	background-image:url(../images/coche_15.png);
}

td.activee_15 p:nth-of-type(1), td.activee_15 p:nth-of-type(2), p.activee_15{ 
	color:pink;
	font-style:normal;
}

td.desactivee_15 {
	background-image:url(../images/coche_grise_15.png);
}


td.activee_16 {
	background-image:url(../images/coche_16.png);
}

td.activee_16 p:nth-of-type(1), td.activee_16 p:nth-of-type(2), p.activee_16{ 
	color:blue;
	font-style:normal;
}

td.desactivee_16 {
	background-image:url(../images/coche_grise_16.png);
}


td.activee_17 {
	background-image:url(../images/coche_17.png);
}

td.activee_17 p:nth-of-type(1), td.activee_17 p:nth-of-type(2), p.activee_17{ 
	color:yellow;
	font-style:normal;
}

td.desactivee_17 {
	background-image:url(../images/coche_grise_17.png);
}


td.activee_18 {
	background-image:url(../images/coche_18.png);
}

td.activee_18 p:nth-of-type(1), td.activee_18 p:nth-of-type(2), p.activee_18{ 
	color:grey;
	font-style:normal;
}

td.desactivee_18 {
	background-image:url(../images/coche_grise_18.png);
}


td.activee_19 {
	background-image:url(../images/coche_19.png);
}

td.activee_19 p:nth-of-type(1), td.activee_19 p:nth-of-type(2), p.activee_19{ 
	color:black;
	font-style:normal;
}

td.desactivee_19 {
	background-image:url(../images/coche_grise_19.png);
}


td.activee_20 {
	background-image:url(../images/coche_20.png);
}

td.activee_20 p:nth-of-type(1), td.activee_20 p:nth-of-type(2), p.activee_20{ 
	color:purple;
	font-style:normal;
}

td.desactivee_20 {
	background-image:url(../images/coche_grise_20.png);
}


/*
td.desactivee_1 p:nth-of-type(2), td.desactivee_2 p:nth-of-type(2),
td.desactivee_3 p:nth-of-type(2), td.desactivee_4 p:nth-of-type(2),
td.desactivee_5 p:nth-of-type(2), td.desactivee_6 p:nth-of-type(2),
td.desactivee_7 p:nth-of-type(2), td.desactivee_8 p:nth-of-type(2), 
td.desactivee_9 p:nth-of-type(2) {
	color:gray;
}*/

td[class*='desactivee_'] p {
	color:gray;
}

/* Formulaire de sélection de l'école */

#imgEcole {
	vertical-align:middle;
}

.cellule-image-ecole{
	border-left: 1px solid #aaa;
	text-align:center;
	vertical-align: top;
}

#formulaire-ecole{
	background:#eee;
	border-bottom: 3px double #000091;
}

.formulaire-ecole{
	width:75%;
	margin-left:25%;
}

.formulaire-selection-ecole-label{
	font-weight:bold;
	text-align:right;
	width:210px;
	display:inline-block;
	padding-right:5px;
	height:15px;
}
.formulaire-selection-ecole-label:after{
	content:" : ";
}
.formulaire-selection-ecole-label-radio{
	padding-right:1em;
}
.formulaire-selection-ecole select{
	width:400px;
}
.formulaire-selection-ecole span{
	width:440px;
	display:inline-block;
}
.formulaire-selection-ecole span.cycle-enseignement{
	margin-left:215px;
}
label#r_rep, label#r_autre{
	font-weight:400;
	width:auto;
	padding:0;
}