body 
		{
			background-repeat: repeat; /*repetition du fond */
			background-image: url(images/fond.png); /* image de fond du site web */
		}


/* ////////////////////////mise en forme des liens du site /////////////////////////////////*/

/* couleur des liens */		
a:link 
		{
			color: #FEF2D9;
			text-decoration: none;
		}

/* couleur des liens au survol */
a:hover 
			{
				color: #FEEFCF;
				text-decoration: underline;
			}

/* couleur des liens visités */
a:visited 
			{
				text-decoration: none;
				color: #FCDC9D;
			}

/* couleur des liens actifs */
a:active 
			{
				text-decoration: none;
				color: #000000;
			}
		
/*/////////////////////////// mise en forme des textes du site web ///////////////////////////*/		
.texte 
			{
				font-family: Verdana, Tahoma, Georgia ;
				font-size: 12px;
				color: #000000;
			}

/* mise en forme des textes importants du site */
.important 	
			{
				font-family: Verdana, Tahoma, Georgia ;
				font-size: 12px;
				font-weight: bold;
			}

/* mise en forme des textes de l'accueil du site */		
.texte_accueil 
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;   /* famille de police du texte accueil */
					font-size: 12px; /* taille de la police */
					color: #C94C5B; /* couleur du texte ici un rouge vif */
					font-weight: bold; /* mise en place du gras sur le texte */
				}
/* mise en forme du style des titres */
.titre 
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #C94C5B; /* couleur du texte ici un rouge vif */
		}

/*//////////////////////// mise en forme du texte des menus du site////////////////////////// */
.texte_menu
				 {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 14px;
					color: #FEF1D5;
				 }

/* mise en forme du texte de pied de page */
.footer 
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #000000;
			text-align: center;
		}

		
		
/* indentation des puces */
.ind 
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000000;
			text-indent: 20px;
		}

/* indentation du texte en dessous des puces */
.ind-puce 
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #000000;
				text-indent: 28px;
			}

/* indentation du texte en dessous des chiffres */
.ind-chiffre 
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #000000;
				text-indent: 36px;
			}

/* mise en place de la scrollbar du site */
.frame
		{
			width: auto;
			height: auto;
			overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
			font-size: 12px;
			scrollbar-face-color:#efa602; /*couleur de la barre centrale */
			scrollbar-arrow-color:#d75a00; /*couleur des deux flèches */
			scrollbar-track-color:#f4bd4e; /*couleur de la barre verticale en arrière plan */
			scrollbar-highlight-color:#FFFFFF; /*couleur des carrés des deux flèches */
			scrollbar-shadow-color:#FFFFFF; /*ombre sur les carrés de la barre de defilement */ 
			scrollbar-3dlight-color:#C0C0C0; /*couleur de l'ombre haut et gauche de la barre centrale */
			scrollbar-darkshadow-color:#C0C0C0; /* colorie les bords droit et bas de la barre centrale */
		}				
				

/* /////////////////////////mise en forme a  partir des calques pour le site //////////////////////*/
	

/* mise en place des rayons */	
#rayon 
		{
			position:absolute; /* Positionnement absolu, mesuré à partir du bord du calque; peut défiler.*/
			left:52px; /*Position à partir du haut du calque */
			top:-12px; /*Position à partir de la gauche du calque */
			width:820px; /*largeur du calque */
			height:289px; /*hauteur du calque */
			z-index:1; /*Position de la couche en cas de superposition */
			background-image: url(images/rayon.png); /* mise en place d'une image de fond */
		}
		
/* mise en place du cadre gris avec contour */
#cadre 
		{
			position:absolute;
			left:97px;
			top:236px;
			width:743px;
			height:483px;
			z-index:2;
			background-image: url(images/cadre.png);
		}

/* mise en place du cadre du logo */
#cadre_logo 
			{
				position:absolute;
				left:124px;
				top:179px;
				width:218px;
				height:104px;
				z-index:2;
				background-image: url(images/logo.png);
			}

