body {
  margin:0;
  padding:0;
  background-color:#b6b099;
  background-image: url(../images/images/arrierePlan2010.jpg);
  background-repeat:repeat-x;
}

html {
  padding:0;
  margin:auto;
  text-align:center;/*IE bug*/
  overflow:auto;
}

.conteneurDolbeau {
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:573px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
  width:988px;
  top:0px;
  margin:auto;
  text-align:left;/*si je ne met pas auto, le bloc n'est pas centr.*/
  z-index:1;
} 
#conteneurDolbeau-Mistassini {
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:573px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
  width:988px;
  top:0px;
  margin:auto;
  text-align:left;/*si je ne met pas auto, le bloc n'est pas centr.*/
  z-index:1;
} 
.conteneurDolbeauGestion {
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:500px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
  width:788px;
  top:0px;
  margin:auto;
  text-align:left;/*si je ne met pas auto, le bloc n'est pas centr.*/
  z-index:1;
} 

/*-------------------------Règles pour la page index------------------------------------------------------------*/
.contenuGauche{
	position:absolute;
	left:0px;
	top:0px;
	width:245px;
	height:564px;
	z-index:1;
}
.babillard{
	position:absolute;
	left:245px;
	top:0px;
	width:495px;
	height:34px;
	z-index:1;
}
.flash{
	position:absolute;
	left:245px;
	top:34px;
	width:495px;
	height:213px;
	z-index:1;
}
.texte{
	position:absolute;
	left:245px;
	top:247px;
	width:495px;
	height:317px;
	z-index:1;
}
.contenuDroite{
	position:absolute;
	left:740px;
	top:0px;
	width:246px;
	height:564px;
	z-index:1;
}
/*-------------------------Règles pour la page index 2010 ------------------------------------------------------------*/
#Dolbeau-Mistassini-1{
	position:absolute;
	left:0px;
	top:0px;
	width:245px;
	height:800px;
	z-index:1;
}
#Dolbeau-Mistassini-2{
	position:absolute;
	left:245px;
	top:0px;
	width:495px;
	height:34px;
	z-index:1;
}
#Dolbeau-Mistassini-3{
	position:absolute;
	left:740px;
	top:0px;
	width:246px;
	height:800px;
	z-index:1;
}
#Dolbeau-Mistassini-4{
	position:absolute;
	left:245px;
	top:34px;
	width:495px;
	height:213px;
	z-index:1;
}
#Dolbeau-Mistassini-5{
	position:absolute;
	left:245px;
	top:247px;
	width:495px;
	height:553px;
	z-index:1;
}
#Dolbeau-Mistassini-6{
	position:absolute;
	left:0px;
	top:319px;
	width:22px;
	height:220px;
	z-index:1;
}
#Dolbeau-Mistassini-7{
	position:absolute;
	left:22px;
	top:319px;
	width:200px;
	height:220px;
	z-index:2;
}
#Dolbeau-Mistassini-8{
	position:absolute;
	left:222px;
	top:319px;
	width:23px;
	height:220px;
	z-index:1;
}
#Dolbeau-Mistassini-9{
	position:absolute;
	left:0px;
	top:539px;
	width:245px;
	height:261px;
	z-index:1;
}
#Dolbeau-Mistassini-10{
	position:absolute;
	left:0px;
	top:0px;
	width:246px;
	height:236px;
	z-index:1;
}
/*-------------------------Règles pour la page intérieure 2010 ------------------------------------------------------------*/
#Dolbeau-MistassiniInt-1{
	position:absolute;
	left:0px;
	top:0px;
	width:244px;
	height:247px;
	z-index:1;
}
#Dolbeau-MistassiniInt-2{
	position:absolute;
	left:244px;
	top:0px;
	width:495px;
	height:34px;
	z-index:1;
}
#Dolbeau-MistassiniInt-3{
	position:absolute;
	left:739px;
	top:0px;
	width:246px;
	height:247px;
	z-index:1;
}
#Dolbeau-MistassiniInt-4{
	position:absolute;
	left:244px;
	top:34px;
	width:495px;
	height:213px;
	z-index:1;
}
#Dolbeau-MistassiniInt-5{
	position:absolute;
	left:0px;
	top:247px;
	width:987px;
	height:553px;
	z-index:1;
}

