/*
	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*/
		
		
	
	
	/*Propriétés d'affichage de la section planning*/
		
		#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("../images/general/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("../images/general/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: 250px;
				margin: auto;
				border: 1px solid #3366CC;
				border-top-style: groove;
			}
			
			#events, #liste_insc,
			{/*Bordure externe du tableau événements*/
				border: 2px solid #3366CC;
				width: 100%;
			}
			
			#calendrier caption, #events caption, #liste_insc caption
			{/*Taille et police du titre*/
				font-size: 16px;
				font-weight: bold;
				color: #003;
				margin-bottom: 10px;
				font-family: inherit;
			}
			
			#calendrier th, #events th, #liste_insc th
			{/*Taille et police des cellules en tête de colonnes*/
				height: 30px;
				color: #fff;
				font-weight: bold;
				cursor: wait !important;
				background: #ff0000;
				background: -moz-linear-gradient(top,  #ff0000 0%, #ffcccc 1%, #ff0000 2%, #aa0000 98%, #dd4444 99%, #880000 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(1%,#dd4444), color-stop(2%,#ff0000), color-stop(98%,#aa0000), color-stop(99%,#ffcccc), color-stop(100%,#880000));
				background: -webkit-linear-gradient(top,  #ff0000 0%,#ffcccc 1%,#ff0000 2%,#aa0000 98%,#dd4444 99%,#880000 100%);
				background: -o-linear-gradient(top,  #ff0000 0%,#ffcccc 1%,#ff0000 2%,#aa0000 98%,#dd4444 99%,#880000 100%);
				background: -ms-linear-gradient(top,  #ff0000 0%,#ffcccc 1%,#ff0000 2%,#aa0000 98%,#dd4444 99%,#880000 100%);
				background: linear-gradient(to bottom,  #ff0000 0%,#ffcccc 1%,#ff0000 2%,#aa0000 98%,#dd4444 99%,#880000 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#880000',GradientType=0 );
				font-size: 14px;
				text-align: center;
				width: auto;
			}
			
			#calendrier td, #events td, #liste_insc td
			{/*Quadrillage des cellules et centrage des numéros*/
				border: 1px solid #3366CC;
				text-align: center;
				padding: 5px;
				color: #222;
				font-size: 14px;
			}
			
			#today
			{/*Couleur de fond pour date du jour*/
				background-color: #F00;
			}
			
			#vacances
			{/*Couleur de fond pour date du jour*/
				background-color: #F00;
			}
			
			#vacances a
			{/*Couleur de fond pour date du jour*/
				color: #6C6;
			}

			#today a
			{/*Couleur numéro du jour*/
				color: #F00;
			}
			
			#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;}