html,body { margin:0;padding:0;border:0; }
body { background:#4a4a4a; font-family:arial,helvetica,sans-serif; min-width: 900px; }

img { border:0; }
a { outline: 0; }
td img {display:block;}

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.hide { display:none; }
.inline { display:inline; }
.toggle { cursor:pointer; }
.relative { position:relative; }
.center {text-align: center;}
.bottomalign{padding-left:125px;}

ul.no-list {margin:0;padding:0;list-style:none;}

#container { background: #e2e2e2 url(_images/bg_y_page.gif) repeat-y 83px 25px;}

#header { background: #616161; color: #fff; height:25px; width:100%; position:relative;}
#header h3 { margin:0 0 0 85px; padding: 0 10px; background: #4a4a4a; font-size: 12px; font-weight: normal; line-height: 25px; height:25px; }
.ie6 #header h3 { margin:0 0 0 42px; padding: 0 10px; background: #4a4a4a; font-size: 12px; font-weight: normal; line-height: 25px; height:25px; }
#header h4 { margin:0; padding: 0 10px; font-size: 12px; font-weight: normal; line-height: 25px; height:25px; }
#header a { color: #d3e948; text-decoration: none; }
#header a:hover { text-decoration: underline; }


#menu_wrapper ul li ul a{ font-size:12px; font-style:italic; color:#545252!important;}
#menu_wrapper{ position:relative; padding:0px 0px 290px 0px; float:right; z-index:1000;}
#menu_wrapper .logo{ padding:0px 0px 30px 10px;}
#menu_wrapper .blogue{ padding:25px 0px 15px 0px;}
#menu_wrapper #search_wrapper{ position:relative; padding:5px 15px 0px 15px; margin:20px 0px 0px 0px; height:100px; width:200px; color: #999; text-transform: uppercase; font-size: 11px; }
#menu_wrapper #search_wrapper *{margin:3px 0px;}
#menu_wrapper a.{color: #231f20!important;}

#menu { position: relative;}
#menu li { padding: 2px 0 2px 14px; background: transparent url(_images/arrow_menu.gif) no-repeat 0 9px; list-style:none;}
#menu li li { padding: 2px 0 2px 14px; background: transparent url(_images/arrow_submenu.gif) no-repeat 0 9px; list-style:none; margin:0px;}
#menu li ul { padding:0px; margin-left:20px;}
#menu a { color: #231f20!important; text-decoration: none; }
#menu a:hover { color: #231f20; text-decoration:underline; }


#content { padding:40px 0; background: transparent url(_images/bg_left_page.gif) no-repeat top left; z-index:2; width: 955px; position:relative;  min-height:740px;}
#content a {color: #dd672b; text-decoration: none;}
#content a:hover { text-decoration: underline; }

#wrapper_post{ position:relative; float:left; width:560px;}

.post { position:relative; margin-left: 85px; margin-bottom: 60px; padding-left: 40px; width: 560px; }
.post .date { position: absolute; top:20px; left:-85px; background: #e1875a; color: #fff; text-align:center; width: 85px; line-height: 25px; height: 25px;}
.post .meta { color: #999; text-transform: uppercase; font-size: 11px; }
.post .comments { display: inline-block; margin-left: 15px; padding-right: 35px; background: transparent url(_images/icon_comments.gif) no-repeat 110px 2px; }
.post .title,
.post .title a { margin-top:0; font-size: 34px; color: #dd672b; font-weight: normal; line-height: 1.1em; text-decoration: none; }
.post .body p { font-size: 12px; line-height: 1.4em; }
.post .share { margin-top: 30px; padding: 3px 0; border-top: 1px solid #dadada; color: #434343; text-transform: uppercase; font-size: 10px; text-align: right; }
.post .share a { color: #434343; text-decoration: none; }
.post .share .toggle { top: 1px; padding: 4px 10px 3px 3px; background: transparent url(_images/arrow_down_social.gif) no-repeat right 6px; border: 1px solid #fff; border-top:0; }
.post .share .toggle.on { border-color: #dadada; }
.post .share .social { position: absolute; top: 18px; right:-1px; padding: 5px 0 3px; background: #efefef; border: 1px solid #dadada; width: 100%; text-align: center; }
.post .share .social img { padding-left: 10px; }
.post .share .social .first img { padding-left: 0; }

.pagetitle{ padding-left:125px; margin-top:0; font-size: 34px; color: #dd672b; font-weight: normal; line-height: 1.1em; text-decoration: none; }

#other-posts { margin-left: 85px; padding-left: 40px; width: 560px; }
#other-posts .title { margin-top: 0; margin-bottom:.4em; font-size: 28px; color: #007ac3; font-weight: normal; line-height: 1.1em; }
#other-posts .recentdate { position: relative; top:-3px; padding:2px 5px; background: #1987c9; color: #fff; font-size: 11px; margin-right:10px;}
#other-posts li { padding: 5px 0; }
#other-posts a { font-size: 17px; color: #dd672b; text-decoration: none; }

#footer { padding-top: 50px; background: #4a4a4a url(_images/bg_top_footer.jpg) no-repeat 83px 0; position:relative; }
#footer a,
#footer span.colored { color: #f5c01e; }

#footer .box { position: relative; width: 160px; color: #fff; margin-right: 25px; }
#footer .box a { color: #e17d4b; text-decoration: none; }
#footer .box h2 { margin-bottom: .5em; font-size: 20px; font-weight: normal; line-height: 1.1em; }
#footer .box li { padding:3px 0; border-bottom: 1px solid #5c5c5c; font-size: 13px; }
#footer .box li:last-child { border-bottom: 0; }
#footer .box.first { margin-left:85px; }
.ie6 #footer .box.first { margin-left:42px; }
#footer .box.last { width: 230px; margin-right: 0; }
#footer .box.pop { width: 250px; }
#footer .box a.help { position: relative; top: -5px; color: #F5C01E; text-decoration: underline; font-size: .83em; }

#footer .rss,
#footer .social { display: inline-block; _display: inline; padding: 7px; background: #5b5552; -moz-border-radius: 7px; -webkit-border-radius: 7px; line-height: 8px; }
#footer .rss span { position: relative; top: -5px; }

#footer .copyright { padding: 45px 0 25px; margin-left:85px; font-size: 12px; color: #8b8b8b; }

#dixit-lumiere { position: absolute; top: -290px; left: 647px;}

.social_head { display: inline-block; _display: inline; padding:4px 0 0 0; line-height: 10px; margin-left:26px;}
.social_head img{padding:0; margin:0 1px;}
.social_head a{padding:0; margin:0;}

.text11pxgray{font-size:11px; color:#999;}
     
#tableau{
    float:left;
    height: 330px;
    margin: 15px auto;
    padding: 0px;
	width: 570px;    
}
#col1{
	float:left;
	height: 400px;
    width: 180px;
}
#col2{
	float:left;
	height: 400px;
	margin-left: 10px;
	width: 180px;
}
#col3{
	float:left;
	height: 400px;
	margin-left: 10px;
	width: 180px;
}
.tab-title{
	color: #dd672b;
	display: block;
	font-size: 14px;
    font-weight: bold;
    margin: 10px 0px;
    text-align: center;
    text-transform: uppercase;
}
.tab-text{
	color: #333;
    display: block;
	font-size: 14px;
    text-align: center;
}