/* --------------------------------------------RÈGLES POUR PAGES INTÉRIEURS-------------------------------------------  */

.flashInt{
	position:absolute;
	left:0px;
	top:0px;
	width:496px;
	height:217px;
	z-index:1;
}
.sousCat{
	position:absolute;
	left:0px;
	top:217px;
	width:496px;
	height:318px;
	z-index:1;
}
.textePrincipal{
	position:absolute;
	left:496px;
	top:0px;
	width:492px;
	height:535px;
	z-index:1;
}
.texteTopPhotos {
	position:absolute;
	left:496px;
	top:0px;
	width:492px;
	height:58px;
	z-index:1;
}
.PhotosFlash {
	position:absolute;
	left:496px;
	top:58px;
	width:492px;
	height:311px;
	z-index:1;
}
.VideosFlash {
	position:absolute;
	left:496px;
	top:369px;
	width:492px;
	height:149px;
	z-index:1;
}
.footer{
	position:absolute;
	left:0px;
	top:535px;
	width:988px;
	height:38px;
	z-index:1;
}
.footer2{
	position:absolute;
	left:0px;
	top:564px;
	width:987px;
	height:38px;
	z-index:1;
}
.meteo {
	position:absolute;
	left:557px;
	top:34px;
	width:335px;
	height:20px;
	z-index:2;
}
.employe{
	position:absolute;
	left:593px;
	top:8px;
	width:149px;
	height:20px;
	z-index:2;
}
.page {
	position:absolute;
	left:507px;
	top:8px;
	width:100px;
	height:20px;
	z-index:2;
}
.recherche {
	position:absolute;
	left:752px;
	top:8px;
	width:280px;
	height:20px;
	z-index:2;
}
.navSec {
	position:absolute;
	left:-5px;
	top:227px;
	width:465px;
	height:292px;
	overflow:auto;
	z-index:2;
}
.zonePrincipale{
	position:absolute;
	left:511px;
	top:70px;
	width:460px;
	height:451px;
	overflow:auto;
	padding-right:8px;
	z-index:2;
}
.zonePrincipalePhotos{
	position:absolute;
	left:508px;
	top:71px;
	width:520px;ootr
	height:465px;
	z-index:2;
}
.liensEnDur {
	position:absolute;
	left:7px;
	top:552px;
	width:980px;
	height:32px;
	text-align:center;
	z-index:2;
}
.liensEnDur2 {
	position:absolute;
	left:7px;
	top:581px;
	width:980px;
	height:32px;
	text-align:center;
	z-index:2;
}
.StyleLiensEnDur {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#003300;
font-weight:bold;
}
.StyleLiensEnDur a {
text-decoration:none;
color:#003300;
}
.StyleLiensEnDur a:hover {
color:#666666;
}
.StyleTexteNormal {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#666;
text-align:justify;
}
.StyleTexteListe {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #666;
text-align:left;
line-height:27px;
}
.StyleTexteListe a{
text-decoration:none;
color:#FF0000;

}
.StyleTexteListe  a:hover {
color:#FFCC00;
}
.StyleTexteBottin {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
text-align:left;
}





.FondBoutons a{
color:#000000;
text-decoration:none;
}
.FondBoutons a:hover{
color:#FF6600;
}
.FondBoutons {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
background-image:url(../images/fondBoutons.png);
background-repeat:no-repeat;
padding-top:8px;
margin:0;
height:43px;/* en ajustant mon line height, j'ai été obligé d'augmenter cette valeur pour qu'il y ait un espacement*/
padding-left:0.6em;
line-height:0.9em;/* J'ai mis cela pour pallier à un bug dans IE6 qui déformait en hauteur mon image*/
}


.FondBoutonsLanding a{
color:#000000;
text-decoration:none;
}
.FondBoutonsLanding a:hover{
color:#FF6600;
}
.FondBoutonsLanding {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
background-image:url(../images/FondBoutonsLanding.png);
background-repeat:no-repeat;
padding-top:8px;
height:33px;
padding-left:0.6em;
margin-left:223px;
}



