/* CSS 
	Name : style.css
  Author : sigo
 Version : 1
    Site : bbqwc
*/

/*---------------------------------->
			reset 
-----------------------------------*/
*{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

.cleaner {clear: both;}

/*---------------------------------->
			container 
-----------------------------------*/
body {background-color:#f4f0e8; width:100%; background-image: url(../images/banner_bg.jpg); background-repeat: repeat-x; background-position: top; height:auto; height:auto; font-family: Georgia;}

#container {width:950px; height:auto; position:relative; margin:auto;}


/*---------------------------------->
			banner 
-----------------------------------*/
#banner {width:950px; height:150px;}
#logo {width:246px; height:102px; background-image:url(../images/bbqwc_logo.png); display:block; background-repeat:no-repeat; float: left; margin-top: 13px;}
#baseline {width:auto; float:left;padding-top: 60px; margin-left: 10px; font-size: 1.5em; }
#food {width:260px; height:116px; background-image:url(../images/banner_food.png); display:block; background-repeat:no-repeat; float: right;}


/*---------------------------------->
			menu 
-----------------------------------*/
#menu {width:950px; overflow: hidden;}
#menu ul li {width:135px; height:47px; text-align: center; line-height: 47px; font-size: 1em; color:#fff; float: left;}
#menu ul li a {display: block; width:135px; height:47px; color: #fff; text-decoration: none; font-size: 1.5em; line-height: 47px; padding-top: 13px;}
#menu ul li:hover, #menu ul li.active {background-image: url(../images/menu_hover.jpg); background-repeat: no-repeat; background-position: center center;} 


/*---------------------------------->
			main_container 
-----------------------------------*/
#main_container {background-color: #fff; width:950px; height:auto;}


/*---------------------------------->
			left_container 
-----------------------------------*/
#left_container {width:635px; height:auto; float:left; padding:20px 5px 10px 20px;}


/* Contenu de page */
#page_content h1 {color:#7f3e00; font-size: 1.5em; margin-bottom: 5px;}
#page_content h2 {color:#9f1600; font-size: 1.2em; margin-bottom: 5px; margin-top: 20px; border-bottom: 1px dotted #ccc; font-weight: bold; padding-bottom: 4px; width: 100%;}
#page_content h3 {font-weight: bold; font-size: 1em; margin-bottom: 5px; margin-top: 15px;}
#page_content p {font-size: 0.9em; line-height: 1.4em; padding-top:8px; text-align: justify;}
#page_content img.img_content {border:5px solid #ada5a5; }
#page_content img.alignleft {float:left; margin:10px 10px 10px 0;}
#page_content ul {margin-top: 10px; margin-bottom: 10px;}
#page_content ul li {padding-left: 10px; font-size: 0.8em;list-style-type: circle; list-style-position: inside;}
#page_content a {color:#7f3e00;}
#page_content a:hover {}
#page_content strong {font-weight: bold;}

#page_content .article {margin-bottom: 15px;}
#page_content .article h2 {color:#575850; font-size: 1.2em; margin-bottom: 5px; margin-left: 10px; float: left; width:516px; font-weight: normal; border: none; margin-top: 0px;}
#page_content .article p {font-size: 0.9em; line-height: 1.3em; text-align: justify;}
#page_content .article a {color:#7f3e00; font-size: 0.8em; }
#page_content .article a.link {color:#7f3e00; font-size: 0.8em; margin-top: 5px; float: right; display: block;}
#page_content .article a:hover {text-decoration: underline;}


/* articles */
#last_articles {margin-top: 20px;}
#last_articles h2 {color:#575850; font-size: 1.2em; margin-bottom: 5px; margin-left: 10px; float: left; width:516px;}
#last_articles p {font-size: 0.8em; line-height: 1.3em; text-align: justify;}
#last_articles a {color:#7f3e00; font-size: 0.8em; margin-top: 5px; float: right; display: block;}
#last_articles a:hover {text-decoration: underline;}


.article .date {font-size: 1.3em; text-align: center; float: left; padding-right: 15px; border-right:4px solid #7f3e00; color: #7f3e00; }

/* Formulaire de contact */
.input {height:20px; padding: 3px; border: 1px solid #ddd;}
p label {width:150px; display: block; float: left; line-height: 20px; font-weight: bold;}
select {height: 28px; line-height: 28px; vertical-align: middle; border: 1px solid #ddd; padding: 3px; width:292px;}
textarea {border: 1px solid #ddd; font-family: Arial; width:477px; font-size: 1em; font-weight: normal; padding: 3px;}
.input_captcha {height:20px; padding: 3px; border: 1px solid #ddd; width:100px; float: left; margin-right: 10px;}
.submit {width: 75px; height: 22px;  line-height: 22px; background-color: #ddd; font-family: Georgia; float: right; border: 1px solid #ddd;}
.input_fileÊ{height:20px; padding: 3px; border: 1px solid #ddd;}

/*---------------------------------->
			right_container 
-----------------------------------*/
#right_container {width:270px; float:left; margin-left: 10px;}

/* Facebook */

#facebook { margin-top: 15px;padding-left: 50px;}

/* titres */
#mdl_news, #mdl_files, #mdl_photos {width:260px; color:#7f3e00; margin-top: 10px; margin-bottom: 25px;}

.mdl_title {width:270px; height:35px; background-repeat: no-repeat; font-size: 1.5em; padding-left: 60px; padding-top: 15px;}

#mdl_news .mdl_title {background-image: url(../images/actu_title_bg.jpg); }

#mdl_files .mdl_title {background-image: url(../images/files_title_bg.jpg); }

#mdl_photos .mdl_title {background-image: url(../images/gallery_title_bg.jpg); }

/* contenus actualite */
.mdl_content {width:210px; margin-left:auto;}
.mdl_content dl {margin-top: 5px; border-bottom: 1px dotted #575850; padding-bottom: 5px;}
.mdl_content dl dt a {color:#7f3e00; text-decoration: none; float: none;}
.mdl_content dl dt a:hover {text-decoration: underline;}
.mdl_content dl dd {font-size: 0.8em; color:#000;}
.mdl_content a {color:#7f3e00; float: right; margin-top: 5px; font-size:0.8em; }
.mdl_content li {list-style-type: none;}
.ngg-widget {width:143px; margin:auto;}

/* contenus fichiers */
#mdl_files .mdl_content ul li {width:; height:20px; padding-left: 25px; line-height: 13px; background-image: url(../images/iconepdf.png); background-repeat: no-repeat; background-position: left center; margin-bottom: 5px;}
#mdl_files .mdl_content ul li a {float:left;}


/* contenus photos */
#mdl_photos .mdl_content {width: 255px; padding: 10px 0 0 0; margin-left: 15px; height:130px;}
#mdl_photos .mdl_content a#gallery_link {text-align:center; text-decoration: underline; color:#7f3e00; margin-top: 10px; display: block; width: 100%;}


#mdl_photos #arrow_left {display:block; width:42px; height:87px; background-image: url(../images/arrow_gallery_left.jpg); background-repeat: no-repeat; margin-top: 13px;}
#mdl_photos #arrow_right {display:block; width:42px; height:87px; background-image: url(../images/arrow_gallery_right.jpg); background-repeat: no-repeat; margin-top: 13px;}
#mdl_photos .mdl_content img.pictr {border:5px solid #ada5a5; margin:0 10px 0 10px;}
#arrow_left, #arrow_right, .mdl_content img.pictr {float:left;}

/*---------------------------------->
			footer 
-----------------------------------*/
#footer {width:930px; height:53px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; color: #fff; line-height: 55px; padding: 10px;}
#footer_content {width:600px; float: left; padding-top: 22px;}
#footer #links {float: right;}
#footer #links a {color:#fff; line-height: 55px; text-decoration: none; padding-top: 15px;}