/*
Theme Name: Materialiste Paris
Theme URI: http://www.materialiste.com
Version: 2.0
Description: Materialiste Paris, Le Magazine Elégant
Author: Mathieu Lebreton
Author URI: http://www.daaamn.com
*/
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body { text-align: center; line-height: 1.6; font-family: Georgia, Times New Roman, serif; font-size: 11px; color: #636363; }
a:link, a:visited { text-decoration: none; color: #CC0000; }
a:hover { text-decoration: none; color:#990000; }
.clear, .clearfix { clear: both; }
h1, h2, h3, h5, h6 { font-weight: normal; }
p { text-align:justify; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
.container { text-align: left; width: 880px; margin: 0 auto;position: relative; }
.backeee { position:fixed;width:100%; left:0;top:0;}
#header  { border-top:2px solid #000; }
#header .container { text-align: center; z-index: 2; }
#article-home a:link { color: #000;font-size:20px;background:#FFF;padding:2px 6px 3px 0; }
#article-home a:visited { color: #000;font-size:20px;background:#FFF;padding:2px 6px 3px 0; }
#article-home a:hover { color: #FFF;font-size:20px;background:#000;padding:2px 6px 3px 0; }
#article-home a:active { color: #000;font-size:20px;background:#FFF;padding:2px 6px 3px 0; }
h1.article-home { font-size: 20px; letter-spacing: -0.5px; color: #000; line-height: 40px; width: 530px; float: left; padding: 221px 0 0 9px; display: inline;background:none;position:absolute; }

#article-home-image { width:530px;height:257px;background: #FFF url(http://betacie.cachefly.net/materialiste/images/loader.gif) no-repeat center; }

#article-home-content { padding: 9px; width:530px; font-size:13px; color:#000; }
#article-home-content p { padding:4px 0; }


#publicite-banniere a:link { color: #000;font-size:20px;background:#FFF;padding:2px 6px 3px 0; }
#publicite-banniere a:visited { color: #000;font-size:20px;background:#FFF;padding:2px 6px 3px 0; }
#publicite-banniere a:hover { color: #FFF;font-size:20px;background:#000;padding:2px 6px 3px 0; }
#publicite-banniere a:active { color: #000;font-size:20px;background:#FFF;padding:2px 6px 3px 0; }
h1.publicite-banniere { font-size: 20px; letter-spacing: -0.5px; color: #000; line-height: 40px; width: 530px; float: left; padding: 221px 0 0 9px; display: inline;background:none;position:absolute; }

#publicite-banniere-image { width:530px;height:257px;background: #FFF url(http://betacie.cachefly.net/materialiste/images/loader.gif) no-repeat center; }

#publicite-banniere-content { padding: 9px; width:530px; font-size:13px; color:#FFF; }
#publicite-banniere-content p { padding:4px 0; }

#translation-banniere a:link { color: #000;font-size:20px;background:#FFF;padding:2px 6px 3px 0; }
#translation-banniere a:visited { color: #000;font-size:20px;background:#FFF;padding:2px 6px 3px 0; }
#translation-banniere a:hover { color: #FFF;font-size:20px;background:#000;padding:2px 6px 3px 0; }
#translation-banniere a:active { color: #000;font-size:20px;background:#FFF;padding:2px 6px 3px 0; }
h1.translation-banniere { font-size: 20px; letter-spacing: -0.5px; color: #000; line-height: 40px; width: 530px; float: left; padding: 221px 0 0 9px; display: inline;background:none;position:absolute; }

#translation-banniere-image { width:530px;height:257px;background: #FFF url(http://betacie.cachefly.net/materialiste/images/loader.gif) no-repeat center; }

#translation-banniere-content { padding: 9px; width:530px; font-size:13px; color:#000; }
#translation-banniere-content p { padding:4px 0; }


#logo { margin-top: 0px; background:transparent; height:245px; }

#logo a:link { background:transparent ; }
#logo a:visited { background:transparent ; }
#logo a:hover { background:transparent ; }
#logo a:active { background:transparent ; }

#menu-haut { background:#000;height:23px;margin-top:-2px;padding-top:10px;position:relative;width:100%;z-index:1; }
#menu-haut h4 { text-align:center;color:#FFF;display:inline-block;font-size:14px;padding:0 20px;text-align:center; }
#menu-haut p { text-align:center;color:#FFF;display:inline-block;font-size:14px;padding:0 20px;text-align:center; }

#menu-haut a:link { text-align:center;color:#FFF;font-weight:899;font-size:14px;background:#000 ; }
#menu-haut a:visited { text-align:center;color:#FFF;font-weight:899;font-size:14px;background:#000 ; }
#menu-haut a:hover, { text-align:center;color:#990000 ;font-weight:899;font-size:14px;background:#000 ; }
#menu-haut a:active { text-align:center;color:#FFF;font-weight:899;font-size:14px;background:#000 ; }

#content { clear:both; z-index: 1; }

#main-area-wrap { margin-top: 10px; float:left; width:880px; }
#main-area-wrap img { border:0px;background: #FFF url(http://betacie.cachefly.net/materialiste/images/loader.gif) no-repeat center; }

#recentposts { background: #FFF; float: left; width: 948px; padding-bottom: 30px; }
.recent { float: left; width: 262px; margin: 20px 0px 0px 50px; }
.recent h3 { margin-bottom: 6px; }
.recent h3 a { color: #657f8c; font-size: 18px; }
.recent img { float:left; margin: 4px 15px 0px 0px; }
.recent-postwrap { padding: 15px 8px 0px; }
.recent.first { margin-left: 22px; }

#wrapper { background:transparent;clear:both;float:left;padding-bottom:10px;width:880px; }

#main { float:left;margin:0;padding:0;width:550px; }

#article { float:left;margin-bottom:10px;padding:0;width:548px;border:1px solid #D6D6D6;background:#FFF; }

#article-home { float:left;margin-bottom:10px;padding:0;width:548px;height:338px;border:1px solid #D6D6D6;background:#FFF; }

#about_author { float:left;margin-bottom:10px;padding:10px;width:528px;border:1px solid #D6D6D6;background:#FFF; }
.about_author_text { display:inline;font-size:12px;margin-left:10px;position:absolute;text-align:justify;width:438px; }

#posttop { background:#FFF;float:left;width:548px;border: 1px solid #D6D6D6;margin-bottom:10px; }
div.posttop2 { color:#000;font-size:20px;margin:4px 10px; }

#relatedposts { background:#FFF;border:1px solid #D6D6D6;float:left;margin-bottom:10px;padding:6px 1px;width:546px; }
#relatedposts h3 { font-size:21px; color:#000; margin-left:10px;}

body#home #main { }
body#home #main.noborder { border-top: 0px; }

.mainpost-wrap { background:#FFF;border:1px solid #D6D6D6;display:inline;float:left;margin:0 0 10px;padding:9px 9px 0;width:250px; }
.mainpost-wrap h2 { padding:10px 0;font-size:14px;line-height:1.2; }

.mainpost-wrap h2 a:link { background:#FFF;color:#000;padding:2px 3px 3px 0;font-size:13px; }
.mainpost-wrap h2 a:visited { background:#FFF;color:#000;padding:2px 3px 3px 0;font-size:13px; }
.mainpost-wrap h2 a:hover { background:#000 ;color:#FFF;padding:2px 3px 3px 0;font-size:13px; }
.mainpost-wrap h2 a:active { background:#FFF;color:#000;padding:2px 3px 3px 0;font-size:13px; }

.mainpost-wrap p { color:#000;font-family:georgia;font-size:12px;height:53px;margin:0;text-align:justify;width:250px; }
.mainpost-wrap img { z-index: 1; }
.mainpost-wrap div.titre-250 { color:#FFF;font-family:georgia,serif;margin:-39px 0 7px;position:relative;text-align:left;width:250px;z-index:30; }
.mainpost-wrap div.info { margin-top:9px;border-top:1px solid #E6E6E6;color:#969696;position:relative;text-align:center;z-index:30; }

.commentaires { padding:0px; }

.commentaires a:link { color:#666;float:right;font-style:italic;padding:1px 0 1px 3px;font-size:12px;background:#FFF; }
.commentaires a:visited { color:#666;float:right;font-style:italic;padding:1px 0 1px 3px;font-size:12px;background:#FFF; }
.commentaires a:hover { color:#000;float:right;font-style:italic;padding:1px 0 1px 3px;font-size:12px;background:#FFF ; }
.commentaires a:active { color:#666;float:right;font-style:italic;padding:1px 0 1px 3px;font-size:12px;background:#FFF; }

.commentaires info em { color: #7798a6; font-weight: bold; font-style: italic; font-size: 12px; font-family: Georgia, Times New Roman, serif; }

#commentaires-home { padding:0px;border-top:1px solid #D6D6D6; }

#commentaires-home a:link { color:#666;float:right;font-style:italic;padding:1px 0 1px 3px;font-size:12px;background:#FFF; }
#commentaires-home a:visited { color:#666;float:right;font-style:italic;padding:1px 0 1px 3px;font-size:12px;background:#FFF; }
#commentaires-home a:hover { color:#000;float:right;font-style:italic;padding:1px 0 1px 3px;font-size:12px;background:#FFF ; }
#commentaires-home a:active { color:#666;float:right;font-style:italic;padding:1px 0 1px 3px;font-size:12px;background:#FFF; }
#commentaires-home em { color: #7798a6; font-style: italic; font-family: Georgia, Times New Roman, serif; }

.mainpost-wrap.fst { margin-right:10px; }

.new-post { background:#FFF;border:1px solid #D6D6D6;clear:both;float:left;margin:0 0 10px;padding:10px 10px 0;width:528px;height:90px; }
.new-post p { color: #000; font-size:12px; }

.new-post h2 a:link { color: #000; font-size: 18px; background:#FFF; padding:2px 3px;margin-left:-3px; }
.new-post h2 a:visited { color: #000; font-size: 18px; background:#FFF; padding:2px 3px;margin-left:-3px; }
.new-post h2 a:hover { color: #FFF; font-size: 18px; background: #000 ; padding:2px 3px;margin-left:-3px; }
.new-post h2 a:active { color: #000; font-size: 18px; background:#FFF; padding:2px 3px;margin-left:-3px; }

.new-post img { float: left; margin: 0px 10px 0px 0px; }
.new-post div.info { border-top:1px solid #E6E6E6;color:#969696;margin-left:90px;position:relative;text-align:center;z-index:30;margin-top:1px; }

h1.post-title a:link, a:visited, a:hover, a:active { color:#000; }

/*------------------------------------------------*/
/*-----------[POST / PAGE BREADCRUMB BAR]---------*/
/*------------------------------------------------*/
div#post-top { background:#FFF;float:left;width:548px; }

span#prev-link a { background: url(http://betacie.cachefly.net/materialiste/images/prev-link-bg.jpg) no-repeat; width: 132px; height: 26px; text-indent: -9999px; display:inline-block; float: left; display: inline; margin: 12px 0px 0px 30px; }
span#next-link a { background: url(http://betacie.cachefly.net/materialiste/images/next-link-bg.jpg) no-repeat; width: 94px; height: 26px; text-indent: -9999px; display: block; float: right; display: inline; margin: 12px 30px 0px 0px; }

div#share { float: left; width: 640px; display: inline; margin: 0px 0px 0px 15px; text-align: center; }
a#share-link , a#this-link  { float: left; display: block; text-indent: -9999px; margin-top: 2px; position: relative; }
a#share-link { background: url(http://betacie.cachefly.net/materialiste/images/share-bg.jpg) no-repeat;  width: 55px; height: 43px; display: inline; margin-left: 30px; }
a#this-link { background: url(http://betacie.cachefly.net/materialiste/images/this-bg.jpg) no-repeat;  width: 38px; height: 43px; }
div#share-icons { background: url(http://betacie.cachefly.net/materialiste/images/share-main-bg.jpg) repeat-x; float: left; padding: 9px 17px 0px 23px; margin-top: 2px;  position: relative; display: none; }
div#share-icons a { float: left; display: block; background: url(http://betacie.cachefly.net/materialiste/images/share-icon-bg.jpg) no-repeat; width: 27px; height: 27px; margin-right: 10px; }
div#share-icons a img { margin: 3px 0px 0px 1px; }
div.breadcrumb { color:#000;font-size:20px;margin:4px 10px; }

/*------------------------------------------------*/
/*--------------[POST / PAGE CONTENT]-------------*/
/*------------------------------------------------*/
h1.post-title { font-size: 30px; letter-spacing: -0.5px; color: #000; line-height: 40px; width: 530px; float: left; margin: 10px 0 0 10px; display: inline; }
h1.page-title { font-size: 30px; letter-spacing: -0.5px; color: #000; line-height: 40px; margin: 10px; }
span.meta-comments { float: left; display: block; background: url(http://betacie.cachefly.net/materialiste/images/meta-comment-bg.jpg) no-repeat; width: 120px; height: 34px; margin: 34px 0px 0px 5px; display: inline; }

span.meta-comments a { display: block; color: #FFF; font-size: 14px; font-weight: bold; font-style: italic; padding: 3px 0px 3px 13px; }
.post-meta { clear: both; margin: 0px; }
.post-meta-bottom { padding:10px 0; }
.post-meta-bottom p { padding: 0 10px; color: #999; font-size: 14px; }
.post-meta-bottom p a, .post-meta-bottom p span.author { color:#000;font-size:14px;font-style:italic; }

#post-content { padding: 9px; width:530px; font-size:13px; color:#000; }
#post-content p { padding:10px 0; }
#post-content h1, #post-content h2, #post-content h3, #post-content h5, #post-content h6 { font-weight: normal; color: #303030; }
#post-content h1 { font-size: 26px; margin: 5px 0px 10px; }
#post-content h2 { font-size: 24px; margin: 5px 0px 8px; }
#post-content h3 { font-size: 21px; margin: 5px 0px 7px; }
#post-content h5 { font-size: 16px; margin: 5px 0px; }
#post-content h6 { font-size: 14px; margin: 5px 0px; }
#post-content img.thumbnail { padding: 7px; border: 1px solid #dfdfd7; background: #FFF; }

#post-content a:link { color: #990000;font-size:13px; }
#post-content a:visited { color: #990000;font-size:13px; }
#post-content a:hover { color: #990000;font-size:13px;opacity:0.5; }
#post-content a:active { color: #990000;font-size:13px; }

#post-content a.post-edit-link { padding: 0px 5px; background: #FFF; color: #FFF; margin-top: 10px; float: left; clear: both; }
#post-content a.post-edit-link:hover { background: #303030; }

#post-content img { border: none; padding: 0px;background:#FFF; }
#post-content table { padding: 10px 0px; }
#post-content th { background: #dfdfd7; font-weight: bold; padding: 2px 7px; color: #000; }
#post-content td { border-bottom: 2px solid #eeeeee; background: #f6f6f6; padding: 3px 7px; }

#main ul, #main ol { }
#main ul li { padding: 0px 0px 0px 12px; }
#main ol { list-style-type: decimal; }
#main blockquote { background:#000; color:#FFFFFF; font-size:13px; margin:0; padding:1px 10px 6px; }
#main blockquote p {  }

.about_author_text a:link { font-size:12px;color:#000;background:none ;padding:0; }
.about_author_text a:visited { font-size:12px;color:#000;background:none ;padding:0; }
.about_author_text a:hover { font-size:12px;color:#000;background:none ;font-style:italic;padding:0; }
.about_author_text a:active { font-size:12px;color:#000;background:none ;padding:0; }

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/
#comment.fbc_profile_pic { float: right; padding: 0 5px 5px 5px; }
#comment.fbc_profile_header { text-align: right; padding: 5px; padding-top: 10px; border: gray dotted 1px; background: white; width: 175px; }
#comment.fbc_loginstate_top { position: absolute; right: 0; top: 0; }

#comment-section { clear:both;float:left;width:550px; }
p#comments { color: #1e1e1e; font-size: 20px; }

#main #comment-section ol.commentlist { list-style-type: none; }
.comment, .comment-body { float: left;width:100%; }
li.comment { margin-bottom: 10px; }
.comment-author { float:left;margin-bottom:10px;position:relative;z-index:1; }

.comment-author-avatar { float:left;margin:0;position:relative;z-index:1;padding:2px; width:50px; border:1px solid #D6D6D6; }

#main-area-wrap .comment-author img.avatar { float:left; }

.comment-info { border-bottom:1px solid #D6D6D6;float:left;font-size:14px;margin:0 0 0 10px;padding:0 0 2px; width: 460px; }

cite.fn, span.says  { color: #657f8c;  }

span.says, div.commentmetadata { font-style: italic; }

div.commentmetadata { margin-top: -5px; }
div.commentmetadata, div.commentmetadata a,div.commentmetadata a:visited,div.commentmetadata a:hover { color:#666666;font-size:13px;background:#FFF ; }

.comment-top, .comment-bottom, .comment-content { float: left; }
.comment-top  { background: url(http://betacie.cachefly.net/materialiste/images/comment-top.png) no-repeat; height: 25px; margin-top: -12px; }
.comment-content { clear:both;font-size:13px;width:100%; }
.comment-bottom-main { float: left;  }
.comment-bottom-left { background: url(http://betacie.cachefly.net/materialiste/images/comment-bottom-left.jpg) no-repeat; position: absolute; bottom: 0px; left: -1px; width: 8px; height: 37px; }
.comment-bottom-right { background: url(http://betacie.cachefly.net/materialiste/images/comment-bottom-right.jpg) no-repeat; position: absolute; bottom: 0px; right: -1px; width: 8px; height: 37px; }
.comment-body p { background:#E6E6E6;color:#000;line-height:28px;padding:2px 6px; }

#main ol.commentlist .children { float: left; clear: both; padding-bottom: 30px; width: 96%; }
#main ol.commentlist .children .comment-body { padding-top: 10px; width: 99%; }
#main .commentlist .children li { padding:0px 3% 3%; width:97%; margin: 0px; float: left; background: #FFF url(http://betacie.cachefly.net/materialiste/images/inner-comment-bottom-main.jpg) repeat-x bottom left; border-left: 1px solid #d1d1c2; border-right: 1px solid #d1d1c2; position: relative; }
#main .commentlist .children li .comment-top-main { background: url(http://betacie.cachefly.net/materialiste/images/inner-comment-top-main.jpg) repeat-x top left; width: 100%; float: left; height: 6px; }
#main ul.children li { background: none;  }
#main-area-wrap img.wp-smiley { border: none; padding: 0px; }
.comment-top-left, .comment-top-right, .comment-top-main { height: 24px; }
.comment-top-left { background: url(http://betacie.cachefly.net/materialiste/images/comment-top-left.jpg) no-repeat top left; width: 40px; left: -1px; top: 0px; position: absolute; }
.comment-top-right { background: url(http://betacie.cachefly.net/materialiste/images/comment-top-right.jpg) no-repeat top right; width: 40px; right: -1px; top: 0px; position: absolute; }
.comment-top-main { background: url(http://betacie.cachefly.net/materialiste/images/comment-top-main.jpg) repeat-x top left; width: 100%; float: left; }
.bubble { background: url(http://betacie.cachefly.net/materialiste/images/bubble-top.png) no-repeat; width: 18px; height: 17px; top: -16px; left: 25px; z-index: 10; position: absolute; }
.commentlist li { background:#FFF;border:1px solid #D6D6D6;display:block;float:left;margin-bottom:10px;padding:10px;position:relative;width:528px; }

.reply-container { position: absolute; bottom: 19px; right: 30px; z-index: 20;padding-right: 11px; }
a.comment-reply-link { padding: 6px 15px; background: #657f8c; color: #feffff; font-style: italic; font-weight: bold; display: block; }
.children .comment-top-left { background: url(http://betacie.cachefly.net/materialiste/images/inner-comment-top-left.jpg) no-repeat top left; width: 15px; left: -1px; top: 0px; position: absolute; } 
.children .comment-author { float:left; margin: 0px; width:100%; z-index:1; }
.children .bubble { display: none; }
.children .comment-top-right { background: url(http://betacie.cachefly.net/materialiste/images/inner-comment-top-right.jpg) no-repeat top right; width: 15px; right: -1px; top: 0px; position: absolute; }
.children .comment-bottom-left { background: url(http://betacie.cachefly.net/materialiste/images/inner-comment-bottom-left.jpg) no-repeat; height:7px;
position:absolute; width:15px; }
.children .comment-bottom-right { background: url(http://betacie.cachefly.net/materialiste/images/inner-comment-bottom-right.jpg) no-repeat; height:7px;
position:absolute; width:15px; }
.children .reply-container { bottom: -10px; right: 30px; }

div#respond { background:#FFF;border:1px solid #D6D6D6;padding:10px;width:528px; }
.nocomments div#respond { margin-top: 0px; }
div#respond  h3 { font-size: 21px; color:#000; }
.navigation, div#respond { float: left; }

form#commentform { float: left; position: relative; z-index: 10; }
form#commentform  textarea { background:#E6E6E6;border:1px solid #D6D6D6;font-family:georgia;font-size:13px;padding:3px;width:520px; }

.cancel-comment-reply { padding-bottom: 12px; }

#comment-section li.comment div#respond { margin-top: 0px; padding: 0px; }

#social { position:relative; display:inline-block; float:right; margin-right:30px; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#footer-widgets-wrap { background: transparent url(http://betacie.cachefly.net/materialiste/images/galon.png) repeat-x;height:75px;text-align:justify;margin:auto;width:100%;padding:60px 0;display:inline-block;position:relative; }

#footer-bottom { width: 880px; background:#000;margin:0 auto;text-align:justify;height:75px; }

#footer-bottom p { padding-right: 15px; color: #FFF; }
#footer-bottom p a { color: #FFF; }

#footer-content { background:#000;height:75px;width:880px;text-align:justify;margin:0 auto; }
#footer-content-gauche { background:transparent url(http://betacie.cachefly.net/materialiste/images/logo-bas.gif) no-repeat;height:75px;width:300px;display:inline-block;float:left;text-align:justify;margin:0 auto; }
#footer-content-droite { height:75px;display:inline-block;width:570px;text-align:justify;margin:0 auto;padding:24px 0 0 10px; }

.texte-footer { font-size:12px;color:#FFF; }
.texte-footer a:link { font-size:12px;color:#FFF;background:#000 ; }
.texte-footer a:visited { font-size:12px;color:#FFF;background:#000 ; }
.texte-footer a:hover { font-size:12px;color:#990000;background:#000 ; }
.texte-footer a:active { font-size:12px;color:#FFF;background:#000 ; }

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/
#sidebar { background:#transparent;float: right; width: 320px; }
#sidebar a { background: #FFF; }

h5.meta, .recent h3 a, cite.fn, span.says, a.reply, cite.fn a, cite.fn a:visited, cite.fn a:hover { color: #000;font-size:14px; }
#post-content a.post-edit-link { background: #804645; }
span.meta-comments { background: #E6E6E6; }

#sidebar h3 { background: #ecece0 url(http://betacie.cachefly.net/materialiste/images/sidebar-h3-bg.jpg) repeat-x top left; text-align: center; font-size: 14px; color: #4c4c4c; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; padding: 13px 0px 11px; }
.sidebar-block { color: #3d3d3d; padding: 28px 22px 25px; }
.sidebar-block a, #footer-widgets-inside div.widget a { color: #3d3d3d; }
.sidebar-block  ul { margin-top: -7px; }
.sidebar-block  ul li { padding: 7px 0px 7px 10px; background: url(http://betacie.cachefly.net/materialiste/images/li-mark.jpg) no-repeat 0px 12px; }
.sidebar-block ul li ul { padding:5px 0px 0px 20px; margin: 0px 0px -7px; }

#main-area-wrap #sidebar img { border: none; padding: 0px;background: #FFF url(http://betacie.cachefly.net/materialiste/images/loader.gif) no-repeat center; }
#main-area-wrap #sidebar img#about-image { float: left; display: inline; border:1px solid #dfdfdf; margin-right: 10px; padding: 4px; }

#publicite { background:#FFF;border:1px solid #D6D6D6;display:inline-block;margin-top:10px;padding:9px;width:300px; }
#publicite p { font-family:arial;font-size:9px;text-align:right;margin-bottom:-6px; }
#publicite a { font-family:arial;font-size:9px;text-align:right;margin-bottom:-6px; }

#translation { background:#FFF;border:1px solid #D6D6D6;display:inline-block;margin-top:10px;padding:9px;width:300px; }
#translation p { font-family:arial;font-size:9px;text-align:right;margin-bottom:-6px; }
#translation a { font-family:arial;font-size:9px;text-align:right;margin-bottom:-6px; }

#network { width:320px;display:inline-block;margin-top:10px; }

#facebook { width:135px;float:left;background:#FFF;margin:0;padding:9px;display: inline-block;border:1px solid #D6D6D6; }

#twitter { width:135px;background:#FFF;margin:0 0 0 10px;display: inline-block;padding:9px;border:1px solid #D6D6D6; }

#vimeo { width:300px;background:#FFF;margin-top:10px;padding:8px 9px 9px;border:1px solid #D6D6D6; }
#vimeo h4 { text-align:left;color:#000;font-size:16px;padding:0;margin-bottom:9px; }
#vimeo h4 a:link { color:#000; }
#vimeo h4 a:visited { color:#000; }
#vimeo h4 a:hover { color:#990000; }
#vimeo h4 a:active { color:#000; }


#banner1 { background:#ffffff;border:1px solid #c6c6c6;float:left;margin-top:10px;padding:8px 0 0;width:318px; }

#banner1 a:link { text-align:left;color:#000;font-size:16px;padding:0;margin:0 0 9px 9px;background:none; }
#banner1 a:visited { text-align:left;color:#000;font-size:16px;padding:0;margin:0 0 9px 9px;background:none; }
#banner1 a:hover { text-align:left;color:#990000;font-size:16px;padding:0;margin:0 0 9px 9px;background:none; }
#banner1 a:active { text-align:left;color:#000;font-size:16px;padding:0;margin:0 0 9px 9px;background:none; }
#banner1 H4 { text-align:left;color:#000;font-size:16px;padding:0;margin-bottom:9px; }

#newsletter { width:300px;background:#FFF;margin-top:10px;padding:8px 9px 9px;border:1px solid #D6D6D6; }
#newsletter h4 { text-align:left;color:#000;font-size:16px;padding:0;margin-bottom:9px; }
#newsletter h4 a:link { color:#000; }
#newsletter h4 a:visited { color:#000; }
#newsletter h4 a:hover { color:#990000; }
#newsletter h4 a:active { color:#000; }

#champnews { background:#000;height:27px;padding-left:8px;padding-top:4px;width:291px; }
#champnews a:link { color:#FFF;font-size:14px;background:transparent; }
#champnews a:visited { color:#FFF;font-size:14px;background:transparent; }
#champnews a:hover { color:#990000;font-size:14px;background:transparent; }
#champnews a:active { color:#FFF;font-size:14px;background:transparent; }

/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/
#featured-container { height:226px;width:550px;margin-bottom:10px; }

#featured-area { background:#D6D6D6;display:inline-block;height:226px;position:absolute;width:550px;z-index:1; }
#featured-area h1 a:link { color: #000; background: #FFF; padding: 2px 6px 3px 0px;font-size:20px; }
#featured-area h1 a:visited { color: #000; background: #FFF; padding: 2px 6px 3px 0px;font-size:20px; }
#featured-area h1 a:hover { color: #FFF; background: #000 ; padding: 2px 6px 3px 0px; }
#featured-area h1 a:active { color: #000; background: #FFF; padding: 2px 6px 3px 0px;font-size:20px; }

.pics { background:#FFF;border:9px solid #FFF;display:inline-block;height:206px;margin:1px 0 0 1px;width:530px; }
.pics div img { float: left; margin-right: 15px; }
h5.meta { font-size: 11px; color: #657f8c; text-transform: uppercase; margin: 15px 0px 10px; }
.pics div h1 { font-size:20px;line-height:31px;margin:0 0 10px;padding:167px 0 0;position:absolute; }
.pics div h1 a { background:#FFF;padding:1px 3px; }

ul#nav { clear:both; float: right; margin-right: 27px; }
ul#nav li { float: left; border: 1px solid #afafa1; height: 49px; margin-right: 7px; }
ul#nav li a img { border: 2px solid #FFF; }
ul#nav li a.activeSlide img { border: 2px solid #bcbcad; }

#featured-area h3 { float: right; background: #FFF; text-indent: -9999px; width: 180px; height: 35px; margin: 10px 14px 0px; }
#featured-area a#prev-item, #featured-area a#next-item { width: 29px; height: 83px; text-indent: -9999px; display: inline-block; position: absolute; top: 75px; }
#featured-area a#prev-item { background: #FFF; left: 12px; }
#featured-area a#next-item { background: #FFF; right: 16px; }
.js #featured-area, .js ul#page-menu, .js ul#cats-menu, .js img#logo { display: none; }
.featured-overlay { height: 206px; width: 530px; background: transparent; position: absolute; }

ul#page-menu li li { background:#482525; }
ul#page-menu > li:hover > a { background-color: #572b2a; }
#page-menu li li a:hover, ul#page-menu li.current_page_item li a:hover { background-color: #572b2a; }
#page-menu ul { background-image: #E6E6E6; }

/*------------------------------------------------*/
/*------------------[CATEGORIES]------------------*/
/*------------------------------------------------*/
#categories-menu { background:#D6D6D6;display:inline-block;float:right;height:226px;position:relative;width:320px;z-index:1; }

#categories { background:#FFF url(http://betacie.cachefly.net/materialiste/images/categories.png) no-repeat;height:224px;margin:1px 0 0 1px;width:318px; }
#categories img { border:0px;background:transparent; }
.categories-p { padding-top:6px; }
#categories-p img { border:0px;background:transparent; }
.categories-p img { border:0px;background:transparent !important; }
#categories p { padding-bottom:1px;padding-left:54px; }
.categories-p a:link { color:#000;font-size:16px;background:#FFF ; }
.categories-p a:visited { color:#000;font-size:16px;background:#FFF ; }
.categories-p a:hover { color:#000;font-size:16px;font-style:italic;background:#FFF;z-index:100; }
.categories-p a:active { color:#000;font-size:16px;font-style:italic;background:#FFF ; }
.categories-p a span{ display:none; }
.categories-p a:hover span{ position:absolute;width:151px;height:218px;float:right;display:block;top:0px;right:2px; }

/*------------------------------------------------*/
/*-------------------[RECHERCHE]------------------*/
/*------------------------------------------------*/
.field { background:#000;border:0 none;color:#FFF;font-family:georgia;margin:7px 0 0 27px;text-align:left; }

#recherche-menu { background:#D6D6D6;display:inline-block;float:right;height:52px;margin-top:10px;position:relative;width:320px;z-index:1; }

#recherche { background:#FFF url(http://betacie.cachefly.net/materialiste/images/recherche.gif) no-repeat; border:10px solid #FFF;height:30px;margin:1px 0 0 1px;width:298px; }
#recherche p { padding-top:6px; }

/*------------------------------------------------*/
/*-------------------[SHOPPING]-------------------*/
/*------------------------------------------------*/
#shopping { background:#ffffff;border:1px solid #c6c6c6;float:left;margin-top:10px;padding:8px 0 0;width:318px; }

#shopping a:link { text-align:left;color:#000;font-size:16px;padding:0;margin:0 0 9px 9px;background:none; }
#shopping a:visited { text-align:left;color:#000;font-size:16px;padding:0;margin:0 0 9px 9px;background:none; }
#shopping a:hover { text-align:left;color:#990000;font-size:16px;padding:0;margin:0 0 9px 9px;background:none; }
#shopping a:active { text-align:left;color:#000;font-size:16px;padding:0;margin:0 0 9px 9px;background:none; }
#shopping H4 { text-align:left;color:#000;font-size:16px;padding:0;margin-bottom:9px; }

#selected { background:#c6c6c6;padding:1px;display:inline-block;float:left;height:93px;margin:0 0 8px 8px;width:93px; }
#selected a:link { padding:0;margin:0; }
#selected a:visited { padding:0;margin:0; }
#selected a:hover { padding:0;margin:0;opacity:0.5; }
#selected a:active { padding:0;margin:0; }

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.alignright { float: right; }
.alignleft { float: left }

img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }

/*------------------------------------------------*/
/*---------------[CATEGORIES DROPDOWN]------------*/
/*------------------------------------------------*/
ul#cats-menu { margin: -2px auto 0px; float:left; position: relative; }
ul#cats-menu li { margin-right: 5px; background: url(http://betacie.cachefly.net/materialiste/images/cats-left-bg.jpg) no-repeat left top; padding-left: 12px; height: 37px; }
ul#cats-menu li a { padding:6px 12px 7px 0; font-size: 15px; color: #FFF; background: url(http://betacie.cachefly.net/materialiste/images/cats-right-bg.jpg) no-repeat right top; }
ul#cats-menu li a:hover { }
ul#cats-menu li li { background:#313131; background-image:none; margin:0; padding: 0px; width: 240px; }
ul#cats-menu li li a { background: none; text-align: left; height:auto; padding:10px 12px; display: block; width: 216px; }

#cats-menu ul { background-image: url(http://betacie.cachefly.net/materialiste/images/categories-bottom.png); padding-bottom: 18px; }
#cats-menu li:hover ul, ul#cats-menu li.sfHover ul { top:37px; }
#cats-menu li li { background-image: none; margin: 0px; }

ul#cats-menu > li:hover { background: url(http://betacie.cachefly.net/materialiste/images/cats-left-bg-hover.jpg) no-repeat left top; padding-left: 12px; }
ul#cats-menu > li:hover > a { background: url(http://betacie.cachefly.net/materialiste/images/cats-right-bg-hover.jpg) no-repeat right top; }

#cats-menu li li a:hover { background-color: #242424; border: none; }
#cats-menu li li:hover ul, ul#cats-menu li li.sfHover ul { top:0px; }

/*------------------------------------------------*/
/*-----------[DEFAULT DROPDOWN SETTINGS]----------*/
/*------------------------------------------------*/
.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:39px; }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.nav li li:hover ul, ul.nav li li.sfHover ul { left:240px; top:0px; }
.nav li:hover ul, .nav li li:hover ul { top: -999em; }
.nav li li { display: block;padding: 0px; float: left; height: auto ; }
.nav li ul { width: 240px; }
.nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

/*------------------------------------------------*/
/*-----------------[WP PAGE NAVI]-----------------*/
/*------------------------------------------------*/
p.pagination { clear: both; float: left; width:530px; padding: 10px; }

span#prev-posts { float: left; }
span#next-posts { float: right; }

.wp-pagenavi { background:#FFF;border:1px solid #D6D6D6;float:left;font-size:12px;padding:9px;width:530px; }
.wp-pagenavi a, .wp-pagenavi a:link { background-color:#FFFFFF;border:1px solid #E6E6E6;color:#000000; }
.wp-pagenavi a:visited { background-color:#FFFFFF;border:1px solid #E6E6E6;color:#000000; }
.wp-pagenavi a:hover { background-color:#990000;border:1px solid #000000;color:#FFFFFF; }
.wp-pagenavi a:active {  background-color:#FFFFFF;border:1px solid #E6E6E6;color:#000000; }
.wp-pagenavi span.pages { background-color:#FFFFFF;border:1px solid #FFFFFF;color:#000000; }
.wp-pagenavi span.current { background-color:#000000;border:1px solid #990000;color:#FFFFFF; }
.wp-pagenavi span.extend { border: 1px solid #916661; color: #FFF; background-color: #a68077; }

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.wp-pagenavi { }