.FondBoutonsTitre {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#009900;
font-weight:bold;
background-image:url(../images/fondBoutonsBleu.png);
background-repeat:no-repeat;
padding-top:8px;
height:43px;
padding-left:0.6em;
margin-top:0;
line-height:0.9em;
}
.FondBoutonsTitre a{
text-decoration:none;
color:#006699;
}
.FondBoutonsTitre a:hover{
color:#FF6600;
}


.StyleTexteNormal a{
color:#0099CC;
text-decoration:none;

}
.StyleTexteNormal a:hover{
color:#0099CC;
text-decoration:underline;
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #a0afb6;
	text-align:center;
	border-top: #829CDB thin solid;
	border-bottom: #829CDB thin solid;
	line-height:1.2em;
	padding-bottom:0.4em;
	padding-top:0.8em;

}
.TiCarre {
color:#438bb5;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, seriff;
	font-size:19px;
	font-weight: bold;
	text-align:right;
	line-height:24px;
	padding:2px 12px 0 2px;
	color:#eaebe9;
	background-color:#b3ac94;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, seriff;
	font-size:17px;
	font-style:italic;
	text-align:left;
	line-height:21px;
	padding-right:6px;
	color:#0099CC;
	border-bottom: #b3ac94 solid  2px;
}
 h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	text-align:right;
	line-height:1.5em;
	padding-right:9px;
	color:#000000;
	border-left: #ffffff thick double;
	border-right: #ffffff thick double;
	margin-left:223px;
	text-transform: uppercase;
	margin-top:-1px;
	font-style:italic;	
	/*font-weight:bold;*/
	

}
.contenuTexte {
	position:absolute;
	left:250px;
	top:323px;
	width:464px;
	height:226px;
	overflow:auto;
	padding-right:17px;
	padding-left:8px;
	z-index:2;
}



.employe2{
	position:absolute;
	left:98px;
	top:4px;
	width:149px;
	height:20px;
	z-index:2;
}
.page2 {
	position:absolute;
	left:12px;
	top:5px;
	width:100px;
	height:20px;
	z-index:2;
}
.recherche2 {
	position:absolute;
	left:746px;
	top:27px;
	width:257px;
	height:190px;
	z-index:2;
}
.meteo2 {
	position:absolute;
	left:11px;
	top:30px;
	width:234px;
	height:20px;
	z-index:10;
}
.left {
float:left;
padding-right:7px;
margin-bottom:4px;/* ici je suis obligé de mettre un margin car le padding n'est pas interprété de la même manière en IE et firefox*/
}
/* indes  */


ul.formulaires {
   position:absolute;
   left:182px;
   top:208px;
   width:60px;
   height:61px;
   margin:0;
   padding:0;
   z-index:2;
   list-style-type: none;
   z-index:300;
}
.formulaires a {       /* dfinition de chaque bouton du menu */
   width:60px;
   height:61px;
   margin:0;
   padding:0;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(../images/Formulaires.jpg);
}
.formulaires a:hover {
   background-image:url(../images/FormulairesOver.jpg);
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/
}
.formulaires a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.formulaires a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 40px;
   left: 170px;
   width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#000000;
   text-indent:20px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}
ul.travaux {
   position:absolute;
   left:116px;
   top:188px;
   width:66px;
   height:67px;
   margin:0;
   padding:0;
   z-index:2;
   list-style-type: none;
   z-index:300;
}
.travaux a {       /* dfinition de chaque bouton du menu */
   width:66px;
   height:67px;
   margin:0;
   padding:0;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(../images/Travaux.jpg);
}
.travaux a:hover {
   background-image:url(../images/TravauxOver.jpg);
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/
}
.travaux a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.travaux a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 60px;
   left: 253px;
   width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#000000;
   text-indent:20px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}
