/* CSS Document */

/* positionnement des div (id) de page */

/* ce header me permet de mettre les 3 boites en dessous + bas dans la page*/
/* sinon les id sont collées en haut de page*/



#header {
    clear: both;
    height: 80px; /*détermine la hauteur des boîtes droite centre et gauche*/
    padding: 1px;
}	

#nomdechaquepage { // Vous êtes ici 
	clear: both;
	width:45%;
	padding-left:10%;
	padding-top:25px; // permet de descendre ts les blocs se sitauant dessous
	padding-bottom:2px;
	color:#993300;
	font-size:10px;
	}

#calendrier {
	position:absolute;
	right:60px; /* placement du menu, à modifier selon vos besoins */
	top: 10px;
	z-index:100;
	width: 90px; /* correction pour Opera */
	}	


.heure {
	position:absolute;
	clear:both;
	padding:2px;
	}

#droites {
	
	width:15%;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:1%;
	padding-right:1%;
	}
	
#gauches {
	width:19%;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:1%;
	padding-right:1%;
	}


	
#centres {
	width:56%;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:2px;
	padding-top:10px;
	padding-left:1%;
	padding-right:1%;
	left: 250px;
	top: 143px;
	}


.textecentre {
	font-size:12px;
	}
	
	
.flag {
	margin:5px;
	float: left;
}
	

#centred {
	width:22%;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:1%;
	padding-right:1%;
	overflow: visible;
	height: 1%;
	}

#basdepage {
	background:#999999;
	position:fixed;
	bottom:0;
	border-top:1px solid black;
	border-bottom:1px solid black;
	text-align:center;
	color:#FFFF00;	
	padding-bottom:1px;
	padding-top: 1px;
	width: 100%;
	}
	
/* div pour visiter le collège */

#plan {
	width:54%;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:2px;
	padding-right:1%;
	left: 250px;
	top: 163px;
	}	
	
#lacour6 {
	position:absolute;
	left: 182px;
	top: 200px;
	}	

#coursup {
	position:absolute;
	left: 182px;
	top: 472px;
	}	
	
	
/* fin des div pour visiter le collège */	
	
/* fin de positionnement de mes div (id) */

/* début postionnement coordonnées du collège et contacts */
.adresseac1 {
	width:180px;
	left:5px;
	background-color:#999999;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:4%;
	padding-right:1%;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	border:outset #FFFFFF; 	
	}

/* Positionne les éléments sur page d'accueil, à gauche */
.adresseac2 {
	width:180px;
	left:5px;
	background-color:#8a7a00;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:4%;
	padding-right:1%;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#00dcff;
	border:ridge #FFFFFF;
	}

.calendrier_php {
	position:absolute
	width:70px;
	}	
	
/* Fin postionnement coordonnées du collège et contacts */	

	
/* positionnement dans la banière du nom de st-jo en relief */	
.stjo2 {
	position:absolute;
	top:10px;
	left:250px;
	width:390px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bolder;
	color:#FFFF00;
	}
	
.stjo1 {
	position:absolute;
	top:13px;
	left:254px;
	width:390px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bolder;
	color:#FFCC00;
	}

/* pour encadrer un texte sur page d'accueil, dans le cadre bleu */	
.borduretexte {
	border-style:solid;
	border-bottom:1px;
	border-left:1px;
	border-top:1px;
	border-right:1px;
	border-color:#FFFFFF;
	text-align:center;
	background-color:#0000FF;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	}	
	


	
/* pour encadrer un texte dans les parties du centre */	
.borduretextecent {
	border-style:solid;
	border-bottom:1px;
	border-left:15px;
	border-top:1px;
	border-right:15px;
	border-color:#FFFFFF;
	text-align:center;
	background-color:#999900;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	}	

/* pour positionner texte et image côte à côte */
.imagefloatleft {
	float:left;
	margin-right:20px;
	}	
.imagefloatright {
	float:right;
	margin-left:20px;
	}
	
#couleurtexte_g {
	font-size:12px;
	color:#000099;
	}

#couleurtexte_d {
	font-size:12px;
	color:#6666CC;
	}
		
/* coloration des liens */					
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;
		}