/*mise en place du menu du site */
#menu
		 {
				position:absolute;
				left:122px;
				top:315px;
				width:222px;
				height:267px;
				z-index:4;
				background-image: url(images/menu.png);
		}

/*mise en place de la barre de séparation entre le menu et le contenu */
#barre 
			{
				position:absolute;
				left:358px;
				top:261px;
				width:7px;
				height:446px;
				z-index:5;
				background-image: url(images/barre.gif);
			}
/* mise en place du calque de contenu du site*/
#cadre_blanc 
				{
					position:absolute;
					left:380px;
					top:280px;
					width:439px;
					height:415px;
					z-index:6;
					background-image: url(images/cadre_blanc.gif);
				}
/* mise en place des boutons dans le cadre du menu du site */

/* mise en place de l'image orange cf page accueil */
#orange 
		{
			position:absolute;
			left:470px;
			top:395px;
			width:213px;
			height:172px;
			z-index:12;
		}
	
/* mise en place du bouton 1 du site */
#b1
			 {
					position:absolute;
					left:146px;
					top:364px;
					width:14px;
					height:14px;
					z-index:7;
					background-image: url(images/boutons.png);
			}

/* mise en place du bouton 2 du site */
#b2 
			 {
					position:absolute;
					left:146px;
					top:483px;
					width:14px;
					height:14px;
					z-index:7;
					background-image: url(images/boutons.png);
			}
/* mise en place du bouton 3 du site */
#b3
			 {
					position:absolute;
					left:146px;
					top:458px;
					width:14px;
					height:14px;
					z-index:7;
					background-image: url(images/boutons.png);
			}

/* mise en place du bouton 4 du site */
#b4
			 {
					position:absolute;
					left:146px;
					top:435px;
					width:14px;
					height:14px;
					z-index:7;
					background-image: url(images/boutons.png);
			}
/* mise en place du bouton 5 du site */
#b5
			 {
					position:absolute;
					left:146px;
					top:412px;
					width:14px;
					height:14px;
					z-index:7;
					background-image: url(images/boutons.png);
			}

/* mise en place du bouton 6 du site */	
#b6
			 {
					position:absolute;
					left:147px;
					top:509px;
					width:14px;
					height:14px;
					z-index:7;
					background-image: url(images/boutons.png);
			}			
		
/* mise en place du bouton 7 du site */	
#b7
			 {
					position:absolute;
					left:146px;
					top:389px;
					width:14px;
					height:14px;
					z-index:7;
					background-image: url(images/boutons.png);
			}	
		
/* mise en place du titre du site */
#titre 
			{
				position:absolute;
				left:400px;
				top:254px;
				width:146px;
				height:29px;
				z-index:8;
			}
/* mise en place du contenu dans le cadre contenu du site */
#contenu 
			{
				position:absolute;
				left:390px;
				top:302px;
				width:418px;
				height:365px;
				z-index:9;
			}
			
#contenu  a
			{
				color: #DA6400;
			}

#contenu a:hover
			{
				color: #F0A803;
			}			
			

/* mise en place du menu secondaire */
#menu-sec 
			{
				position:absolute;
				left:694px;
				top:218px;
				width:145px;
				height:18px;
				z-index:11;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #FEEFD1;
				font-weight: bold;
			}

/* mise en place du calque pour la disposition du visa santé*/
#visa
		{
			position:absolute;
			left:140px;
			top:595px;
			width:179px;
			height:85px;
			z-index:8;
			text-align: center;

		}
		
/* mise en place du calque pour la disposition des conseils santé */
#conseils
		{
			position:absolute;
			left:136px;
			top:602px;
			width:179px;
			height:85px;
			z-index:8;
			text-align: center;

		}
		
/* mise en place du plan partie 1*/
#plan1 
		{
			position:absolute;
			left:458px;
			top:362px;
			width:138px;
			height:191px;
			z-index:12;
			border: 1px solid #000000;
		}

