html
{

}
@page {size: landscape;}
body{
	padding:0px;

	margin: 0px;
	overflow:hidden;
	overflow-y:hidden;
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#bandeau_haut{
	background-color: #394871;
	background-image: url(../../images/icestemplate/icones.png);
	background-repeat: repeat-x;
	background-position: 0 -40px;
	height: 44px;
	width:100%;
}
#bandeau_haut_1{
  float: left;
  width:200px;
  	color: #FFFFFF;
}
#bandeau_haut_2{
 text-align:left;
	padding-top:10px;
	padding-right:10 px;
	font-size: 10px;
	color:#CCCCCC;
}
#bandeau_haut_3{
	float : right;
	width: 150px;
	text-align: right;
}
#printer{
	background-image: url(../../images/icestemplate/printer.png);
	background-repeat: no-repeat;
	width:50px;
	height:30px;
	margin-top:3px;
}
#disposalles{
	background-image: url(../../images/icestemplate/disposalles.png);
	background-repeat: no-repeat;
	width:80px;
	height:30px;
	margin-top:3px;
	float:right;

}
.bandeau_haut_contenu{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 10px;
}


/************ PENNEAU DE MODIFICATIONS ************/
#panneau{
	height:100px;
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #336699;
	background-color: #DDDDDD;
	background-image: url(../../images/icestemplate/bandeau-degrade.jpg);
	background-repeat: repeat-x;
}

/*************** GILLE DES HERUES SUR LE COTE GAUCHE **/
#heuresleft{
	height:784px;
	background-color:#EEEEEE;
	float:left;
	width:60px;
	border-right: thin solid #333333;
}
#heuresright{
	height:784px;
	background-color:#EEEEEE;
	float:right;
	width:60px;
	border-left: thin solid #333333;
}
#heuresleft DIV, #heuresright DIV{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}
#heuresleft DIV.quartdheure.selected, #heuresright DIV.quartdheure.selected{
	background:#CCCCCC;
}
.heuresmargintop{
	height:39px;
	border-bottom:thin dashed #666666;
	background:#FFFFFF;
}
.heureleft1, .heureleft3{
	height:12px;
}
.heureleft2{
	border-bottom:thin dashed #999999;
	height:11px;
}

.heureleft4{
	border-bottom:thin solid #666666;
	height:11px;
}
/***************** zone principale ********************/
#principal{

	background-color:#FFFFFF;
	overflow-x:scroll;
	overflow-y:hidden;
}
/**************** JOUR **********/
#EDT{
	width:5000px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}
