/* 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-header, #avis-legal, #footer_text, #footer_img img, #footer_slogan{float:left;}

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


body{background:#191312;}
#body-container{width:100%;}
#container{width:960px; margin:auto;}
#header_infos{float: left; width: 100%; background-image: url(images/bck2.jpg); background-repeat: repeat-x; position: relative; z-index: 2}
#header_infos_container{width: 960px; margin:auto}
#logo_titre{float: left; width: 100%;}
#logo{float: left; width: 302px; height: 114px; margin-top: 11px}
#titre{float: left; width: 650px; text-align: center}
#header{background:#b6b6b6; width:960px;}
#infos{float: left; width: 275px; margin-top: 115px}
#photo{float: left; width: 685px; }
#banniere_columns{float: left; width: 100%; margin-top: -173px; background-image: url(images/bck.png); background-repeat: no-repeat; background-position: center top; background-color: #191312; min-height: 300px; position: relative; z-index: 1; padding-top: 20px}
#banniere_container{width: 960px; margin: auto}
#bande_verte{float: left; margin-top: 10px; width: 335px; position: relative; z-index: 1; background-color: #7ea835; padding-top: 7px; padding-bottom: 5px}
#columns {width:960px; margin-top: 150px}
#left_column{width:620px; padding-right: 30px}
#right_column{width:310px; background-color: #2b231f;}
#articles_rss1{float: left; width: 100%; margin-top: 30px}
#articles{float: left; width: 695px; padding-right: 40px}
#rss1{float: left; width: 225px; margin-top: 20px}
#bottom{float: left; width: 100%; margin-top: 30px; background-color: #130e0d; padding-bottom: 30px;}
#bottom_container{width: 960px; margin:auto}
#ads{float: left; width: 100%; margin-top: 30px; text-align: center}

.article{float: left; width: 100%; margin-top: 20px; margin-bottom: 20px}
.chunk{float: left; margin-top: 20px;}
.chunk p{float: left; font-family: Arial; font-size: 12px;font-weight: 400; color: #fff; line-height: 16px;}
.chunk a{font-family: Arial; font-size: 12px;font-weight: 400; color: #8d7d7a; text-decoration: none}

#infos img{float: left; width: 50px; height: 56px; margin-right: 8px}
#infos p{font-family: bitter; font-size: 13px; font-weight: 400; color: #fff; font-style: normal; }
#infos p span{font-family: bitter; font-size: 30px; font-weight: 700; color: #fff; font-style: normal; text-transform: uppercase; padding-top: 10px}
#bande_verte span{float: left; margin-left: 20px; font-family: bitter; font-size: 13px; font-weight: 700; color: #fff; text-transform: uppercase;}
#left_column p{float: left; width: 100%; margin-top: 25px; font-family: Arial; font-size: 13px; font-weight: 400; color: #fff; line-height: 17px}
#right_column span{float: left;  margin-top: 20px; background-color: #191312; width: 264px; padding: 12px; padding-left: 20px; font-family: bitter; font-size: 21px;font-weight: 400; color: #fff;}
#right_column ul{float: left; margin-top: 10px;}
#right_column ul ul{ margin-top: 0px; width: 100%}
#right_column ul li{float: left; margin-left: 40px; width: 270px; font-family: Arial; font-size: 14px; color: #fff; font-style: normal; display : list-item; list-style-image : url(images/puce.png); margin-bottom: 15px}
#right_column ul li.none{list-style-image : none; margin-bottom: 0px}
#right_column ul ul li{margin-left: 15px; font-family: Arial; font-size: 14px; color: #fff; font-style: normal; display : list-item; list-style-image : url(images/puce1.png); margin-bottom: 15px}

.article img{float: left; width: 118px;  height: 84px; margin-right: 10px}
.article p{font-family: Arial; font-size: 13px;font-weight: 400; color: #d5c7c3; line-height: 18px;}
.article a{font-family: Arial; font-size: 13px;font-weight: 400; color: #d5c7c3; line-height: 18px;}
#rss1 img{float: left; margin-right: 10px}
#rss1 span{font-family: bitter; font-size: 15px;font-weight: 400; color: #fff;}


h1{margin-top: 20px; font-family: bitter; font-size: 28px;font-weight: 700; color: #000;}
h2{margin-top: 30px; font-family: bitter; font-size: 21px;font-weight: 700; color: #7ca730; text-transform: uppercase;}
h3{float: left; width: 100%; margin-top: 30px; font-family: bitter; font-size: 13px;font-weight: 700; color: #fff; text-transform: uppercase; line-height: 18px;}
h4{font-family: bitter; font-size: 15px;font-weight: 400; color: #fff; text-transform: uppercase; line-height: 18px;}

span.joliette{font-family: Arial; font-size: 18px; font-weight: normal; color: #fff; font-style: italic; display: block}
span.tel{font-family: bitter; font-size: 40px; font-weight: 700; color: #7ea835; font-style: normal; display: block; margin-top: 5px; margin-bottom: 15px}

img.image1{float: left; margin-left: 0px; margin-top: 70px; position: relative; z-index: 2}
img.image2{float: left; margin-left: -60px; margin-top: 40px; position: relative; z-index: 3}
img.image3{float: left; margin-left: -70px; margin-top: 20px; position: relative; z-index: 2}

a.btn1{display: block; margin-top: 60px; margin-bottom: 8px; width: 200px; padding-top: 9px; padding-bottom: 9px; text-align: center; background-color: #332b22; border: solid 1px #50433f; font-family: bitter; font-size: 13px; font-weight: 400; color: #fff; text-decoration: none}
a.btn2{display: block; margin-top: 15px; margin-bottom: 8px; width: 200px; padding-top: 9px; padding-bottom: 9px; text-align: center; background-color: #332b22; border: solid 1px #50433f; font-family: bitter; font-size: 13px; font-weight: 400; color: #fff; text-decoration: none}
a.btn3{display: block; margin-bottom: 8px; width: 280px; padding-top: 9px; padding-bottom: 9px; text-align: center; background-color: #462323; border: solid 1px #733333; font-family: bitter; font-size: 12px; font-weight: 400; color: #df9c9c; text-decoration: none}
a.btn3 span{display: block; font-family: bitter; font-size: 17px; font-weight: 700; color: #fdfafc; text-transform: uppercase; line-height: 23px}

#infinite-adsense{width:100%; float:left;}
#adsense{width:728px; margin:15px auto;}

#avis-legal{width:920px; padding:20px; background:#fff; line-height:18px; font-size:12px;}
#avis-header{width:920px; padding:20px; background:#fff; text-align:center; font-size:25px; font-weight:bold; margin:20px 0;}

#footer_box{width:100%; float:left; background:#0b0807; padding:0 0px 35px 0px; margin:0px 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; float:left;}
#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}