#plan1  a
			{
				color: #DA6400;
			}

#plan1 a:hover
			{
				color: #F0A803;
			}			
		
		
/* mise en place du plan partie 2 */
#plan2 
			{
				position:absolute;
				left:611px;
				top:362px;
				width:138px;
				height:165px;
				z-index:13;
				border: 1px solid #000000;
			}

#plan2  a
			{
				color: #DA6400;
			}

#plan2 a:hover
			{
				color: #F0A803;
			}				
			
			
/*mise en place du podometre */
#podometre 
			{
				position:absolute;
				left:488px;
				top:396px;
				width:212px;
				height:141px;
				z-index:12;
			}			
						
/* mise en place de la legende du plan */
#legende 
		{
			position:absolute;
			left:423px;
			top:563px;
			width:354px;
			height:73px;
			z-index:14;
			border: 2px dotted #000000;
			padding: 5px;
		}																
					
/* mise en place du copyright du site */
#copyright 
			{
				position:absolute;
				left:355px;
				top:703px;
				width:467px;
				height:10px;
				z-index:10;
			}

#copyright a
			{
				color: #000000;
			}

#copyright a:hover
			{
				color: #DA6400
			}

/* /////////////////////////mise en forme du formulaire/////////////////////// */		

/* mise en forme des champs de textes */
input 
	{	
		font-family: Verdana, Tahoma, Georgia ; 
		font-size: 11px; 
		color: #000; 
		background-color: #EEEEEE
	}

/* mise en forme des valeurs selectionner par l'internaute */	
select 
		{ 
			font-family: Verdana, Tahoma, Georgia ;
			font-size: 11px; 
			color: #000; 
			background-color: #EEEEEE 
		}

/* mise en forme du champ de texte multiligne  */		
textarea 
		{ 
			font-family: Verdana, Tahoma, Georgia ;
			font-size: 11px; 
			color: #000; 
			background-color: #EEEEEE 
		}

/* mise en forme des textes manquants lors de l'affichage des erreurs */		
.txterror 
			{ 
				font-family: Verdana, Tahoma, Georgia ; 
				font-size: 11px; 
				color: black; 
							
			}
			
/* mise en forme des textes du formulaires */							
.txtform 
			{ 
				font-family: Verdana, Tahoma, Georgia ; 
				font-size: 12px; 
				color: black; 	
			}

/*/////////////////////////////////// mise en page des info-flash//////////////////////////////*/

/* mise en page des textes des info-flash*/

#info1-1
			{
				position:absolute;
				left:3px;
				top:16px;
				width:123px;
				height:33px;
				z-index:12;
			}

#info1-2 
			{
				position:absolute;
				left:138px;
				top:16px;
				width:123px;
				height:33px;
				z-index:13;
			}

#info1-3 
			{
				position:absolute;
				left:277px;
				top:16px;
				width:123px;
				height:33px;
				z-index:14;
			}

#info1-4 
			{
				position:absolute;
				left:3px;
				top:221px;
				width:123px;
				height:33px;
				z-index:18;
			}

#info2-1 
			{
				position:absolute;
				left:137px;
				top:221px;
				width:123px;
				height:33px;
				z-index:19;
			}

#info2-2 
			{
				position:absolute;
				left:276px;
				top:221px;
				width:123px;
				height:33px;
				z-index:20;
			}

#info2-3 
			{
				position:absolute;
				left:3px;
				top:427px;
				width:123px;
				height:33px;
				z-index:12;
			}

#info3-1 
			{
				position:absolute;
				left:137px;
				top:427px;
				width:123px;
				height:33px;
				z-index:14;
			}

/* mise en page des pdf des info-flash */
#pdf1-1 
			{
				position:absolute;
				left:3px;
				top:59px;
				width:114px;
				height:148px;
				z-index:15;
			}

#pdf1-2 
			{
				position:absolute;
				left:138px;
				top:59px;
				width:114px;
				height:148px;
				z-index:16;
			}

