/* CSS Document */

body {
	background-color:#CCCCCC;
	margin:0;
	padding:0;
	font-size:10px;
	}
	
.gifanime {
	position:absolute;
	right:25px;
	top:1px;
	}
		
.calquetitre2 {
	position:absolute;
	top:10px;
	left:250px;
	width:390px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bolder;
	color:#FFFF00;
	}
	
.calquetitre {
	position:absolute;
	top:13px;
	left:254px;
	width:390px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bolder;
	color:#FFCC00;
	}
	
.adresse {
	position:absolute;
	width:200px;
	border:dashed 1px #FFF;
	top:330px;
	left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-left:8px;
	padding-bottom:10px;
	color: #006633;
	}
	
hr {
	border-style:dashed #eee;
	}

.date {
	position:absolute;
	top: 0px;
	right: 20px;
	color:#0000FF;
	font-weight:bold;
	left: 3px;
	width: 389px;
	}

.ephemeride {
	position:absolute;
	top:115px;
	right:6px;
	left: 808px;
	width: 177px;
	height: 100px;
	}
	
.actueltitre { /* titre "Actuellement */
	position:absolute;
	top:219px;
	left:6px;
	width:219px;
	background-color:#FFCC00;
	padding:4px;
	text-align:center;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
	color:#990000;
	border-style: solid outset;
	border-width:3px;
	border-color:#FFFFFF;
	}
	
.traivertic { /* A droite du titre "Actuellement */
	position:absolute;
	top:100px;
	left:240px;
	width:1px;
	height:440px;
	border-right: solid dashed 1px;
	border-color:#FFFF00;
	}

.actuelle1 { /*premier contenu correspondant au titre "Actuellement" en page d'accueil"*/
	margin-top: 25%;	
	left:350px;
	margin: 15% 25% 0 30%;
	background-color:#CCCC99;
	padding:6px;
	text-align:center;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;		
	color:#336600;
	border:3px solid inset;
	}

.prochaine { /* Titre "Prochainement" en bas de page*/

	Position: absolute;
	top: 546px;
	left: 10px;
	width:140px;
	font:"Courier New", Courier, mono, sans-serif;
	font-size:10px;		
	color:#336600;
	font-weight:bold;
	background-color:#CCCCFF;
	border-bottom:solid 2px red;
	}	

.prochaine2  {
	position: absolute;
	top: 546px;
	left: 150px;
	width:712px;
	font:"Courier New", Courier, mono, sans-serif;
	font-size:10px;
	color:#990000;
	font-weight:bold;
	background-color:#CC9900;
	border-bottom:solid 2px #ffff99;
	padding:2px;
	height: 19px;
	}		

h3 {
	border: inherit; /* bordure invisible pour créer une boite invisible*/
	background-color: #ccc; /* Même couleur que le fond "container" */
	font-size: 10px; /* pour donner une hauteur de cellule */
	color: #ccc; /* Même couleur que le fond container pour que la cellule soit invisible */
	margin-top: 0px; /* supprime le blanc entre cette cellule et la cellule Titre */
	margin-bottom: 0px; /* supprime le blanc en bas de page */
	}

.code {
	position: absolute;
	width:200px;
	border:dashed 1px #FFF;
	top:180px;
	left:380px;
	padding-top:5px;
	padding-right:5px;
	padding-left:8px;
	padding-bottom:10px;
	color: #006633;
	}
.salleprof {
	position: absolute;
	border-right: solid 2px #eee;
	border-left: solid 2px #eee;
	left: 34px;
	width: 127px;
	top: 435px;
	}  

.salleprofcache { /* div apparaissant  au onmouseover sur lien "Salle des profs" */
	position: absolute;
	width: 180px;
	top: 395px;
	left: 13px;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#FF0000;
	visibility: hidden;
	}  

.liencache1 { /*texte visible par onmouseover sur liens en pied de page */
	position: absolute;
	width: 200px;
	top: 450px;
	right: 38px;
	text-align:justify;
	color:#990000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	visibility: hidden;
	font-weight:bold;
	}  

.liencache2 {
	position: absolute;
	width: 200px;
	top: 400px;
	right: 8px;
	text-align:justify;
	color:#3300CC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	visibility: hidden;
	font-weight:bold;
	}
	
.liencache3 {
	position: absolute;
	width: 200px;
	top: 400px;
	right: 8px;
	text-align:justify;
	color:#3300CC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	visibility: hidden;
	font-weight:bold;
	}	
	
.lettrine { /*provenance: Alsacréation.com/articles/lettrine*/
	float: left;
	font-size: 2em;
	font-weight: bold;
	font-family: georgia, times new roman, times, serif;
	color: #990000;
	border: 1px solid #ffffff;
	background-color: #dda;
	margin: 1px;
	line-height: 1em;
	padding-left:4px;
	padding-right:4px;
	}
	
.miseajour {
	position:absolute;
	right:16px;
	top:90px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCFF00;
	font-size:11px;	
	}

.miseajourdetente {
	position:absolute;
	bottom:2px; 
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCFF00;
	font-size:11px;
	left: 458px;
	width: 331px;
	}	
	
	
.favoris {
	position:absolute;
	top:590px;
	left:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.menuderoulvert {
	position:absolute;
	top: 510px;
	left: 150px;
	}
	
/* calques acronymes d'après .net hors série n° 20*/
#fond {
	background-color: #FCD99C;
}
#droite {
	overflow: auto;
	margin: 0px;
	padding: 10px;
	background-color: #F6EDD8;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #660000;
	scrollbar-highlight-color: #F6EDD8;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: black;
	scrollbar-track-color: #FDF8ED;
} 
#gauche{
	margin: 0px;
	padding: 10px;
	border-width: 1;
	border-color: #333399;
	border-style: solid;
	background-color: #F6EDD8;
	font-size:14px;
}
.titre {
	font-weight: bold;
	color:#660000;
}	
/* fin calques acronymes */	


/* début organigramme version janvier 2006 */

/* fin organigramme version janvier 2006 */
	
					
a{ font: bold 8pt vernadda, sans-serif; /* graisse, taille, police */
		text-decoration: none;
		color: red; /* couleur du texte des sous-menus hors passage souris */
		} 
a:visited {text-decoration: none;
		color: red; /* couleur du texte des sous-menus au survol de la souris */
		font-style: normal;
		} 
a:hover {text-decoration: none; 
		color: black; 
		}
a:active {text-decoration:none;  /* couleur texte après appui sur le menu */
		color:lime;
		}