body
{
	/*overflow		: hidden;		/* Les dépacements de bloc ne sont pas affichés */
	height			: 100%;		/* Affichage optimal en hauteur */
	width			: 100%;		/* Et en largeur */
	margin			: 0px;		/* Pas de marge extérieure */
	padding			: 0px;		/* Pas de marge intérieure */
	background		: url("../images/Greg.gif") no-repeat fixed 30px 150px;
}
.important		/* Tous les mots désignés importants sont affichés différemment */
{
	color			: #FF0000;
}
.t_important		
{
	color			: #FF0000;
	font-variant	: small-caps;	/* Titre en petites majuscules */
	font-weight		: bold;
}

#entete
{
	position		: absolute;		/* La position du bloc entete est déterminée par rapport aux bords de l'écran */
	top				: 5px;			/* En haut de l'écran mais avec une marge de 5 pixels autour */
	left			: 5px;
	right			: 5px;
	height			: 150px;		/* Pour une hauteur de 150 pixels */
	z-index			: 3;			/* Rang de superposition (au dessus de 1) */
}
#entete table 	/* Table contenant les logos */
{
	width			: 100%;			/* Espacement sur la largeur complète de l'écran */
	border-collapse	: collapse;		/* Pas d'espace entre les cellules du tableau */
	text-align		: center;		/* Pour centrer les logos */
}
#entete img
{
	border			: 0px;			/* Pas de bord autour des liens des logos */
	height			: 110px;		/* Hauteur des images limitée à 110 pixels */
}
#menu 
{
	font-family		: Cambria; /* Type de la police d'affichage */
	font-size		: 12px; /* hauteur du texte : 12 pixels */
	width			: 790px; /* La largeur du menu */
}
#menu,#menu ul 	/* Définition commune du menu et des listes du menu */     
{
	padding			: 0px; 			/* Important pour les listes : pas de marge intérieure */
	margin			: auto;			/* Auto pour centrer le menu mais ne marche pas avec IE */
	list-style		: none; 		/* Pas de puce dans les listes */
	line-height		: 20px; 		/* 20 pixels de hauteur pour les choix du menu */
	text-align		: center; 		/* Texte des menus centré */
}

#menu a /* Contenu des listes */
{
	display			: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding			: 0px; /* aucune marge intérieure */
	background-color: #FF4040; /* couleur de fond */        
	color			: #FFFFFF; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width			: 156px; /* largeur */
	font-style		: italic;
}