#pdf1-3 
			{
				position:absolute;
				left:275px;
				top:59px;
				width:114px;
				height:148px;
				z-index:17;
			}

#pdf1-4 
			{
				position:absolute;
				left:3px;
				top:265px;
				width:114px;
				height:148px;
				z-index:21;
			}

#pdf2-1 
			{
				position:absolute;
				left:138px;
				top:265px;
				width:114px;
				height:148px;
				z-index:22;
			}

#pdf2-2 
			{
				position:absolute;
				left:275px;
				top:265px;
				width:114px;
				height:148px;
				z-index:23;
			}

#pdf2-3 
			{
				position:absolute;
				left:3px;
				top:472px;
				width:114px;
				height:148px;
				z-index:13;
			}

#pdf3-1 
			{
				position:absolute;
				left:138px;
				top:472px;
				width:114px;
				height:148px;
				z-index:15;
			}

/* mise en page des photos dans la page evenements */

#photo1 
			{
				position:absolute;
				left:415px;
				top:341px;
				width:100px;
				height:126px;
				z-index:14;
			}

#photo2 
			{
				position:absolute;
				left:617px;
				top:343px;
				width:100px;
				height:78px;
				z-index:15;
			}

/* mise en page du logo du messager */
#messagers 
			{
				position:absolute;
				left:396px;
				top:320px;
				width:175px;
				height:58px;
				z-index:12;
			}

/* mise en page liens vers le site du coeur a verdun */
#logo_coeur 
			{
				position:absolute;
				left:397px;
				top:528px;
				width:81px;
				height:94px;
				z-index:14;
			}			
					
/* mise en page pour le guide alimentaire santé canada */
#guide 
		{
			position:absolute;
			left:397px;
			top:437px;
			width:133px;
			height:55px;
			z-index:13;
		}
/* mise en page des contacts */
#contact 
			{
				position:absolute;
				left:389px;
				top:345px;
				width:430px;
				height:148px;
				z-index:12;
			}

	
/* mise en page de la plaquette de la tablette de defis personnels */
#tablette 
			{
				position:absolute;
				left:572px;
				top:438px;
				width:70px;
				height:134px;
				z-index:12;
			}
			
/* mise en page de l'offres de service 3.3.3 */
#offres 
			{
				position:absolute;
				left:73px;
				top:605px;
				width:113px;
				height:216px;
				z-index:12;
			}

/* mise en page des dates pour les photos */
#date1 
		{
			position:absolute;
			left:415px;
			top:315px;
			width:182px;
			height:10px;
			z-index:17;
		}

#date2 
		{
			position:absolute;
			left:417px;
			top:514px;
			width:213px;
			height:13px;
			z-index:18;
		}

/* mise en page des photos du 24 aout 2006 */
#photo_ev1 
			{
				position:absolute;
				left:417px;
				top:542px;
				width:146px;
				height:90px;
				z-index:19;
			}


#photo_ev2 
			{
				position:absolute;
				left:617px;
				top:543px;
				width:157px;
				height:87px;
				z-index:20;
			}

/* Mise en page nom de la rubrique pour le Messager Verdun */
#rubrique 
			{
				position:absolute;
				left:399px;
				top:395px;
				width:403px;
				height:16px;
				z-index:15;
			}

/* mise en page du pdf des facteurs de risque */
#facteurs 
			{
				position:absolute;
				left:130px;
				top:588px;
				width:61px;
				height:89px;
				z-index:13;
			}

/* mise en page de l'astuces pour le pdf des facteurs de risque */
#astuces 
			{
				position:absolute;
				left:201px;
				top:605px;
				width:152px;
				height:50px;
				z-index:14;
			}

/* mise en page de l'image de la toque des restos du coeur */
#toque 
		{
	position:absolute;
	left:307px;
	top:308px;
	width:54px;
	height:69px;
	z-index:12;
		}