#EDT.semainetype .jour_colonne{
	background-color: #f9e6e6;
} 
.jour_colonne{
	width:340px;
	float:left;

	border-right:solid thin #666666;
	overflow:hidden;

}
.jour_colonne .jour_libelle{

	height:18px;
	text-align:center;
	background-color:#EEEEEE;
	cursor:pointer;
	overflow:hidden;
}
.column_more{
	float:right;
	width:25px;
	height : 18px;
	background-image: url(../../images/icestemplate/columns_more.png);
	background-repeat: no-repeat;
}
.column_more.maxi{
	background-image: url(../../images/icestemplate/columns_more_maxi.png);

}
.entetes{
	font-size:10px;
	height:22px;
	width:1530px;
	background-color:#EEEEEE;
	cursor:pointer;

}
.entetes .entete{
	margin:2px;
	width:79px;
	border:thin solid #DDDDDD;
	background:#FFFFFF;
	overflow:hidden;
	float:left;
	text-align:center;
	margin-top:2px;
	height:16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.grille_entete{
	width:84px;
	float:left;

	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #BACAFC;
}

.grille_jour{
	width:1020px;
}
.heure0, .heure2{
	height:12px;
}
.heure1{
	height:11px;
	border-bottom:thin dashed #CCCCCC;
}
.heure3{
	height:11px;
	border-bottom:thin solid #CCCCCC;
}
.quartdheure{
	cursor:pointer;
}
.quartdheure.selected{
	background:#EEEEEE;
}

/********* AFFICHAGE DES COURS ********/

.uncours{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	width:83px;
	border:none;
	border-bottom:thin solid #FFFFFF;
	cursor:pointer;
	/*opacity:0.65;*/

	background-color: rgba(117,175,255,0.65);
	/*background-image:linear-gradient(to bottom,#0000FF 0%,#FFFFFF 100%);*/
	text-align: center;
	vertical-align: middle;
	overflow:hidden;
}
.uncours.optionCJS-1 {
	background-image: url(../../images/icestemplate/cours_annule.png);	/*cours annule*/

}
.uncours.optionCJS-2 {
	background-color: rgba(255,0,0,0.65);

}
.uncours.postit{
	background-color: rgba(255,255,0,0.65);
	overflow:auto;
}
.uncours.postit.optionCJS-1 {
	background-image: url(../../images/icestemplate/cours_annule.png);	/*cours annule*/
	background-repeat:repeat-y;

}
.uncours.postit.optionCJS-2 {
	background-color: rgba(255,0,0,0.65);

}
.uncours .cjslibelle{
	font-weight: bold;
	color: #FFFFFF;
}
.uncours.postit .cjslibelle{
	font-weight: bold;
	color: #000000;
}



.uncours .coursOption{
			position:absolute;
			bottom:0;
			left:0;
			display:block;
			width:100%;
			height:20px;
}
.uncours .coursOption DIV{
			float:right;
			width:20px;
			height:20px;
			margin-right:5px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;

}
.uncours .coursOption DIV.wifi{
	background-image: url(../../images/icestemplate/wifi.png);
}
.uncours .coursOption DIV.partage{
	background-image: url(../../images/icestemplate/partage.png);
}
.uncours .coursOption DIV.benevole{
	background-image: url(../../images/icestemplate/benevole.png);
}
.uncours .coursOption DIV.visio{
	background-image: url(../../images/icestemplate/visio.png);
}

/***** option pour une journ�e ******/
.optionjour{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	width:338px;
	border:solid thin #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	/*opacity:0.65;*/

	background-color: rgba(255,255,255,0.75);
	text-align: center;
	vertical-align: middle;
	overflow:hidden;
}
.optionjour.optionCJS-1 {


}

/***** option pour une entete ******/
.optionentete{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	width:82px;
	border:solid thin #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	/*opacity:0.65;*/

	background-color: rgba(255,255,255,0.75);
	text-align: center;
	vertical-align: middle;
	overflow:hidden;
}

/******* edition des cours dans le bandeau Haut *****/
#editCours{
	/*width:1040px;*/
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}
#menus{
	width:320px;
}
.libelleEditCours{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	float:left;
	width:100px;
	text-align:right;
	padding-right:3px;
	padding-top:2px;
}
.libellePostIt TEXTAREA{
	color:#333333;
	width:200px;
	height:60px;
	background-color:#FFFF99;
}
.selectEditCours SELECT{
	color:#333333;
	width:200px;
}
#partage{
	height:85px;
	margin-left:390px;
	border:thin solid #003366;
	background:#FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	display:none;
}
.partageLibelle{
	float:left;
	width:120px;
	height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:right;
	padding-right: 5px;
	overflow:hidden;
}
.partageEntete{
	float:left;
	width:60px;
	height:10px;
	color:#999999;
	border:thin solid #AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
}
.partageEntete.selected{
	background-color:#66CCFF;
}
#listeFormationPartage{
	height:72px;
	overflow-y:auto;
	overflow-x:hidden;
}
/****** MENU CONTEXTUEL AJOUT DE COURS *****/
#menuadd{
	width:100px;
	background-color:#000000;
	border:solid thin #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF;
	padding : 3px;
	opacity : 0.7;
    filter : alpha(opacity=70);
}
#menuadd DIV{
	height:17px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
}
#menuContextuelCours{
	width:100px;
	background-color:#000000;
	border:solid thin #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF;
	padding : 3px;
	opacity : 0.7;
    filter : alpha(opacity=70);
}
#menuContextuelCours DIV{
	height:17px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
}

/***************** NOUVEAUTES 2014 ***************/
#zonedate{
	background-color:#F3F3F3;
	border-bottom:thin solid #9B9B9B;
	text-align:center;
	font-family:"Helvetica Neue",sans-serif,Arial;
	font-size:1.5em;
	font-weight: 100;
 	cursor:pointer;
   /*	height:2.2em; */


}
#zonedate.semainetype #zonesemaine{
	animation: blinker 1s linear infinite;
}
#zonesemaine{
	float:left;
	width:30%;
	padding:0.5em;
	color:#FD1A1E;
	cursor:pointer;
}

#zonejours{
	  color:#000000;
	  text-align:center;
	  float:left;
	width:30%;

}
.rond_joursemaine{
	float:left;
	margin:0.3em;
	margin-top:0.1em;

	text-align:center;
	font-weight: 200;
	color:#000000;
}
.rond_joursemaine .lettreJour{
	  font-size: 0.35em;
	  text-align:center;
}
.rond_joursemaine .nombredate{
    border-radius: 50%;
	width:1.2em;
	height:1.2em;
    font-size: 1em;
    margin-top: 0;
	 margin-bottom: 0;
    padding: 0.1em;
	text-align:center;
	transition: color .3s ease-in;
	transition: background-color .3s ease-in;
	cursor:pointer;

}
.rond_joursemaine .nombredate.selected{
	  background-color:#FD1A1E;
		color:#FFFFFF;
		font-weight: 250;
}
#zoneformation{
	float: left;
	width: 30%;
	padding: 0.5em;
	color: #038FD3;
	overflow:hidden;
}
/***zone deroulante avec liste des semaines *****/
#menuSemaineFormation{
	display:none;
	font-family:"Helvetica Neue",sans-serif,Arial;
	font-weight: 100;
	padding-top:0.2em;
	border-bottom:thin solid #D7D7D7;
  	overflow: auto;
}
.colonneSemaine{
	float:left;
	width:33%;
	font-size:1.2em;
	border-right:thin solid #D1D1D1;

}
.semaine_libelle , .formation_libelle{

	padding:0.2em;
	text-align:center;
	margin-left:1.5em;
	margin-right:1.5em;
	cursor:pointer;
}
.semaine_libelle.selected{
	padding:0.2em;
	border-radius:1em;
	background-color:#FD1A1E;
	color:#FFFFFF;
	font-weight:250;

}
.formation_libelle.selected{
	padding:0.2em;
	border-radius:1em;
	background-color:#038FD3;
	color:#FFFFFF;
	font-weight:250;

}

