/* rgles CSS pour la Diligence */

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

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

#conteneur {
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:746px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
  width:980px;
  top:0px;
  margin:auto;
  text-align:left;/*si je ne met pas auto, le bloc n'est pas centr.*/
  z-index:1;
} 
 
#Centre_Achat-1{
	position:absolute;
	top:0px;
	left:0px;
	width:510px;
    height:129px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#Centre_Achat-2{
	position:absolute;
	top:0px;
	left:510px;
	width:514px;
    height:37px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-3{
	position:absolute;
	top:37px;
	left:510px;
	width:514px;
    height:232px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-4{
	position:absolute;
	top:129px;
	left:0px;
	width:510px;
    height:140px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-5{
	position:absolute;
	top:269px;
	left:0px;
	width:279px;
    height:499px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-6{
	position:absolute;
	top:269px;
	left:279px;
	width:231px;
    height:165px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-7{
	position:absolute;
	top:269px;
	left:510px;
	width:233px;
    height:165px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-8{
	position:absolute;
	top:269px;
	left:743px;
	width:281px;
    height:499px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-9{
	position:absolute;
	top:434px;
	left:279px;
	width:464px;
    height:334px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-1{
	position:absolute;
	top:0px;
	left:0px;
	width:980px;
    height:174px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#centre_achat_circulaires {
	position:absolute;
	left:286px;
	top:242px;
	width:217px;
	height:17px;
	z-index:2;
}
#centre_achat_telephones {
	position:absolute;
	left:513px;
	top:242px;
	width:217px;
	height:17px;
	z-index:2;
}
#BoutonCentreAchat1 {
	width:231px ;
	list-style:none ;
	margin:0 ;
	padding:0 ;
	}
#BoutonCentreAchat1 li a {
	display:block ;
	height:165px;
	background:url(../images/images/Administration.jpg) left top no-repeat  ;
	text-decoration:none ;
	padding:0 ;
	}
#BoutonCentreAchat1 li a:hover, #BoutonCentreAchat1 li a:focus, #BoutonCentreAchat1 li a:active {
	background:url(../images/images/Administration.jpg) right top no-repeat  ;
	}
	
	
#BoutonCentreAchat2 {
	width:233px ;
	list-style:none ;
	margin:0 ;
	padding:0 ;
	}
#BoutonCentreAchat2 li a {
	display:block ;
	height:165px;
	background:url(../images/images/boutiques.jpg) left top no-repeat  ;
	text-decoration:none ;
	padding:0 ;
	}
#BoutonCentreAchat2 li a:hover, #BoutonCentreAchat2 li a:focus, #BoutonCentreAchat2 li a:active {
	background:url(../images/images/boutiques.jpg) right top no-repeat  ;
	}
	
	
	
/* règles CSS pour le gabarit des pages intérieur du site des promenades du boulevard de Dolbeau-Mistassini*/

#Centre_Achat-a{
	position:absolute;
	top:0px;
	left:0px;
	width:39px;
    height:768px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#Centre_Achat-b{
	position:absolute;
	top:0px;
	left:39px;
	width:471px;
    height:25px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#Centre_Achat-d{
	position:absolute;
	top:0px;
	left:510px;
	width:316px;
    height:212px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-e{
	position:absolute;
	top:0px;
	left:826px;
	width:134px;
    height:212px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-f{
	position:absolute;
	top:0px;
	left:960px;
	width:64px;
    height:212px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#Centre_Achat-g{
	position:absolute;
	top:212px;
	left:39px;
	width:985px;
    height:556px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#Centre_Achat-bouton1{
	position:absolute;
	top:25px;
	left:274px;
	width:235px;
    height:187px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#Centre_Achat-bouton2{
	position:absolute;
	top:25px;
	left:39px;
	width:236px;
    height:187px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}

#centre_achat_circulaires_2 {
	position:absolute;
	left:48px;
	top:3px;
	width:217px;
	height:17px;
	background-color:#3399FF;
	z-index:2;
}
#centre_achat_telephones_2 {
	position:absolute;
	left:279px;
	top:3px;
	width:217px;
	height:17px;
	background-color:#3399FF;
	z-index:2;
}
#BoutonCentreAchatA {
	width:236px ;
	list-style:none ;
	margin:0 ;
	padding:0 ;
	}
