/* CSS STYLE RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, 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:'Archivo Narrow', Arial, Helvetica, sans-serif; font-weight:;
}
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, #avis-header, #avis-legal, #footer_box, #footer_text, #footer_img img, #footer_slogan{float:left;}
#right_column{float:right}

/* #####################
		TEMPLATE
   #####################*/


body{background: #fff url(images/bck.jpg) no-repeat top center ;}
#body-container{width:100%;}
#container{max-width:1140px; margin:auto;}

header{width:320px; margin-top: 10px;}
#infos_client{float: left; width: 275px; background-color: #191416; padding: 10px 20px 30px 25px;}
h1{font-size: 35px; color: #fefefe; font-weight: 700; text-transform: uppercase; line-height: 42px; width: 505px; padding: 20px 0 25px 30px; background: url(images/shadow.png) no-repeat; text-shadow: 2px 1px #6b6868;}
p.adr{font-size: 21px; color: #fff; margin-bottom: 20px; line-height: 26px;}
a.map{font-size:px; color:#; margin-bottom:px;}
p.tel{font-size: 50px; color: #fff; margin-bottom: 20px; font-weight: 700;}
a.courriel{font-size: 16px; color: #000; font-weight: 700; padding: 9px 20px; text-decoration: none; text-transform: uppercase; background-color: #ffe003; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#map{float: left; width: 320px; background: #fff url(images/exca.png) no-repeat left bottom;}
#map iframe{position: relative; z-index: 1;}
#map img{position: relative; z-index: 2; margin-top: 0px;}
#cles{float: right; width: 245px; padding: 20px 10px 25px 20px; background-image: url(images/yellow.png); margin: 30px 0 100px 0;}
#cles p{font-size: 15px; color: #191416; margin-bottom: 20px; line-height: 20px;}
#columns {width:1140px;}

#left_column{width: 320px;}


#right_column{width:820px;}
img.imgP{float: left; margin-left: -30px;}
#addthis{float: right; width: 45%; margin-bottom: 20px; margin-top: 20px;}
#right_column h2{font-size: 35px; color: #000; font-weight: 700; line-height: 42px; margin-bottom: 20px; text-transform:uppercase;}
#right_column p{font-size: 15px; line-height: 22px; font-weight: 400; margin-bottom: 20px; color: #000; margin-right: 50px;}
#right_column h3{font-size: 16px; color: #000; font-weight: 700; line-height: 20px; margin-bottom: 20px; text-transform:uppercase;}
#services{float: right; width: 254px; background-color: #080d1b; padding: 20px 15px 20px 20px; margin-top: -65px;}
#services a{float: left; margin-top: 15px; width: 249px; height: 109px; background-image: url(images/call.png);}
#services h3{font-size: 25px; color: #ededed; font-weight: 700; text-transform:uppercase; }
#services ul{width: 100%; margin-left:25px; margin-top: 10px;}
#services ul li{margin-bottom:10px; font-size: 20px; color: #c1c1c1; list-style:url(images/puce.png);}
#services ul li ul li{list-style:url(images/puce1.jpg);}
#content{float: left; width: 790px; padding-left: 30px; background-color: #fff; padding-left: 30px;}
#articles_rss{float: left; width: 1100px; margin-top: 0px; background: #050811; padding:20px;}

#le-slider{height: 348px; float: left; width: 531px; margin-left: -30px;}

article{width: 335px; float:left; margin-right:65px;}
article h4{margin-bottom: 7px;}
article h4 a{font-size: 15px; color: #2e61f7; text-transform:uppercase;}
article h4 a:hover{background-color: #cbd6f8;}
article p{font-size: 14px; line-height: 21px; color: #fff;}
article p a{color: #fff; font-size: 14px;}
article p a:hover{background-color:#cbd6f8;}


#nouvelles-rss{float: left; width:295px;}
#nouvelles-rss h4{font-size: 15px; color: #2e61f7; text-transform:uppercase; padding: 10px 0 0 32px; background: url(images/rss.png) no-repeat;}
.chunk{float: left; width: 100%; margin-top: 20px;}
.chunk p{font-size: 14px; color: #fff; margin-bottom:0px;}
.chunk a{color: #fff; font-size: 14px; text-decoration:none;}

#infinite-adsense{width:100%; float:left;}
#adsense{width:970px; margin:15px auto; text-align: center;}

#avis-legal{width:1140px; padding:20px; background:#fff; line-height:18px; font-size:12px;}
#avis-header{width:1140px; padding:20px; background:#fff; text-align:center; font-size:25px; font-weight:bold; margin:20px 0;}

#footer_box{width:100%; background:#000; padding:0 0px 35px 0px; margin:30px 0 0 0}
footer{margin:auto; width: 1160px; text-align: center; padding: 10px 20px 10px 60px; color: #fff; font-size: 12px}
#footer_text{text-align: left; width: 940px; line-height: 22px; margin: 10px 0 0 0; float:left; color:#fff; font-size: 12px; font-family: arial;}
#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; font-size:10px;}