html, body {
overflow:auto;
}

.ui-page {
background:transparent;
}
.ui-footer{
text-align:left;
width:100%;
min-width:980px;
min-height:36px;
}

div.entete{
position:absolute;
top:0px;
left:0px;
width:100%;
min-width:980px;
height:135px;
}

div.page{
position:absolute;
top:135px;
left:0px;
width:100%;
min-width:980px;
bottom:0px;
min-height:500px;
background-image: linear-gradient(bottom, rgb(69,115,222) 39%, rgb(148,172,227) 70%);
background-image: -o-linear-gradient(bottom, rgb(69,115,222) 39%, rgb(148,172,227) 70%);
background-image: -moz-linear-gradient(bottom, rgb(69,115,222) 39%, rgb(148,172,227) 70%);
background-image: -webkit-linear-gradient(bottom, rgb(69,115,222) 39%, rgb(148,172,227) 70%);
background-image: -ms-linear-gradient(bottom, rgb(69,115,222) 39%, rgb(148,172,227) 70%);
background-color:skyblue;
}


/* le cadre qui doit contenir l'image */
div.bandeau
{
width:100%;
height:90px;
background-color:#FFFFFF;
}

div.bandeauVertical{
position:absolute;
top:0px;
left:0px;
margin-top:2px;
/*margin-bottom:100px;*/
width:12%;
height:92%;
text-align:left;
color:white;
border-radius:10px;
border:1px solid #2a2a2a;
background:#111;
color:#fff
font-weight:bold;
text-shadow:0 -1px 1px #000;
background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
background-image:-webkit-linear-gradient(#3c3c3c,#111);
background-image:-moz-linear-gradient(#3c3c3c,#111);
background-image:-ms-linear-gradient(#3c3c3c,#111);
background-image:-o-linear-gradient(#3c3c3c,#111);
background-image:linear-gradient(#3c3c3c,#111);
font-family:Helvetica,Arial,sans-serif;
}

/* le pied de la page */ 
div.pied{
padding: 3px 0px 5px 0px;
position:absolute;
left:1%;
right:1%;
height:20px;
bottom:1%;
text-align:center;
color:white;
border-radius:10px;
border:1px solid #2a2a2a;
background:#111;
color:#fff
font-weight:bold;
text-shadow:0 -1px 1px #000;
background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
background-image:-webkit-linear-gradient(#3c3c3c,#111);
background-image:-moz-linear-gradient(#3c3c3c,#111);
background-image:-ms-linear-gradient(#3c3c3c,#111);
background-image:-o-linear-gradient(#3c3c3c,#111);
background-image:linear-gradient(#3c3c3c,#111);
font-family:Helvetica,Arial,sans-serif;
border:1px solid black;
}

	div.horloge{
	position:absolute;
	color:red;
	right:3%;
	top:5.5%;
	width:108px;
	height:30px;
	text-align:center;
	background-color:white;
	border-radius:10px;
	}
	
	div.recherche{
	padding-left:0px;
	padding-right:0px;
	position:absolute;
	background-color:white;
	top:1%;
	left:1%;
	width:50%;
	height:30%;
	border-radius:10px;
	}
	div.rechercheLarge{
	padding-left:0px;
	padding-right:0px;
	position:absolute;
	background-color:white;
	top:1%;
	left:1%;
	width:99%;
	height:30%;
	border-radius:10px;
	}

	div.remplacant{
	padding-left:0px;
	padding-right:0px;
	position:absolute;
	background-color:white;
	top:31%;
	left:1%;
	width:50%;
	height:55%;
	border-radius:10px;
	}
	div.remplacantLarge{
	padding-left:0px;
	padding-right:0px;
	position:absolute;
	background-color:white;
	top:31%;
	left:1%;
	width:99%;
	height:55%;
	border-radius:10px;
	}
		div.infosremp{
		width:51%;
		top:100px;
		height:350px;
		left:1%;
		position:absolute;
		background-color:#FFFFFF;
		}
		div.disporemp{
		width:45%;
		top:100px;
		height:300px;
		right:1%;
		position:absolute;
		background-color:#FFFFFF;
		}
		div.annonceremp{
		width:95%;
		top:500px;
		bottom:20px;
		left:2%;
		position:absolute;
		background-color:#FFFFFF;
		}

	div.agendaAidant{
	position:absolute;
	background-color:white;
	top:1%;
	left:52%;
	width:34%;
	height:50%;
	border-radius:10px;
	}
	div.jour{
	position:absolute;
	background-color:white;
	top:54%;
	left:52%;
	width:34%;
	height:32%;
	border-radius:10px;
	}
	div.agendaIntervenant{
	position:absolute;
	background-color:white;
	top:1%;
	right:1%;
	width:38%;
	height:50%;
	border-radius:10px;
	}
	div.jourLong{
	position:absolute;
	background-color:white;
	top:54%;
	right:1%;
	width:38%;
	height:32%;
	border-radius:10px;
	}
	div.aidantsTitre{
	padding-left:0px;
	padding-right:0px;
	position:absolute;
	background-color:white;
	top:1%;
	left:1%;
	width:56%;
	height:39%;
	border-radius:10px;
	}
	div.aidantsCorps{
	padding-left:0px;
	padding-right:0px;
	position:absolute;
	background-color:white;
	top:43%;
	left:1%;
	width:56%;
	height:43%;
	border-radius:10px;
	}

	div.diaporama{
	position:absolute;
	background-color:white;
	top:12%;
	right:1%;
	width:8%;
	height:74%;
	border-radius:10px;
	}
	
/* travail sur le style des titres */			 
h1 {
text-align:center;
color:navy;
font-size:16pt;
border-bottom:1px solid navy;
}

/* travail sur le style des sous-titres */
h2 {
background-color:transparent;
text-align:left;
}

/* mise en forme des paragraphes */
p {
font-size:12pt;
color:black;
}

/* mise en forme des tableaux */
table {
border-color:transparent;
border-style:solid;
border-width:1px;
}

tr.liste {
background-color:#D7E7F9;
}

tr.fiche {
background-color:#F5F8FB;
}
td.gras {
font-weight:bold;
}

/* colonnes */
td {
font-size:100%;
color:black;
text-align:left;
background-color:transparent;
border-color:transparent;
border-style:solid;
border-width:1px;
}
td.ctr{
text-align:center;
height:1;
}
td.disp{
text-align:right;
width:30px;
}
td.dispo {
text-align:center;
width:10%;
}
td.80 {
text-align:center;
width:80px;
}
td.dispos {
text-align:left;;
width:30%;
}
td.celluleVerte {
background-color:green;
width:30px;
}
td.celluleRouge {
background-color:grey;
width:30px;
}
td.align-droite{
text-align:right;
}

td.celluleBleue {
border-color:navy;
}

td.celluleGrise {
border-color:black;
background-color:grey;
}

div.annonce{
width:90%;
top:550px;
bottom:20px;
left:5%;
position:absolute;
background-color:#FFFFFF;
}

/* le bloc qui contient l'inscription */
div.texte
{
width:790px;
margin-left:auto;
margin-right:auto;
height:100%;
}
div.texte2
{
max-height:400px;
width:800px;
top:35px;
position:absolute;
border:1px solid black;
background-color:#FFFFFF;
border-radius:20px;
padding:15px;
}
div.texte3
{
width:60%;
left:20%;
height:90%;
top:35px;
position:absolute;
border:1px solid black;
background-color:#FFFFFF;
border-radius:20px;
padding:15px;
}

p.erreur{
margin:1px;
color:white;
text-align:center;
}

p.enTeteCommentaire{
background-color : #FFCC99;
}

p.commentaire{
/*border : solid black 1px;*/
background-color : #FBA16C;
}

.titre
{
background-image:url(barre.png);
padding-top:4px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
height:30px;
color:white;
font-weight:bold;
text-align:center;
border:1px solid navy;
}

#diaporama
{
text-align : center;
}

.separation{
background-image : url("degradeCyan.gif");
background-repeat : repeat-x;
height : 20px;
}

.infosEvenement{
font-weight : bold;
}

.affichageDiaporama{
	padding-left:0px;
	padding-right:0px;
	position:absolute;
	background-color:white;
	top:1%;
	left:1%;
	width:98%;
	height:91%;
	border-radius:10px;
}