body{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	color: #00539f;
	font: 11px/19px Verdana, Arial, Helvetica, sans-serif;
}
#body{
	background: #dee4ea;
	text-align: center;
}
img, form{
	padding: 0px;
	margin: 0px;
	border: none;
}

/* Utilisé par l'éditeur ... */
.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

.contact{width: auto;}
.tableau-a-colonnes{width: auto;}
.historique{color: #009e58;}
.Centre{text-align: center;}
.Droite{text-align: right;}
.Gauche{text-align: left;}
	img.Droite, p.Droite{
		float: right;
		padding-left: 40px;
		padding-bottom: 20px;
	}
	img.Gauche, p.Gauche{
		float: left;
		padding-right: 40px;
		padding-bottom: 20px;
	}
	p.Droite, p.Gauche{
		width: 200px;
		background: #00539f;
		color: #bfd4e7;
		padding: 10px;
		font: 11px/18px Georgia, "Times New Roman", Times, serif;
	}
	p.Droite{
		margin-top: 20px;
		margin-left: 40px;
		margin-bottom: 20px;
	}
	p.Gauche{
		margin-top: 20px;
		margin-right: 40px;
		margin-bottom: 20px;
	}
	p.Droite img, p.Gauche img{
		border: 1px solid #FFFFFF;
		margin-top: 10px;
	}
	
	.Droite a, .Gauche a,
	.Droite a:hover, .Gauche a:hover{
		color: #FFFFFF;
	}
.quebecvrai{
	font-size: 110%;
	color: #009e58;
}

/* -------------------- */

div.page{
	width: 986px;
	height: 255px;
	margin: 0 auto;
	text-align: left;
}
#top{background: #FFFFFF url(/images/bg_header.gif) 0px 175px repeat-x;}
	#top div.top{background: url(/images/bg_header_clouds.jpg) center top no-repeat;}
	#top div.page{background: url(/images/fr/header_001.png) 0px 0px no-repeat;}
#page{background: #5182c4 url(/images/bg_page.gif) 0px 0px repeat-x;}
	#page div.page{
		height: auto;
		background: url(/images/bg_page_fill.gif) 0px 0px repeat-y;
	}
	#page div.page div.gazon{background: url(/images/bg_gazon.jpg) 0px bottom no-repeat;}
	#page div.page div.top{
		height: 450px;
		min-height: 450px;
		background: url(/images/bg_page_top.jpg) 0px top no-repeat;
	}	html > body #page div.page div.top{height: auto; min-height: 450px;}
#footer{
	background: url(/images/bg_footer.gif) 0px 0px repeat-x;
	padding-bottom: 50px;
	color: #00539f;
}
	#footer div.page{height: 60px; min-height: 60px;}
	html > body #footer div.page{height: auto; min-height: 60px;}

a{
	color: #003f02;
	text-decoration: none;
}
a:hover{
	color: #dd6000;
	text-decoration: underline;
}
h1{
	margin: 0px;
	padding: 40px 60px 20px 0px;
	color: #008248;
	font: italic 36px/38px Georgia, "Times New Roman", Times, serif;
}
	h1.accueil,
	h1.home{
		margin: 0px;
		padding: 0px;
		width: 766px;
		height: 82px;
		font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
		background: url(/images/fr/bienvenue-quebec-vrai.gif) 0px 0px no-repeat;
	}	h1.home{background: url(/images/en/welcome-to-quebec-vrai.gif) 0px 0px no-repeat;}
		h1.accueil span,
		h1.home span{display: none;}
h2{
	margin: 0px;
	padding: 60px 0px 10px 0px;
	color: #009e58;
	font: 25px/29px Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
}
h3{
	margin: 0px;
	padding: 40px 0px 10px 0px;
	color: #00488a;
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
}	h3 strong, h3 b{color: #009e58;}
h4, h5, h6{
	margin: 0px;
	padding: 20px 0px 10px 0px;
	color: #cd4316;
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
}	h5{color: #00488a;}
	h6{color: #009e58;}
p{
	margin: 0px;
	padding: 10px 0px;
}

#content{
	padding-left: 30px;
	padding-right: 48px;
	padding-bottom: 45px;
}
#content.nopad{padding-right: 0px;}
#content p{text-align: justify;}
	#content p.Centre{text-align: center;}
	#content p.Droite{text-align: right;}
	#content p.Gauche{text-align: left;}

#content div.accueil{
	position: relative;
	padding-right: 230px;
}
	#content div.accueil p{color: #417630;}
	#content div.accueil p strong,
	#content div.accueil p b{
		color: #00539f;
		font-size: 12px;
	}
	#content div.accueil img.plante{
		position: absolute;
		top: -75px;
		left: 572px;
	}
	#content img.etiquette{
		float: right;
		margin-top: -40px;
		margin-right: -80px;
		width: 212px;
		height: 223px;
	}
