/* CSS Document */

/* positionnement des div (id) de page */
#droite {
	width:20%;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:3%;
	padding-right:1%;
	}
	
#gauche {
	width:19%;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:4%;
	padding-right:1%;
	}
	
#centre {
	width:46%;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:1%;
	padding-right:1%;
	}

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

#basdepage {
	background:oldlace;
	border-top:1px solid black;
	border-bottom:1px solid black;
	text-align:center;
	padding-bottom:1px;
	padding-top: 1px;
	width: 100%;
	clear: both;
	}
/* 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:12px;
	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 sur page d'accueil, à gauche, dans le cadre blanc */	
.borduretexte_g {
	width:196px;
	left:5px;
	border-style:solid;
	border-bottom:1px;
	border-left:1px;
	border-top:1px;
	border-right:1px;
	border-color:#0000FF;
	text-align:center;
	background-color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#0000FF;
	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:1px;
	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;
	}
	
	
		
/* 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;
		}