ul.maire{
   position:absolute;
   left:49px;
   top:156px;
   width:68px;
   height:68px;
   margin:0;
   padding:0;
   z-index:2;
   list-style-type: none;
   z-index:300;
}
.maire a {       /* dfinition de chaque bouton du menu */
   width:68px;
   height:68px;
   margin:0;
   padding:0;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(../images/Maire.jpg);
}
.maire a:hover {
   background-image:url(../images/MaireOver.jpg);
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/
}
.maire a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.maire a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 92px;
   left: 336px;
   width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#000000;
   text-indent:20px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}
ul.Marie{
   position:absolute;
   left:741px;
   top:209px;
   width:69px;
   height:67px;
   margin:0;
   padding:0;
   z-index:2;
   list-style-type: none;
   z-index:300;
}
.Marie a {       /* dfinition de chaque bouton du menu */
   width:69px;
   height:67px;
   margin:0;
   padding:0;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(../images/btnMarie.jpg);
   background-repeat:no-repeat;
   
}
.Marie a:hover {
   background-image:url(../images/BtnMarieOver.jpg);
   background-repeat:no-repeat;
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/
}
.Marie a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}



.Marie a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 40px;
   left: -370px;
   width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#000000;
   text-indent:20px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}
ul.Mistassini{
   position:absolute;
   left:802px;
   top:189px;
   width:69px;
   height:67px;
   margin:0;
   padding:0;
   z-index:2;
   list-style-type: none;
   z-index:300;
}
/* propriétés des menus déroulants*/
														  
/*les balise dt sont l'équivalent de table, dt celui de tr et dd celui de dd. Il s'agit en fait de balises servant à créer des liste*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
/*ici on a une règle qui spécifiera le genre du dl. on aura donc un dl modifié par la class menu*/
#menu {
	position: absolute;
	top: 3px;
	left: 1px;
	width: 224px;
	z-index:4;
	padding-top:4px;
	text-align:center;
}
/*ici on a les règles qui spécifient le format des "titres". ce n'est pas comme un tr qui enveloppe des td, c'est en fait un dt à qui on associe des dd. C'est donc ici que je gère les attributs principaux des titres. Je peux lui donner une autre largeur même si cette dernière est spécifiée dans menu. Ici on a un gros problème avec IE, il faut absoluement du texte ou une image dans la zone dt afin d'activer les sous-menus et il doit avoir la largeur qui touche les sous-menus en plus !!! */
#menu dt {
cursor: pointer;
margin:-4px;
padding:0 0 0 3px;
width: 200px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:black;

}
/*Ici c'est les règle qui régissent les sous-menus qui incorporent les ul et les li. l'élement margin-top gère la position relative au sous-menu et non pas la propriété top qui elle fixe la position du sous-menu*/
#menu dd {
	position: absolute;
	z-index: 100;
	left:-5px;
	margin-top: -66px;
	background: #bfbbbc;
	font-family:Arial, Helvetica, sans-serif;
	width:234px;
	top: 75px;
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: left;
font-size: 12px;
height: 18px;
line-height: 18px;
padding-left:3px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}
#menu li a:hover {
background-color:#0066CC;
color:white;
}
.Mistassini a {       /* dfinition de chaque bouton du menu */
   width:69px;
   height:67px;
   margin:0;
   padding:0;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(../images/BtnMistassini.jpg);
   background-repeat:no-repeat;
   
}
.Mistassini a:hover {
   background-image:url(../images/BtnMistassiniOver.jpg);
   background-repeat:no-repeat;
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/
}
.Mistassini a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.Mistassini a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 60px;
   left: -384px;
   width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#000000;
   text-indent:20px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}
ul.Dolbeau{
   position:absolute;
   left:867px;
   top:154px;
   width:69px;
   height:67px;
   margin:0;
   padding:0;
   z-index:2;
   list-style-type: none;
   z-index:300;
}
.Dolbeau a {       /* dfinition de chaque bouton du menu */
   width:69px;
   height:67px;
   margin:0;
   padding:0;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(../images/BtnDolbeau.jpg);
   background-repeat:no-repeat;
   
}
.Dolbeau a:hover {
   background-image:url(../images/BtnDolbeauOver.jpg);
   background-repeat:no-repeat;
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/
}
.Dolbeau a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.Dolbeau a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 95px;
   left: -447px;
   width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#000000;
   text-indent:20px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}