#alert{
	border: solid thin #FFF;
	border-radius: 1em;
	box-shadow: 0px 0px 5px 0px;
	overflow-y:auto;
}
#alert .nomprof{
	text-decoration:underline;
	color:#832526;
}

.title.scroll_2{
	animation-name: scrolltitle2;
	animation-duration: 6s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
}
.title.scroll_3{
	animation-name: scrolltitle3;
	animation-duration: 6s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
}
.title.scroll_4{
	animation-name: scrolltitle4;
	animation-delay: 2s;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}
@keyframes scrolltitle2 {
	0% {
	  margin-top:0px;
	}
	20% {
		margin-top:0px;
	}
	50% {
		margin-top:-12px;
	}
	80% {
		margin-top:0px;;
	}
	100% {
		margin-top:0px;;
	}
  }
@keyframes scrolltitle3 {
	0% {
	  margin-top:0px;
	}
	20% {
		margin-top:0px;
	  }
	50% {
		margin-top:-24px;
	}
	80% {
		margin-top:0px;;
	}
	100% {
		margin-top:0px;;
	}
  }
@keyframes scrolltitle4 {
	0% {
	  margin-top:0px;
	}
	20% {
		margin-top:0px;
	  }
	50% {
		margin-top:-36px;
	}
	80% {
		margin-top:0px;;
	}
	100% {
		margin-top:0px;;
	}
  }

#zonePDF{
	background-color:#FF0000;
	color:#FFF;
	font-size:0.7em;
	font-weight:300;
	border-top:thin solid #FFF;
}
#zonePDF .voirPDF{
		border: thin solid #FFF;
		border-radius: 0.4em;
		font-size:0.8em;
		margin-left:2em;
		background-color:#FFF;
		color:#FF0000;
		padding-left:0.5em;
		padding-right:0.5em;
		display:inline-block;
		margin-bottom:0.2em;
			cursor:pointer;

}
#zonePDF .listeFichiers{
	background-color:#FFF;
	color:#038FD3;
	display:none;
	border-bottom:thin solid #C5C3C3;


}
#zonePDF .listeFichiers .fichier{
	font-size:0.8em;
	line-height:1em;
	margin:0.4em;
	cursor:pointer;
}
#zonePDF .listeFichiers .fichier.selected{
	background-color:#038FD3;
	color:#FFF;
	border-radius:0.6em;
}
.fondPagePDF{
	background-color:#CBC8C8;
	padding:1% 5% 1% 5%;
}


@media  screen
and (min-width:1900px)
and (orientation : landscape) {

  #zonejours{

	  font-size:1.3em;


  }



}


@media  screen
and (max-width:1000px)
and (orientation : landscape) {

	#zonesemaine{
	  width:50%;
	  padding:0;
	  padding-top:0.3em;
	  font-size:0.7em;
		font-weight:300;
  }
  #zonejours{
	  width:50%;
	  font-size:0.8em;
	  padding:0em;

  }
  #zoneformation{
	  width:50%;
	 	padding:0em;
		margin-top:-0.5em;
		font-size:0.7em;
 		font-weight:300;
		line-height:1em;
		height:1em;
  }
  #zonedate{
		/*height:2.3em;*/
  }
  .colonneSemaine{
		width:100%;
  }

}
@media  screen
and (max-width:1000px)
and (min-width:750px)
and (orientation : landscape) {
	#zonedate{
		  	/*height:2.3em;*/
	}
	.colonneSemaine{
		font-size:1em;
		width:33%;
    }
	.colonneSemaine .semaine_libelle{
		margin-left:1em;
		margin-right:1em;
	}
}
/*  (portrait) ----------- */
@media only screen
and (orientation : portrait) {
	#zonedate{

	}
	#zonesemaine{
	  width:100%;
	  padding:0;
	  padding-top:0.3em;

	  font-size:0.8em;
	  font-weight:300;

  }
  #zonejours{
	  width:100%;
	  font-size:0.8em;
	  padding:0em;

  }
  #zoneformation{
	  width:100%;
	 	padding:0em;
 		font-weight:300;
  }
  #zonedate{
		/*height:4.5em;*/
  }
  .colonneSemaine{
		width:100%;
  }



}
@keyframes blinker {
	50% {
	  opacity: 0;
	}
  }

@media print {
	/* iframe{display:block}
	 body #edtprof { height: 600px;  display:block;}
	*/
 #page
  { width: 1500px;
		height:400px;
	}


	#zonejours{display:none;}
}