#content ul, #content ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #1d6fbb;
}
	#content ul{padding: 10px 0px;}
	#content ul li{
		padding: 5px 100px 15px 26px;
		font-size: 11px;
		background: url(/images/bullets.gif) 10px 10px no-repeat;
		text-align: justify;
	}
	
	#content ol.historique{
		margin: 0px 200px 0px 0px;
		padding: 0px;
		color: #009e58;
	}
	#content ul.historique li,
	#content ul li.historique,
	#content ol.historique li,
	#content ol li.historique{
		border-bottom: 1px solid #bacee2;
		padding: 10px 26px 10px 36px;
		background: url(/images/bullets.gif) -786px 17px no-repeat;
		text-align: left;
		list-style: none;
		margin: 0px;
	}
	#content ol.historique li,
	#content ol li.historique{color: #009e58;}
	#content ul.historique li strong,
	#content ul.historique li b,
	#content ul li.historique strong,
	#content ul li.historique b,
	#content ol.historique li strong,
	#content ol.historique li b,
	#content ol li.historique strong,
	#content ol li.historique b{
		font: bold 18px Georgia, "Times New Roman", Times, serif;
		color: #009e58;
	}
#content #dl ul{padding-top: 40px;}
#content #dl ul li{
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(/images/bullets.gif) 10px 9px no-repeat;
	font-size: 14px;
}
	
#content ol li{
	color: #1d6fbb;
	padding-bottom: 12px;
	padding-right: 200px;
}
/*#content table.contact,
#content table.contact td,
#content table.contact th{
	border-collapse: collapse;
	border: 1px solid #000000;
}*/
#content table.contact h2{padding-top: 0px;}
#content table.contact h3{
	padding-top: 10px;
	color: #009e58;
}
#content table.contact p{text-align: left;}
#content table.contact td h3{
	padding-bottom: 0px;
}
#content table.contact th{
	padding: 15px;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	width: 230px;
}
#content table.contact th a{font-weight: normal;}
#content table.contact em,
#content table.contact i,
#content table.contact th em,
#content table.contact th i{
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

#content table.tableau-a-colonnes td,
#content table.tableau-a-colonnes td p,
#content table.tableau-a-colonnes th,
#content table.tableau-a-colonnes th p{
	font-weight: normal;
	text-align: left;
}
#content table.tableau-a-colonnes td{font-size: 10px; line-height: 16px;}

#content table.docs{margin-top: 25px;}
#content table.docs td a{
	color: #00539f;
	font-size: 11px;
}
#content table.rep td a,
#content table.rep td em,
#content table.rep td span{display: block;}
#content table.docs td p{
	text-align: left;
	padding: 8px 0px 0px 0px;
}
#content table.docs td a:hover{color: #dd6000;}
#content table.docs th{
	background: #d4d0c8;
	color: #000000;
	border: 1px solid #ededed;
	border-bottom-color: #808080;
	border-right-color: #808080;
	padding: 5px 8px;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	vertical-align: top;
}
#content table.docs td{
	color: #666666;
	background: #FFFFFF;
	padding: 0px 8px 8px 8px;
	vertical-align: top;
	font-size: 10px;
	line-height: 15px;
}
#content table.rep td{
	padding: 8px;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
#content table.legend td,
div.member div.status{
	padding: 6px 8px 8px 35px;
	background: #FFFFFF url(/images/bg-certifs.gif) 0px 4px no-repeat;
	vertical-align: middle;
	border-bottom: 1px solid #ededed;
}
div.member div.status{
	float: right;
	margin-top: 20px;
	border: none;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 34px;
	color: #555555;
	font-weight: bold;
}
#content table.legend td.s1,
div.member div.s1{background-position: -1000px 4px;}
#content table.legend td.s2,
div.member div.s2{background-position: -500px 4px;}
#content table.legend td.s4,
div.member div.s4{background-position: -1500px 4px;}
#content table.rep td span{
	padding-top: 5px;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
}
#content table.rep td em a{font-style: normal;}
#content table.rep td em{padding-right: 35px;}
#content table.docs tr.row1 td{background: #F5F5F5;}

