/*
	Le fichier design3.css définit les mises en forme utilisées pour afficher le contenu du site
*/

	/*Propriétés d'affichage génériques*/
		
		body
		{/*Police et taille texte générales*/
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align: justify;
		}
		
		a
		{/*Propriétés d'affichage des liens*/
			text-decoration: none;
			color: #3366CC;
		}
		
		a:hover
		{/*Propriétés d'affichage des liens lorsque la souris les survole*/
			color:#666666;
		}
		
		table
		{/*Les bordures des cellules d'un tableau sont fusionnées*/
			border-collapse: collapse;
		}
		
		.invisible
		{/*Les éléments de cette classe ne sont pas affichés*/
			display: none;
		}
		
		.gras
		{/*Les éléments de cette classe sont affcihés en gras*/
			font-weight: bold;
		}
		
		.right
		{/*Alignement à droite*/
			display: block;
			text-align: right;
		}
		
		.left
		{/*Alignement à gauche*/
			display: block;
			text-align: left;
		}
		
		.alert
		{
			font-size: 16px;
			color: red;
		}
		
		#corps_admin
		{
			width: 80%;
			margin: auto;
		}
		
		#corps_avec_banniere
		{/*Propriétés appliquées à la balise body lors de l'insertion d'un en-tête head3.php*/
			width: 780px;
			margin: auto;
			border-left: 1px solid #E8E8FF;
			border-right: 1px solid #E8E8FF;
			background-color: #FFFFFF;
			background-image: url("../img/background.gif");
		}
		
		#bloc_sous_menu
		{/*Hauteur et positionnement du bloc sous menu*/
			width: 192px;
			height: 280px;
			position: relative;
			left: 588px;
			top: 169px;
		}
		
		#bloc_sous_banniere
		{/*Largeur et positionnement des blocs affichés sous la bannière flash*/
			width: 580px;
			position: relative;
			bottom: 280px;
		}
	
	/*Propriétés d'affichage de l'en-tête*/
		
		#navigation_flash
		{/*Définition de la hauteur d'affichage du reste de la page (après la bannière)*/
			height: 141px;
		}
			
			#nav_banniere
			{/*Définition de la taille de l'animation bannière pour supprimer ses marges*/
				width: 780px;
				height: 140px;
			}
			
			#nav_filet
			{/*Bordure pointillée sous la bannière*/
				width: 588px;
				height: 1px;
				background-image: url("../img/filet.gif");
			}
			
			#nav_menu
			{/*Définition de la taille et positionnement de l'animation menu*/
				width: 182px;
				height: 131px;
				position: relative;
				left: 588px;
				bottom: 1px;
			}
			
			#nav_menu_fin
			{/*Définition de la taille et positionnement de l'image fin menu*/
				width: 182px;
				height: 30px;
				background-image: url("../img/topfin.gif");
				position: relative;
				left: 588px;
				bottom: 1px;
			}
			
			#nav_menu_cote
			{/*Définition de la taille et positionnement de l'image côté menu*/
				width: 10px;
				height: 151px;
				background-color: #C0CAEF;
				position: relative;
				left: 770px;
				bottom: 162px;
			}
			
			#nav_menu_raccord
			{/*Définition de la taille et positionnement de l'image raccord menu*/
				width: 10px;
				height: 10px;
				background-image: url("../img/topfinbis.gif");
				position: relative;
				left: 770px;
				bottom: 162px;
			}
	
	/*Propriétés d'affichage du pied de page*/
		
		#nav_foot
		{/*Centrage des liens*/
			text-align: center;
		}
	
	/*Propriétés d'affichage de la section planning*/
		
		#icone_planning
		{/*Définition de la taille et positionnement de l'image icône planning*/
			width: 111px;
			height: 69px;
			background-image: url("../img/ss_planning.gif");
			position: relative;
			top: 8px;
		}
		
		#liens_groupe td
		{/*Propriétés d'affichage des cellules du bandeau groupe*/
			padding: 0;
		}
		
		#liens_groupe
		{/*Positionnement des liens groupe*/
			position: relative;
			left: 111px;
			bottom: 56px;
		}
		
		.grp
		{/*Image de fond pour les groupes*/
			background-image: url("../img/ss_background.gif");
		}
		
		.lien_grp
		{/*Centrage nom groupe entre séparateurs*/
			font-weight: bold;
			font-size: 10px;
			position: relative;
			right: 4px;
		}
		
		.sep_grp
		{/*Définition de la taille du séparateur de groupe*/
			width: 20px;
			height: 19px;
			background-image: url("../img/ss_virgule.gif");
			background-repeat: no-repeat;
		}
		
		/*Propriétés d'affichage du calendrier et du tableau événements*/
			
			#grp_cal
			{/*Polie et taille pour le groupe calendrier*/
				font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
			}
				
				#calendrier
				{/*Largeur et bordure externe du calendrier*/
					width: 180px;
					margin: auto;
					border: 4px solid #3366CC;
				}
				
				#events, #liste_insc, #stocks
				{/*Bordure externe du tableau événements*/
					border: 4px solid #3366CC;
					width: 100%;
				}
				
				#calendrier caption, #events caption, #liste_insc caption, #stocks caption
				{/*Taille et police du titre*/
					font-size: 16px;
					font-weight: bold;
					color: #3366CC;
					margin-bottom: 10px;
				}
				
				#calendrier th, #events th, #liste_insc th, #stocks th
				{/*Taille et police des cellules en tête de colonnes*/
					background-color: #3366CC;
					color: white;
					font-size: 14px;
					text-align: center;
				}
				
				#calendrier td, #events td, #liste_insc td, #stocks td
				{/*Quadrillage des cellules et centrage des numéros*/
					border: 1px solid #3366CC;
					text-align: center;
					padding: 5px;
				}
				
				#today
				{/*Couleur de fond pour date du jour*/
					background-color: black;
				}
				
				#today a
				{/*Couleur numéro du jour*/
					color: white;
				}
				
				#navigation
				{/*Largeur navigation de mois en mois*/
					width: 180px;
					margin: auto;
					margin-top: 10px;
				}
				
				.nav_cel
				{/*Taille liens navigation de mois en mois*/
					width: 50%;
					font-size: 14px;
				}
		
		/*Propriétés d'affichage du formulaire événement*/
			
			.lab_ajout, .lab_insc
			{/*Alignement des champs de saisie*/
				width: 200px;
				float: left;
			}
.f_left
{float: left;}
.f_right
{float: right;}