#menu li /* Elements des listes */      
{ 
	float			: left; 
	border			: 1px solid #000000; /* on met une bordure noire autour de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
	position		: absolute; /* Position absolue */
	width			: 156px; /* Largeur des sous-listes */
	left			: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul li /* Éléments de sous-listes */
{
}
#menu li ul ul 
{
	margin    		: -21px 0 0 156px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
	color			: #0000FF; /* Change la couleur des textes */
	background-color: #FF8080; /* Change la couleur de fond des textes */
	font-weight		: bold; /* on met le texte en gras */
	font-style		: normal;
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left			: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left			: auto; /* Repositionnement normal */
	min-height		: 0px; /* Corrige un bug sous IE */
}
#menu a.titre_menu
{
	color			: #FFFFFF;
	background-color: #CE0000;
	font-style		: italic;
}
#menu a.titre_menu:hover
{
	color			: #0000FF;
	background-color: #FF4040;
	font-style		: normal;
}
#menu a.choix_3_menu
{
	background-color: #FF8080;
}
#menu a.choix_3_menu:hover
{
	color			: #0000FF;
	background-color: #FFC0C0;
	font-style		: normal;
}
#corps
{
	position		: absolute;		/* La position du bloc corps est déterminée par rapport aux bords de l'écran */
	top				: 155px;		/* Démarre à 155 pixels du haut (150+5 de marge) */
	left			: 5px;			/* 0 pixel de la gauche */
	right			: 5px;			/* 0 pixel de la droite */
	bottom			: 77px;			/* 77 pixel du bas (66 de pied + 2*2 de bordure + 5 de marge en bas + 2 marge en haut)  */
	overflow		: auto;			/* Ajout automatique d'ascenseur lorsque la zone d'affichage est trop petite */
	z-index			: 1;			/* Rang de superposition (le + petit est en dessous) */
}
 
#pied_page
{
	position		: absolute;		/* La position du bloc pied_page est déterminée par rapport aux bords de l'écran */
	bottom			: 5px;			/* Démarre à 5 pixels du bas de l'écran (marge de5 px autour) */
	left			: 5px;
	right			: 5px;
	height			: 66px;			/* Pour une hauteur de 66 pixels */
	text-align		: center;
	color			: #FFFFFF;
	background-color: #CE0000;
	border			: 2px solid #000000; /* Cadre noir de 2 pixels d'épaisseur */
}
#pied_page table 	/* Table contenant les bannières des partenaires */
{
	width			: 100%;
	font-family 	: Cambria;
	font-size 		: 12px;
	font-style		: italic;
	color			: #FFFFFF;
	text-align		: center;	/* Pour centrer les bannières */
}

#actu
{
	width			: 780px;
	margin			: auto;
}

.tab_gauche,.tab_courriel
{
	margin			: auto;
	border			: 3px solid #CE0000;
	border-collapse	: collapse;
	font-family 	: Cambria;
	font-size 		: 12px; 
	color			: #0000C0;
	background-color: #FFFFFF;
	z-index			: 2;			/* Rang de superposition (le + petit est en dessous) */
	text-align		: left;
}
.tab_centre
{
	margin			: auto;
	border			: 3px solid #CE0000;
	border-collapse	: collapse;
	font-family 	: Cambria;
	font-size 		: 12px; 
	color			: #0000C0;
	background-color: #FFFFFF;
	z-index			: 2;			/* Rang de superposition (le + petit est en dessous) */
	text-align		: center;
}
.tab_centre caption,.tab_gauche caption,.tab_courriel caption
{
	font-variant	: small-caps;	/* Titre en petites majuscules */
	font-weight		: bold;
	font-size 		: 14px; 
	text-align		: left;
}

.tab_centre th,.tab_gauche th
{
	border			: 1px solid #CE0000;
	color			: #FFFFFF;
	background-color: #CE0000;
	text-align		: center;
}
.tab_courriel th
{
	border			: 1px solid #CE0000;
	color			: #FFFFFF;
	background-color: #CE0000;
}
.tab_courriel td
{
	vertical-align	: top;
}
.tab_centre td,.tab_gauche td
{
	border			: 1px solid #CE0000;
}

.tab_centre a:link ,.tab_centre a:visited ,.tab_gauche a:link ,.tab_gauche a:visited 
{
	text-decoration	: none;
	color			: #0000FF;
	font-style		: italic;
}
.tab_centre a:hover ,.tab_gauche a:hover 
{
	color			: #0000FF; 
	text-decoration	: none; 
	font-style		: normal;
	font-weight		: bold; /* on met le texte en gras */
}
.apercu_photo
{
	height			: 100px;
	border			: 0px;
}
#legende_photo
{
	font-size 		: 14px;
}
#photo_affichee
{
	width			: 100%;
	border			: 0px;
}

#calendrier table
{
	text-align		: center;
	vertical-align	: middle;
	border			: 2px solid #CE0000;
	font-family 	: Cambria;
	font-size 		: 12px;
	color			: #0000C0;
	text-align		: center;
}
#calendrier td
{
	width			: 18px;
	height			: 18px;
	background-color: #FFFFFF;
}
#calendrier td.fleches 
{
	font-size		: 18px;		/* Flèches un peu plus grandes que le texte */
	font-weight		: bold;
}
#calendrier td.mois_annee
{
	font-size		: 14px;
	font-weight		: bold;
}
#calendrier td.jours 
{
	border			: 1px solid #CE0000;
	color			: #CE0000;
}
#calendrier td.jour_clique
{
	border			: 1px solid #0000FF;
	background-color: #0000FF;
}
#calendrier td.aujourdhui 
{
	border			: 1px solid #CE0000;
	font-weight		: bold;
	font-size		: 14px;
}
#calendrier td.aujourdhui_clique
{
	border			: 1px solid #0000FF;
	font-weight		: bold;
	font-size		: 14px;
	background-color: #0000FF;
}
#calendrier td.cases_vides 
{
	border			: 1px solid #F5F5F5;
	color			: #C0C0C0;
}
#calendrier a
{
	display			: block;
	padding			: 0px;
	background-color: #FFFFFF;
	color			: #CE0000;
}
#calendrier a:link 
{
	text-decoration	: none;
	color			: #CE0000;
}
#calendrier a:active 
{
	text-decoration	: none;
}
#calendrier a:visited 
{
	text-decoration	: none;
	color			: #CE0000;
}
#calendrier a:hover 
{
	color			: #0000FF; 
	background-color: #FF8080;
	text-decoration	: none; 
	font-weight		: bold; /* on met le texte en gras */
}

.liste_cercle
{
	list-style-type	: circle;
}
#courriel_titre,#courriel_corps,#courriel_expediteur
{
	font-family 	: Cambria;
	font-size 		: 12px; 
	color			: #00C000;
	background-color: #FFFFFF;
	border			: 1px solid #CE0000;
}
#btn_envoyer
{
	font-family 	: Cambria;
	font-size 		: 14px; 
	color			: #FFFFFF;
	background-color: #CE0000;
	border			: 3px outset #CE0000;
}
.btn_retour
{
	font-family 	: Cambria;
	font-size 		: 14px; 
	color			: #FFFFFF;
	background-color: #CE0000;
	border			: 3px outset #CE0000;
	text-decoration	: none; 
}
.commentaire
{
	font-family 	: Cambria;
	font-size 		: 10px; 
	font-style		: italic;
	color			: #CE0000;
}
.titre_lien
{
	font-variant	: small-caps;	/* Titre en petites majuscules */
	font-weight		: bold;
	font-size 		: 14px; 
	font-family 	: Cambria;
	font-style		: normal;
	color			: #0000C0;
}