#content table.rep td.status{background: #FFFFFF url(/images/bg-certifs.gif) 203px 4px no-repeat;}
#content table.rep td.s1{background-position: -797px 4px;}
#content table.rep td.s2{background-position: -297px 4px;}
#content table.rep td.s4{background-position: -1297px 4px;}

#content table h6 em, #content table h6 i{
	display: block;
	font-size: 18px;
	font-variant: normal;
	font-style: normal;
	color: #1369b8;
}

#content ul.links img{
	border: 1px solid #00539f;
	background: #FFFFFF;
	padding: 10px;
	float: right;
	margin: 8px 0px 30px 30px;
}

a.quebecvrai{
	margin: 76px 0px 0px 60px;
	padding: 0px;
	width: 142px;
	height: 142px;
	float: left;
	display: inline;
}
div.langue{
	float: right;
	margin-top: 184px;
	display: inline;
}

div.left, div.right{
	float: left;
	display: inline;
}
#page div.left{width: 189px;}
#page div.right{width: 797px;}

#navigation{background: url(/images/bg_menu.gif) 0px 0px repeat-y;}
#navigation ul, #navigation ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: 12px/16px Georgia, "Times New Roman", Times, serif;
	color: #e57200;
}
#navigation ul{background: url(/images/bg_menu_top.jpg) 0px 0px no-repeat;}

#navigation ul,
#navigation ul li,
#navigation ul li a{
	float: left;
	display: inline;
	clear: left;
	width: 189px;
}
#navigation ul li{
	width: 171px;
	margin-left: 18px;
	background: url(/images/menu-bottom.png) -18px bottom no-repeat;
	padding-bottom: 2px;
}
#navigation ul li a{
	color: #e57200;
	text-decoration: none;
	width: 118px;
	padding: 9px 20px 9px 33px;
	background: url(/images/bg_menu_bullet.gif) 18px 13px no-repeat;
}
#navigation ul li a:hover,
#navigation ul li a.selected,
#navigation ul li a.selected:hover{
	color: #017843;
	text-decoration: none;
	font-size: 14px;
	background-position: -182px 13px;
}
#navigation ul li a.selected,
#navigation ul li a.selected:hover{
	cursor: default;
}
#navigation ul li.last{
	background: none;
	padding: 0px;
}

#footer ul, #footer ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	display: inline;
}
#footer ul li a{
	color: #003362;
	padding: 0px 5px;
}
#footer p{
	padding: 10px;
	font-size: 10px;
}

#footer a{
	color: #00539f;
	text-decoration: underline;
}
#footer a:hover{
	color: #003362;
	text-decoration: none;
}
#footer div.left{
	width: 792px;
	text-align: center;
	padding-top: 25px;
}
#footer div.right{width: 194px;}

#footer a.haut{
	float: left;
	display: inline;
	width: 178px;
	height: 42px;
	margin: 9px 8px 0px 8px;
	text-align: center;
	background: url(/images/bg_haut.gif) 0px 0px no-repeat;
	text-decoration: none;
	color: #a75609;
	font: 12px/26px Georgia, "Times New Roman", Times, serif;
}
#footer a.haut:hover{
	background-position: 0px -42px;
	color: #017843;
	font-size: 14px;
}
#footer a.haut:hover span{
	background: url(/images/bg_menu_bullet.gif) -200px 4px no-repeat;
	padding-left: 14px;
}

