body {
	/*background: url(../images/bgRep.gif) repeat-x left top #fff;*/
	margin: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	/*color: #4a4a4a;*/
	padding: 15px 0;
}

body table{
	font-size: 12px;
}

table, img {
	border: none;
}

/*======================================================================================================*/

div#mainWrap {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

div#header {
	position: relative;
	z-index: 20;
}

div#bgFlare {
	position: absolute;
	left: -166px;
	top: -216px;
	z-index: -10;
	display:none;
}

div#logo {
	position: absolute;
	left: 0;
	top: 6px;
	z-index: 25;
}

div#meteo {
	clear: both;
	float: right;
	height: 46px;
	z-index: 20;
	display: block;
	margin: 0;
	padding: 0;
}

div#meteo a {
	display: block;
	padding: 10px 0 0 35px;
	height: 20px;
	font-weight: bold;
	color: #08384e;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/icoMeteo.gif) no-repeat left top;
}


div#iconmenu {

	padding: 0;

	

	text-transform: uppercase;
	float: right;
	height: 46px;
	z-index: 20;
	display: block;
	margin: 0;
	margin-right: 26px;

	color: #007F89;
	font-size: 0.9em;
	font-weight: bold;
	
}


div#iconmenu a {

	margin-left: 15px;

}


div#usernav {
	position: relative;
	clear: both;
	float: right;
	z-index: 20;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
}

#usernav a.lienCourant {
	font-size: 0.9em;
	font-weight: bold;
	color: #08384e;
	text-transform: uppercase;
	margin: 0 0 0 12px;
	padding: 0 12px 0 0;
	border-right: 1px solid #08384e;
}

#usernav a.lienCourant:link, #usernav a.lienCourant:active, #usernav a.lienCourant:visited {
	text-decoration: none;
}

#usernav a.lienCourant:hover {
	text-decoration: underline;
}

a.lienCourant#lienLangue {
	/*
	background: url(../images/icoLangue.gif) no-repeat left top;
	padding-left: 23px;
	*/
}

span#txtSize {
	margin: 0 12px;
}

#txtSize a {
	font-weight: bold;
	color: #08384e;
	text-transform: uppercase;
	margin: 0 1px;
}

#txtSize a:link, #txtSize a:active, #txtSize a:visited {
	text-decoration: none;
}

#txtSize a:hover {
	text-decoration: underline;
}

form#formRecherche {
	margin: 0;
	padding: 0;
	display: inline;
}

input#boiteRecherche {
	font-size: 0.8em;
	color: #909090;
	margin-top: 0;
}

input#btnRecherche {
	width: 25px;
	height: 19px;
}

div#mainnav {
	position: relative;
	clear: both;
	z-index: 20;
}

div#navG, div#navD {
	float: left;
	z-index: 25;
}

div#nav {
	width: 940px;
	height: 28px;
	background: url(../images/navRep.gif) repeat-x left top;
	float: left;
	text-align: center;
	vertical-align: middle;
	z-index: 25;
}

#nav a {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#nav a:link, #nav a:active, #nav a:visited {
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
}

ul.navList {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

ul.navList li {
	display: inline;
	/*margin: 0 auto;*/
}

li.navLink {
	line-height: 28px;
	height: 28px;
	vertical-align: 1px;
	padding: 0;
}

li.navSplit {
	padding: 0 18px;
	vertical-align: -3px;
	margin: 0;
}

div#centre {
	position: relative;
	z-index: 20;
	padding: 10px 0;
	margin: 0;
}

div#espacePub { /* Utiliser les classes skyscraper et wide_skyscraper sur l'élément pour lui donner les dimensions standard */
	position: absolute;
	left: 960px;
	top: 10px;
}

div#mainfooter {
	position: relative;
	z-index: 20;
}

div#footer {
	background: url(../images/footerRep.gif) repeat-x left top #007F89;
	font-size: 0.9em;
	color: #fff;
	width: 950px;
	height: 215px;
}

#footer div {
	float: left;
}

#footer div ul {
	list-style-type: none;
	margin: 0;
	/*padding: 0 36px 0 0;*/
	padding-left:0px;
}

#footer div ul li {
	line-height: 1.4em;
}

#footer div ul li a {
	color: #fff;
}

#footer div ul li a:link, #footer div ul li a:active, #footer div ul li a:visited {
	text-decoration: none;
}

#footer div ul li a:hover {
	text-decoration: underline;
}

div#footerLogo {
	padding: 30px 30px 0 30px;
	width:165px;
}

div#footerCol1 {
	padding-top: 30px;
	padding-right:30px;
	width:147px;
}

div#footerCol1 a {
	padding-left: 18px;
}

a#fc1Favoris {
	background: url(../images/icoFavoris.gif) no-repeat left top;
}

a#fc1Envoyer {
	background: url(../images/icoEnvoyer.gif) no-repeat left top;
}

a#fc1Voix {
	background: url(../images/icoVoix.gif) no-repeat left top;
}

a#fc1Mobile {
	background: url(../images/icoMobile.gif) no-repeat left top;
}

a#fc1Facebook {
	background: url(../images/icoFacebook.gif) no-repeat left top;
}

a#fc1Twitter {
	background: url(../images/icoTwitter.gif) no-repeat left top;
}

div#footerCol2 {
	padding-top: 30px;
	padding-right:30px;
	width:147px;
}

div#footerCol3 {
	padding-top: 30px;
	padding-right:30px;
	width:147px;
}

div#footerBtns {
	padding-top: 30px;
	padding-left:0px;
	width:165px;
}

div#footerBtns img {
	margin-bottom: 5px;
}

a#footerGatineau {
	display: block;
	padding: 6px 0 0 6px;
}

div#footnotes {
	font-size: 0.9em;
	color: #525252;
	padding: 15px 3px 21px 3px;
	line-height: 1.3em;
}

#footnotes p {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
}

p#copy {
	width: 14px;
}

p#notes {
	width: 930px;
}

#notes a {
	color: #0074CF;
	text-decoration: underline;
}

#notes a:hover {
	color: #0074CF;
	text-decoration: none;
}



/*======================================================================================================*/

.posRel {
	position: relative;
}

.txtS {
	font-size: 0.9em;
}

.txtM {
	font-size: 1.1em;
}

.txtL {
	font-size: 1.3em;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.m0 {
	margin: 0;
}

.p0 {
	padding: 0;
}

.cb {
	clear: both;
}

.skyscraper {
	width: 120px;
	height: 600px;
}

.wide_skyscraper {
	width: 160px;
	height: 600px;
}

.l {
	text-align: left;
}

.c {
	text-align: center;
}

.r {
	text-align: right;
}




div#colonne_droite{

	display: block;
	float: left;
	width: 310px;
	margin: 0 0 10px 0;
	padding: 0;
}