/* 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:lora, 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, #avis-header, #avis-legal, #footer_box, #footer_text, #footer_img img, #footer_slogan{float:left;}
#right_column{float:right}

/* #####################
		TEMPLATE
   #####################*/


body{background:#000; }
#body-container{width:100%;}
#container{width:1140px; margin:auto;}
.container{width:1140px; margin: 0 auto;}

header{width:100%; background: url(images/header_bck.png) repeat-x; position: relative; z-index: 3;}
header img{float: left; margin-right: 20px; margin-left: 50px;}
h1{float: left; width: 670px; margin-top: 30px; font-size: 28px; color: #fff; text-transform: uppercase; line-height: 40px; text-shadow: 3px 0px 1px #252323;}

#columns {width:100%; margin-top: -27px; background: url(images/column_bck.jpg); padding-top: 40px;  position: relative; z-index: 2;} 
#left_column{width:758px;}
#leftTop{float: left; width: 758px; height: 31px; background-image: url(images/leftTop.png);}
#leftContent{float: left; width: 736px; background-color: #e5e5d9; padding: 0 11px 15px 11px;}
#topTen{float: left; width: 700px; padding: 3px 18px 10px 18px; background-color: #fff;}
.unResto{float: left; width: 100%; border-bottom: dotted 1px #a7a7a0; margin-bottom: 20px; padding-bottom: 5px;}
.platImg{float: left; width: 173px; height: 186px; background: url(images/img_shadow.png) no-repeat bottom; margin-right: 20px;}
.infosResto{float: left; width: 507px;}
.infoLeft{float: left; width: 284px;}
.infoRight{float: right; width: 200px; margin-top: 50px;}
p.restoName {font-family: 'merienda one'; font-size: 28px; color: #530806; margin-bottom: 4px;}
p.restoName span{font-family: lora; font-size: 22px; color: #464646; font-weight: 700; margin-left: 9px;}
span.spec{font-family: lora; font-size: 16px; color: #464646;}
p.adr{float: left; width: 100%; margin-top: 15px; font-family: lora; font-size: 16px; color: #464646; line-height: 21px; margin-bottom: 10px;}
img.etoile{display: block; width: 102px; margin-top: 8px;}
a.lienMap{display: block; font-family: lora; font-size: 12px; color: #530806;}
a.social{float: left; width: 27px; height: 27px; margin-right: 7px; margin-bottom: 13px;}
a.facebook{background-image: url(images/facebook.png);}
a.twitter{background-image: url(images/twitter.png);}
.infoRight p, .infoRight a.site, .infoRight a.mail{float: left; width: 100%; margin-bottom: 10px; padding-left: 20px; font-size: 16px; color: #464646;}
a.mail{cursor: pointer;}
.infoRight p.tel{font-weight: bold; background: url(images/tel.png) no-repeat;}
.infoRight a.mail{background: url(images/mail.png) no-repeat center left;}
.infoRight a.site{background: url(images/site.png) no-repeat;}
#right_column{width:370px;}
#map{float: left; width: 370px; height: 407px;}
#addthis{float: left; width: 98%; padding-left:2%;background:#fff}

.addroite{width: 370px; height: 275px; margin-top:15px; float:left; }

a.evaluer{float: left; width: 693px; height: 100px; margin-bottom: 10px; background-image: url(images/evaluation.jpg);}
#textBox{float: left; width: 330px; padding: 20px; border: solid 2px #292929; background-color: #000;}
#textBox p{font-family: Lora; margin-bottom: 15px; font-size: 13px; color: #fefefe; line-height: 18px;}
#textBox p strong{font-family: Lora;}
#textBox h2{font-size: 18px; color: #7a1714; font-weight: 700; line-height: 22px; margin-bottom: 10px; text-transform:uppercase;}
#services ul{width: 100%; margin-left:25px;}
#services ul li{margin-bottom:15px; font-size:px; color:#; list-style:url(images/puce.png);}
a.leftEval{float: left; width: 370px; height: 162px; background: url(images/eval.jpg); margin: 20px 0;}
#info_box_style{float: left; height: 221px; width: 220px; padding: 0px 0px 0px 10px; margin-left: 0px; margin-bottom: 26px; /*background: url(images/infobox.png);*/ }
#info_box_style img{float: left; width: 100px; height: 100px; margin-left: 5px; margin-right: 7px;}
p.restoNameMap {float: left;  width: 70px; text-align: left; font-family: 'merienda one'; font-size: 17px; color: #530806; margin-top: 0px;}
p.mapAdress{float: left;  width: 85px; text-align: left; font-family: lora; font-size: 13px; font-weight: 700; color: #414141; margin-top: 10px;}
a.mapSite{float: left;  width: 90px; text-align: left; font-family: lora; font-size: 13px; font-weight: 700; color: #414141; margin-top: 10px;}
#articles{float: left; width: 330px; padding: 20px; border: solid 2px #292929; background-color: #fff; margin-top: 20px;}
article{width: 100%; float:left; margin-bottom: 25px;}
article h4{margin-bottom: 6px;}
article h4 a{font-family: Lora; font-size: 16px; color: #464646; text-transform:uppercase; line-height: 20px;}
article h4 a:hover{background-color: #bab5b5;}
article p{font-family: Lora; font-size: 13px; line-height: 17px; color: #464646;}
article p a{color: #464646; font-size: 13px;}
article p a:hover{background-color: #bab5b5;}


#nouvelles-rss{float: left; width:330px; padding: 20px; border: solid 2px #292929; background-color: #fff; margin-top: 20px;}
#nouvelles-rss h4{font-family: Lora; font-size: 16px; color: #464646; text-transform:uppercase; background: url(images/rss.png) no-repeat; padding-left: 22px; margin-bottom: 15px;}
.chunk{float: left; margin-top: 10px; margin-left: 22px;}
.chunk p{font-size: 13px; color: #464646;}
.chunk a{color: #464646; font-size: 13px; text-decoration:none;}


#infinite-adsense{width:100%; float:left;}
#adsense{width:728px; margin:15px auto;}

#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:10px 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}
#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;}

/*FORMULAIRE CONTACT */
#fox{width:435px; float:left; background:#d6d6d6; padding:15px;}
#fox h3{width:435px; float:left; margin-bottom:10px; font-size:18px; color:#3a3a3a;}
#fox_left{width:145px; float:left;}
#fox_left p{font-size:14px; margin-bottom:35px; color:#3a3a3a;}
#fox_right{width:280px; float:left;}
#fox_right input{width:278px; height:33px; border:1px solid #898989; background:#fff; margin-bottom:13px;}
#fox_right textarea{width:278px; height:135px; border:1px solid #898989; background:#fff; margin-bottom:15px;}
input#fox-submit{width:100px; background:#454545; padding:10px 15px; color:#fff; float:right; padding-top:8px;}
#form_errors{width:393px; padding:15px; background:#ababab; border:1px solid #4f4f4f; font-size:11px; font-weight:bold; margin:10px 0; float:left;}
#form_sent{font-size:15px; color:#000; font-weight:bold; margin-bottom:10px; border:1px solid #4f4f4f;background:#ababab; float:left; width:96%; padding:5px 0 5px 1%;}

#intact{margin-left:15px; width:366px; border:2px solid #d6d6d6; padding:15px; float:left;}
#intact h3{margin-bottom:10px; font-size:18px; color:#3a3a3a;}
#intact p{font-size:13px; line-height:21px; color:#666; font-weight:bold; margin-bottom:10px;}
