/* CSS Document */
	
body {
	margin: 0;
	padding: 0;
	
	background-color: #04a8eb;
}
	
#Page {
	position: relative;
	margin: auto;
	width: 986px;	
	
}

#Entete {
	position: relative;

	background-image: url(../images/fond-entete.jpg);
	background-repeat: no-repeat;
	
	width: 986px;
	height: 262px;
}

#Entete #Logo {
	position: absolute;
	bottom: 3px;
	left: 280px;
	
}

/*-----------------------------------
/* Menu
/**/
#Menu {
	position: relative; 
	
	height: 50px;
	width: 986px;
	
	background-image: url(../images/fond-menu.gif);
	background-repeat: no-repeat;
	
	margin-top: 5px;

}

#Menu a {
	position: absolute;
	top: 0;

	display: block;
	
	height: 50px;
	
	text-indent: -2000px;

}

#Menu-Accueil {
	background-image: url(../images/menu-accueil.gif);
	
	width: 79px;
	
	left: 18px;
}

#Menu-Biographie {
	background-image: url(../images/menu-bio.gif);
	
	width: 111px;
	
	left: 121px;
}

#Menu-Circonscription {
	background-image: url(../images/menu-circonscription.gif);
	
	width: 150px;
	
	left: 363px;
}

#Menu-Dossiers {
	background-image: url(../images/menu-dossiers.gif);
	
	width: 91px;
	
	left: 253px;
}

#Menu-Nous-Joindre {
	background-image: url(../images/menu-nous-joindre.gif);
	
	width: 132px;
	
	left: 833px;
}

#Menu-Ressources {
	background-image: url(../images/menu-ressources.gif);
	
	width: 113px;
	
	left: 700px;
}

#Menu-Salle-De-Presse {
	background-image: url(../images/menu-salle-de-presse.gif);
	
	width: 152px;
	
	left: 529px;
}

/*----------------------------------
/* Fil
/**/
#Fil {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 27px;
	
	font-size: 10px;
	color: #fff;
}

#Fil a {
	color: #fff;
}




/*----------------------------------
/* Colonne-Gauche
/**/
.accueil #Colonne-Gauche {
	float: left;
	width: 515px;
}

.texte #Colonne-Gauche {

	float: left;
	width: 719px;
}

/*-----------------------------------
/* Actualites
/**/

#Actualites {
	width: 515px;
	
	background-color: #fff;
}

#Actualites h2 {

	width: 515px;
	height: 66px;
	
	background-image: url(../images/haut-actualites.gif);
	background-repeat: no-repeat;
	
	text-indent: -2000px;

}

#Actualites-Bas {
	background-image: url(../images/bas-actualites.gif);
	background-repeat: no-repeat;
	
	height: 15px;
	width: 515px;
}

/*----------------------------------
/* Contenu 
/**/

.texte #Contenu h1 {
	/*width: 702px;
	height: 40px;*/
	
	margin: 0;
	padding: 0;
	
	padding-left: 27px;
	padding-top: 16px;
	padding-bottom: 16px;
	
	margin-bottom: 25px;

	background-image: url(../images/haut-texte.gif);
	background-repeat: no-repeat;
	
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	
}

.texte #Contenu h1 {
	padding-left: 27px;
	padding-right: 27px;
}

.texte #Contenu #Prolongement-h1 {
	
	background-image: url(../images/fond-titre.gif);
	background-repeat: repeat-y;
	
	
}

#Contenu-Texte {
	padding-left: 27px;
	padding-right: 27px;
}

#Contenu {
	background-color: #fff;
	
	
}

#Contenu-Bas {
	background-image: url(../images/bas-texte.gif);
	background-repeat: no-repeat;
	
	height: 15px;
	
}






/*----------------------------------
/* Colonne-Centre
/**/
#Colonne-Centre {
	width: 200px;
	
	float: left;
	margin-left: 5px;
}


/*----------------------------------
/* Enjeux
/*/

#Enjeux {
	width: 200px;
	
	background-color: #fff;
	
}

#Enjeux h2 {
	padding: 0;
	margin: 0;

	width: 200px;
	height: 66px;
	
	background-image: url(../images/haut-enjeux.gif);
	background-repeat: no-repeat;
	
	text-indent: -2000px;
}

.enjeu {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	
	border-top: 1px solid #00a7eb;
}

.enjeu-premier {
	border: 0 !important;
}

.enjeu .enjeu-photo {
	border: 1px solid #40749e;
	margin-bottom: 5px;
}

.enjeu .enjeu-photo img {
	border: 1px solid #89c0e0;
	
	width: 166px;
}

#Enjeux-Bas {
	background-image: url(../images/bas-enjeux.gif);
	background-repeat: no-repeat;
	
	height: 15px;
	width: 200px;
}

/*----------------------------------
/* Colonne-Droite
/**/
#Colonne-Droite {
	width: 260px;
	
	float: left;
	
	margin-left: 5px;
}



/*------------------------------------
/* Comment aider
/**/

#Aider {
	width: 260px;
	
	background-image: url(../images/fond-aider.gif);
	background-repeat: repeat-y;
}

#Aider h2 {
	padding: 0;
	margin: 0;
	
	width: 260px;
	height: 66px;
	
	background-image: url(../images/haut-aider.gif);
	background-repeat: no-repeat;
	
	text-indent: -2000px;
}

#Aider a {
	color: #fff;
	
	font-size: 15px;
}

#Aider ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

#Aider li {
	background-image: url(../images/puce-aider.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px; 
	
	padding-left: 24px; 
	margin-bottom: 10px;
}


#Aider-Bas {
	height: 15px;
	width: 260px;
	
	background-image: url(../images/bas-aider.gif);
	background-repeat: no-repeat;
}


/*---------------------------
/* Recherche
/**/
#Recherche {

	margin-top: 10px;
	
	background-image: url(../images/haut-recherche.gif);
	background-repeat: no-repeat;

	background-color: #fff;
	
	height: 70px;
}

#Recherche-Texte {
	position: relative;
	left: 19px;
	top: 10px;
	
	width: 219px;
	
	background-color: #d7e9f3;
	border: 1px solid #6c899a;
}

#Recherche-Bouton {
	position: relative;
	left: 2px;
	top: 20px;
}

#Recherche-Bas {
	height: 15px;
	width: 260px;
	
	background-image: url(../images/bas-recherche.gif);
	background-repeat: no-repeat;
}

/*--------------------------------
/* les boutons
/**/
#Bouton-Facebook {
	margin-top: 10px;
}

#Bouton-Facebook img {
	border: 0;
}

#Bouton-Album-Photos {
	margin-top: 10px;
}

#Bouton-Album-Photos img {
	border: 0;
}

#Boutons {
	margin-top: 10px;
	padding-left: 5px;
	text-align: center;
}

#Boutons img {
	border: 0;
}

#Bloc-Quebecois {
	margin-top: 25px;
	text-align: center;
}

#Bloc-Quebecois img {
	border: 0;
}


/*----------------------------------
/* Pied
/**/
#Pied {
	
	width: 986px;
	height: 24px;

	background-color: #80d3f5;
	
	background-image: url(../images/haut-pied.gif);
	background-repeat: no-repeat;
}