.calendrierFlash {
	position:absolute;
	left:738px;
	top:330px;
	width:123px;
	height:111px;
	z-index:2;
}
.styleTexteSpecial{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12pt;
color: #003366;
text-align:left;
}
.style1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#annonce {
  position:absolute;
  left:54px;
  top:328px;
  width:183px;
  height:98px;
  padding:3px;
  z-index:2;
}
.style4 {
  color: #006600
}
#flamme {
	position:absolute;
	left:46px;
	top:67px;
	width:200px;
	height:127px;
	margin:0;
	padding:4px;
	border:#FFFFFF thin solid;
	z-index:2;
}
.jours {
font-family:Impact;
font-size:22px;
color:#0066CC;
font-weight:bold;
text-align:left;
}
.olympique {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999999;
text-align:left;
}
#nouvellesBreves {
	position:absolute;
	left:258px;
	top:252px;
	width:469px;
	height:148px;
	z-index:5;
}
.breves{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:left;
}
.breves a{
text-decoration:underline;
color:#666666;
}
.breves a:hover{
text-decoration:none;
color:#81addc;
}
#meteo2010 {
	position:absolute;
	left:255px;
	top:411px;
	width:234px;
	height:20px;
	z-index:10;
}
#moteur2010{
	position:absolute;
	left:584px;
	top:410px;
	width:140px;
	height:20px;
	z-index:10;
}
#parPage2010{
	position:absolute;
	left:498px;
	top:410px;
	width:100px;
	height:20px;
	z-index:10;
}
#meteoInt2010 {
	position:absolute;
	left:250px;
	top:254px;
	width:234px;
	height:20px;
	z-index:10;
}
#moteurInt2010{
	position:absolute;
	left:494px;
	top:253px;
	width:250px;
	height:20px;
	z-index:10;
}

#texteAccueil {
	position:absolute;
	left:254px;
	top:444px;
	width:463px;
	background-color:#e9eae4;
	margin:0;
	padding:6px 6px 6px 12px ;
	z-index:2;
}
#contenuTexteAccueil{
	float:left;
	width:460px;
	margin:0;
	padding:0;
	z-index:5;
}
#liensBasPage {
	float:left;
	width:460px;
	height:90px;
	text-align:center;
	margin:0;
	padding:0;
	z-index:5;
}
#texteAccueilInt {
	position:absolute;
	left:247px;
	top:290px;
	width:704px;
	background-color:#e9eae4;
	margin:0;
	padding:6px 6px 6px 12px;
	z-index:2;
}
#contenuTexteAccueilInt{
	float:left;
	width:700px;
	margin:0;
	padding:0;
	z-index:5;
}
#liensBasPageInt {
	float:left;
	width:700px;
	height:90px;
	text-align:center;
	margin:0;
	padding:0;
	z-index:5;
}
#navSecondaire{
	position:absolute;
	top:290px;
	width:214px;
	background-color:#e9eae4;
	z-index:2;
	min-height: 60px;
	left: 16px;
}
.styleTexteAccueil{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#666666;
text-align:justify;
}
.styleTexteAccueil a{
color:#0099CC;
text-decoration:none;
}
.styleTexteAccueil a:hover{
color:#0099CC;
text-decoration:underline;
}
.styleBasPage{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#666666;
text-align:center;
}
.styleBasPage a{
text-decoration:none;
color:#666666;
}
.styleBasPage a:hover{
color:#0099CC;
text-decoration:underline;
}
.styleNavSecondaire{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
font-size:15px;
color:#818c89;
}
.styleNavSecondaire a{
color:#818c89;
text-decoration:none;	
}
.styleNavSecondaire a:hover{
color:#0099CC;
text-decoration:none;	
}
.RedBold {
	color: #FF0000;
	font-weight: bold;
}
.styleTextePage{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:20px;
color:#666;	
}
.styleTextePage a{
	color:#666;	
	text-decoration:none;
}
.styleTextePage a:hover{
	text-decoration:underline;
	color:#0099CC;
	
}