/* CSS RESET éà */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
#body-container, #header, #columns, #left_column, #right_column, #avis-legal, #footer_text, #footer_img img, #footer_slogan{float:left;}

/* #####################
		TEMPLATE
   #####################*/


body{background:#fff;  background-image: url(images/bck.jpg); background-repeat: repeat-x;}
#body-container{width:100%;}
#container{width:946px; margin:auto;}

#header{width:100%; height:75px; text-align: center;}
#logo{float: left; width: 100%}
#site_infos{float: left; width: 100%; margin-top: 10px;}
#site{float: left; width: 100%}
#infos{float: left; width: 100%; height:173px; background-image: url(images/white_bck.jpg); background-repeat: no-repeat; margin-top: -5px;}
#columns, #avis-legal {width:100%;}
#left_text{float: left; width: 100%; margin-top: 15px; background-color: #f1f1f1; padding-bottom: 25px;}
#com_quebec{float: left; width: 100%; margin-top: 15px;}
#com{float: left; width: 100px; margin-left: 15px;}
#quebec{float: left; width: 134px; margin-left: 20px; margin-top: 40px;}
#left_column{width:301px;}
#rss1{float: left; width: 100%; margin-top: 15px;}
#right_column{width:615px; margin-left: 30px;}
#residences{float: left; width: 100%; margin-top: 52px;}
#rss{float: left;}
#rss_head{float: left; width: 100%; margin-top: 20px;}
#rss_head img{float: left; width: 19px; height: 20px; margin-left: 30px; padding-right: 15px;}
#estimation_lien{float: left; width: 100%; height: 56px; margin-top: 25px; background-image: url(images/bck2.jpg); background-repeat: repeat-x;}
#generation{float: left; width: 186px; margin-left: 40px; margin-top: 10px;}
#social{float: right; width: 95px; margin-top: 34px;}
#social a{float: left; width: 25px; height: 22px; margin-right: 5px;}
#right_text{float: left; width: 420px;}
#puces{float: left; width: 195px; background-color: #f1f1f1; margin-top: 15px; padding-bottom: 20px;}
#articles{float: left; width: 100%; margin-top: 30px;}

a.estimation{float: left; width: 211px; height: 56px; margin-left: 25px;}
li.liste{display : list-item; list-style-image : url(images/puce.jpg); margin-left: 30px; font-family: Arial; font-size: 16px; color:#000; margin-bottom: 10px;}

.article{float: left; width: 307px;}
.chunk p{float: left; margin-left: 20px; margin-right: 20px; margin-top: 20px; font-family: Arial; font-size: 12px; color:#6d6d6d; font-weight: normal; line-height: 15px;}
.chunk a{color:#000;  text-decoration: none;}
.img1{float: left; margin-right: 10px;}
.img2{float: right;}

h1.index{margin-top: 20px; font-family: Arial; font-size: 35px; color:#000; font-weight: bold; font-style: none;}
h2.index{float: left; margin-top: 20px; font-family: Arial; font-size: 20px; color:#000; font-weight: bold; font-style: italic; margin-right: 30px;}
h3.index{float: left; margin-top: 20px; font-family: Arial; font-size: 17px; color:#000; font-weight: bold; font-style: italic; margin-right: 30px;}
h4.index{float: left; margin-top: 10px; font-family: Arial; font-size: 17px; color:#000; font-weight: bold; font-style: italic; margin-right: 10px;}

p.cles{float: left; margin: 15px 10px 10px 15px; font-family: Arial; font-size: 12px; color:#000; line-height: 17px;}
p.right{float: left; margin: 18px 30px 0px 0px; font-family: Arial; font-size: 15px; color:#000; line-height: 20px;}
p.art{float: left; margin: 10px 20px 0px 0px; font-family: Arial; font-size: 15px; color:#000; line-height: 18px}


a.arti{float: left; margin: 15px 10px 0px 0px; font-family: Arial; font-size: 15px; color:#000; line-height: 19px;}


span.lieu{display: block; margin-top: 20px; margin-left: 25px; font-family: Arial; font-size: 21px; color:#000; font-weight: bold; font-style: italic;}
span.tel{display: block; margin-top: 20px; margin-left: 25px; font-family: Arial; font-size: 15px; color:#000; font-weight: bold; font-style: italic; text-transform: uppercase}
span.tel_number{display: block; margin-top: 0px; margin-left: 25px; font-family: Arial; font-size: 34px; color:#0058aa; font-weight: bold; font-style: italic;}
span.fax{display: block; margin-top: 20px; margin-left: 25px; font-family: Arial; font-size: 15px; color:#000; font-weight: bold; font-style: italic;}
span.licence{display: block; margin-top: 5px; margin-left: 5px; font-family: Arial; font-size: 12px; color:#000; font-weight: bold; text-transform: uppercase}
span.generation{display: block; font-family: Arial; font-size: 17px; color:#a9a4a4; font-weight: normal; line-height: 20px;}
span.liste{display: block; font-family: Arial; font-size: 20px; color:#000; font-weight: bold; font-style: italic; margin: 15px 20px 20px 20px;}
span.news{display: block; font-family: Arial; font-size: 17px; color:#000; font-weight: bold; font-style: italic; margin-top: 5px;}

#legal, #legal p{float: left; margin-top: 10px;}
#legal h2, #legal h3{width: 100%; margin-top: 15px;}
#legal p{font-size: 15px; line-height: 17px;}
#footer_box{width:100%; float:left; background:#1c1c1c; padding:0 0px 35px 0px; margin:10px 0 0 0}
#footer{margin:auto; width: 880px; text-align: center; padding: 10px 20px 10px 60px; color: #fff; font-size: 12px}
#footer_text{text-align: left; width: 650px; line-height: 22px; margin: 10px 0 0 0}
#footer_text a{color: #fff}
#footer_img{float: right; width: 170px;}
#footer_img img{margin: 0 12px 0 0;}
#footer_slogan{width: 170px; text-align: left; margin: 6px 0 0 0; font-size: 11px}
#footer_slogan a{color: #ddd; text-decoration: none}