#BoutonCentreAchatA li a {
	display:block ;
	height:187px;
	background:url(../images/images/boutiques2.jpg) left top no-repeat  ;
	text-decoration:none ;
	padding:0 ;
	}
#BoutonCentreAchatA li a:hover, #BoutonCentreAchatA li a:focus, #BoutonCentreAchatA li a:active {
	background:url(../images/images/boutiques2.jpg) right top no-repeat  ;
	}
	
	
#BoutonCentreAchatB {
	width:235px ;
	list-style:none ;
	margin:0 ;
	padding:0 ;
	}
#BoutonCentreAchatB li a {
	display:block ;
	height:187px;
	background:url(../images/images/Administration2.jpg) left top no-repeat  ;
	text-decoration:none ;
	padding:0 ;
	}
#BoutonCentreAchatB li a:hover, #BoutonCentreAchatB li a:focus, #BoutonCentreAchatB li a:active {
	background:url(../images/images/Administration2.jpg) right top no-repeat  ;
	}
#English_Version_Centre_Achat {
	position:absolute;
	left:485px;
	top:432px;
	width:51px;
	height:13px;
	z-index:2;
}
#English_Version_Centre_Achat2 {
	position:absolute;
	left:250px;
	top:194px;
	width:51px;
	height:13px;
	z-index:2;
}

#ConteneurDeContenu {
	position:absolute;
	left:23px;
	top:225px;
	width:963px;
	padding:8px;
	z-index:2;
}
#ContenuCentre-Achat {
	float:left;
	margin:0;
	padding:0;
	width:960px;
	z-index:3;
}
#liens_bas_page{
	float:left;
	width:960px;
	padding-top:23px;
	height:28px;
	margin:0;
	border:0;
	text-align:center;
	z-index:3;
}
#MenuNav_Centre-achat{
	position:absolute;
	left:516px;
	top:92px;
	width:311px;
	/*background-color:#006633;*/
	height:124px;
	z-index:2;
}	
#Promenade_txtGauche {
	position:absolute;
	left:84px;
	top:527px;
	width:395px;
	height:218px;
	z-index:5;
}
#Promenade_txtDroit {
	position:absolute;
	left:545px;
	top:526px;
	width:395px;
	height:218px;
	z-index:5;
}
#Promenade_titreGauche {
	position:absolute;
	left:84px;
	top:479px;
	width:395px;
	height:32px;
	text-align:center;
	z-index:5;
}
#Promenade_titreDroit {
	position:absolute;
	left:545px;
	top:479px;
	width:395px;
	height:32px;
	text-align:center;
	z-index:5;
}
.styleEnglish{
font-family:Arial, Helvetica, sans-serif;
font-variant:small-caps;
font-size:12px;
font-weight:bold;
color:#666666;
text-align:center;
}
.styleEnglish a{
color:#666666;
text-decoration:none;
}
.styleEnglish a:hover{
text-decoration:underline;
}
.styleEnglish2{
font-family:Arial, Helvetica, sans-serif;
font-variant:small-caps;
font-size:12px;
font-weight:bold;
color:#CCCCCC;
text-align:center;
}
.styleEnglish2 a{
color:#FFFFCC;
text-decoration:none;
}
.styleEnglish2 a:hover{
text-decoration:underline;
}
.styleMenuNavSec{
font-family:Arial, Helvetica, sans-serif;
line-height:15px;
padding-left:8px;
margin-top:6px;
}
.styleMenuNavSec a{
color:black;
text-decoration:none;
}
.styleMenuNavSec a:hover{
text-decoration:underline;
}
.styleMenuBasDePage{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#ec5003;
}
.styleMenuBasDePage a{
color:#7b7659;
text-decoration:none;
}
.styleMenuBasDePage a:hover{
text-decoration:underline;
}
h1{
font-size:19px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#83836b;
}
.styleTexteNormal{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#666666;
text-align:justify;
}
.styleTexteNormal a{
color:#666666;
text-decoration:underline;
}
.styleTexteNormal a:hover{
text-decoration:none;
color:#666666;
}
.red{
color:red;
}
h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
text-align:left;
color:#383309;   
}