#content #teasers{width: 749px;}
	#content #teasers div.left{width: 378px;}
	#content #teasers div.right{width: 371px;}
	
	#content #teasers div.news{background: url(/images/bg_news.gif) 0px 0px no-repeat;}
	#content #teasers div.news div.bottom{
		background: url(/images/bg_news_bottom.jpg) 0px bottom no-repeat;
		padding-bottom: 150px;
	}
	#content #teasers div.news h2{
		margin: 0px;
		padding: 15px 20px 20px 22px;
		background: url(/images/bg_news_top.gif) 0px 0px no-repeat;
	}
	
	#content #teasers div.news a{color: #dd6000;}
	#content #teasers div.news a:hover{color: #017843; text-decoration: none;}
	
	#news.news div.newslist{
		float: left;
		width: 325px;
		margin-top: 20px;
	}
	#news.news div.sep{
		display: inline;
		margin-right: 12px;
		padding-right: 12px;
		border-right: 1px solid #ececec; 
	}
	
	#content #teasers div.news ul,
	#content #teasers div.news ul li,
	#news.news ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: none;
		font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	}
	#content #teasers div.news ul li a,
	#news.news ul li a{
		display: block;
		width: 329px;
		margin: 10px 10px 0px 12px;
		padding: 10px;
		color: #205baa;
		text-decoration: none;
		background: url(/images/bg_news_bg.gif) 0px bottom no-repeat;
	}
	#news.news ul li a{
		width: auto;
		width: 305px;
		margin: 10px 0px 0px 0px;
		background: url(/images/bg_news_bg.gif) right bottom no-repeat;
	}
	#content #teasers div.news ul li a strong,
	#news.news ul li a strong{
		color: #dd6000;
		text-align: left;
		display: block;
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		padding-bottom: 5px;
	}
	#content #teasers div.news ul li a small,
	#news.news ul li a small{
		display: block;
		text-align: right;
		color: #dd6000;
		text-transform: uppercase;
		margin-left: 250px;
		padding: 5px 10px 0px 0px;
		background: #FFFFFF;
	}
	#news.news ul li a small{
		margin-left: 226px;
	}
	#content #teasers div.news ul li a:hover,
	#news.news ul li a:hover{
		color: #009e58;
		background: url(/images/bg_news_o.gif) 0px bottom no-repeat;
	}
	#news.news ul li a:hover{background: url(/images/bg_news_o.gif) right bottom no-repeat;}
	#content #teasers div.news ul li a:hover strong,
	#news.news ul li a:hover strong{color: #017843;}
	#content #teasers div.news ul li a:hover small,
	#news.news ul li a:hover small{
		color: #017843;
		background: url(/images/bg_news_o.gif) -250px top no-repeat;
	}
/* NOUVELLES */
#content div.news h2{padding-top: 20px;}
#content div.news h3{padding-top: 10px; padding-bottom: 30px;}

#news.news{
	background: #FFFFFF;
	border: 2px solid #d9d9d9;
	padding: 10px 20px 30px 20px;
}
#news.news ul,
#news.news ul li{
	margin: 0px;
	padding: 0px;
	 list-style: none;
	 background: none;
}
#news.news ul li.date{
	padding: 20px 10px 0px 10px;
	color: #00488a;
	font: 16px/20px Georgia, "Times New Roman", Times, serif; 
}
#news.news ul li a{
	color: #205baa;
}

div.more{
	text-align: right;
	padding: 10px 30px 5px 20px;
}
div.more a,
div.more a:hover{
	text-decoration: none;
}

#avoir{
	margin-left: 18px;
	padding-top: 15px;
	padding-bottom: 110px;
	text-align: center;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#avoir div{padding-bottom: 25px;}

div.pager{
	padding-top: 30px;
}
div.pager span, div.pager a{
	float: left;
	display: inline;
	margin: 0px 3px 0px 0px;
	padding: 1px 5px;
	border: 1px solid #ededed;
	background: #FFFFFF;
	color: #999999;
}
div.pager a{
	border-color: #a5c1de;
	color: #00539f;
	text-decoration: none;
	background: #f6f8fc;
}
div.pager a:hover{
	border-color: #002e59;
	background: #00539f;
	color: #FFFFFF;
}
div.results{
	float: left;
	padding: 1px 5px 1px 20px;
}
div.member{
	background: #FFFFFF;
	border: 1px solid #a5c1de;
	padding: 10px 30px;
	width: 657px;
	color: #555555;
}
	div.member div.infos{
		float: left;
		width: 330px;
	}
	div.member div.address{
		float: right;
		width: 270px;
	}
div.member h3{
	padding-top: 20px;
	font-size: 30px;
	line-height: 34px;
	padding-bottom: 0px;
}
div.member h4{
	padding-top: 0px;
	padding-bottom: 20px;
	color: #3b7ab6;
}
div.member h5{
	margin-top: -20px;
	padding-top: 0px;
	padding-bottom: 20px;
	font-size: 14px;
}
div.member h5 a,
div.member span.fichier{
	padding-left: 20px;
	background-position: 0px 1px;
	background-repeat: no-repeat;
}
div.member h5 a{color: #008248;}
div.member span.fichier{
	display: block;
	margin-top: 1px;
	background-position: 0px 2px;
}
#content div.member p{text-align: left;}
