a{text-decoration: none;} #page{ width:1002px; margin:0 auto; padding:10px 0; } #reserve{display:none;} /* //////////// /// HEADER */ #header{ border-color: #cfd0d2; border-style: solid; border-width:0 0 0 1px; padding:0 0 0 10px; background: #fff url('./img/header_fond.png') repeat-x top left; position:relative; } #header h1{width:161px; height: 97px; margin-top:10px; float:left;} #header h1 a{ width:161px; height: 97px; display: block; background: #fff url('img/wool_and_the_gang_blog-hover.gif') no-repeat top left; } #header h1 a:hover{background-position: bottom left;} #header #adroite{float:right; width:829px;} #topie6{position:absolute; top:0; right:-1px; width:1px; height:33px; background-color: #fff;} /* //////////////////////////////////// /// TOPMENUBOX - topmenu - toplang */ #topmenu{ text-transform: uppercase; color:#808080; font-size: 10px; margin-right: -1px; float:right; line-height:30px; height:27px; border-color: #cfd0d2; border-style: solid; border-width:0 0 1px 1px; padding:5px 0 0 10px; background: #fff url('../media/images/topmenu_cart.png') no-repeat scroll top right;width:261px;background-color:#fff; } #topmenu input.text{border: 1px solid #aaa; padding: 2px; font-size: 10px; margin:0 5px;} .en #topmenu input.text{width:172px;} .fr #topmenu input.text{width:149px;} #topmenu input.submit{color:#fff; background-color: #000; line-height:10px; font-size: 10px; border: 1px solid #000; padding:0;} #toplang{float:right; padding-right:5px;} #toplang li{display: inline;} #toplang a{ background-image: url('img/toplang.gif'); background-repeat: no-repeat; display: block; float:left; height:23px; margin-right:5px; } #toplang_fr{background-position: 0px -23px; width:26px;} .selected #toplang_fr, #toplang_fr:hover{background-position: 0px 0; width:26px;} #toplang_uk, #toplang_uk{background-position: -52px -23px; width:26px;} .selected #toplang_uk, #toplang_uk:hover{background-position: -52px 0; width:26px;} /* ////////////// /// MAINMENU /// LANGMENU */ #mainmenu_box{width:828px; float:left; padding-top:35px;padding-bottom:10px; font-size: 10px; text-transform: uppercase;border-right:1px #cfd0d2 solid;} #langmenu{float:right; margin:10px 10px 0 0; clear:both;} #langmenu, #langmenu li, #langmenu a{line-height:10px;} #langmenu li{display: inline;} #langmenu a{color:#808080;} #langmenu a:hover{color:#000;} #langmenu .selected a{color:#000;} #langmenu .selected a:hover{color:#808080;} #mainmenu{float:right; margin:15px 10px 0 0; height:30px; clear:both;} #mainmenu li {display: inline; float:left; line-height:27px; font-size: 27px; color:#808080;} #mainmenu li a{display: block; float:left; height:27px; background-position: top left; background-repeat: no-repeat;} #mainmenu li a:hover{background-position: bottom left;} .en #mainmenu_eshop a{background-image: url('img/menu_shop_en.gif'); width:148px;} .fr #mainmenu_eshop a{background-image: url('img/menu_shop_fr.gif'); width:82px;} .en #mainmenu_tuto a{background-image: url('img/menu_tuto_en.gif'); width:130px;} .fr #mainmenu_tuto a{background-image: url('img/menu_tuto_fr.gif'); width:123px;} .en #mainmenu_about a{background-image: url('img/menu_about_en.gif'); width:74px;} .fr #mainmenu_about a{background-image: url('img/menu_about_fr.gif'); width:110px;} .en #mainmenu_subs a{background-image: url('img/menu_subscribe_en.gif'); width:126px;} .fr #mainmenu_subs a{background-image: url('img/menu_subscribe_fr.gif'); width:126px;} #mainmenu #mainmenu_rss a{background-image: url('img/rss.gif'); width:19px; height:20px; margin:5px 0 5px 10px;} /* ///////////////// /// CORPUS /// CORPUS MAIN */ #corpus{border-color: #cfd0d2; border-style: solid; border-width:0 1px; width:1000px;} /* */ #corpus_main{width:550px; float:left; padding:65px 10px 10px 10px;overflow : hidden;} .dc-home #corpus_main, .dc-post #corpus_main{padding-top:40px;} .content{} .content-info{margin-bottom:60px; background-color: #e5e6de; color:#808080; padding:5px;} .content-info h2{font-size: 15px; color:#333; font-weight: bold;} .content-info h2 a{color:#000; font-weight:normal;} .content-info h2 a:hover{color:#808080;} .content-info-detail{margin-top:10px;} .content-info-detail em{color:#000;} .content-info p a{color:#7e144e;} .content-info p a:hover{color:#000;} #subcategories{margin-bottom:60px; margin-top:-40px; border: 1px solid #808080; padding:5px; } #subcategories h3{color:#000; font-weight: bold; display: inline; clear:none;} #subcategories ul, #subcategories li{display: inline;} #subcategories a{color:#808080;} #subcategories a:hover{color:#000;} .content-inner{margin-top:-40px;} .dc-archive-month .content-inner{margin-top:0;} .content-inner h3{ font-size: 18px; text-transform: uppercase; font-weight: bold; padding-bottom:4px; border-bottom: 1px solid #c6c5c6; color:#333; } .content-inner ul{margin:4px 0 25px 60px;} .content-inner li a{color:#2a2883;} .content-inner li a:hover{color:#000;} #archive_month_pagination{margin-bottom:60px; margin-top:-40px; border: 1px solid #808080; padding:5px; } #archive_month_pagination h3{color:#000; font-weight: bold; display: inline; clear:none;} #archive_month_pagination a{color:#808080;} #archive_month_pagination a:hover{color:#000;} /* */ .post{margin-bottom:60px;} .post-title{ font-size: 18px; text-transform: uppercase; font-weight: bold; padding-bottom:4px; border-bottom: 1px solid #c6c5c6; } .dc-archive-month .post-title{margin-top:40px;} .post-title a{color: #2a2883;} .post-title a:hover{color: #000;} .post-info{color:#666; height:14px; font-size: 10px; background-color: #2a2883; margin:8px 0 10px 0; width:550px;} .post-category{float:left;} .post-category a{ color:#fff; text-transform: uppercase; vertical-align: middle; display: block; line-height:14px; padding:0 4px; border-right: 1px solid #fff; } .post-category a:hover{color:#808080;} .post-timestamp{float:right; padding-left:4px; line-height:14px; background-color: #fff; display: block;} .post-content{/*padding-left:60px;*/ width:550px;} .post-content p{margin-bottom:1.2em;} .post-content a{color:#2a2883; text-decoration: underline;} .post-content a:hover{color:#7e144e;} .post-content img{ width: expression( document.body.clientWidth > 550 ? "550px" : "auto" ); /* sets max-width for IE */ max-width: 550px; /* this sets the max-width value for all standards-compliant browsers */ } .post-info-co{margin-bottom:10px; text-transform: uppercase; font-size: 10px; height:14px;} .dc-archive-month .post-info-co{margin-top:10px;} .post-info-co span{background-color: #a8a8a2; color:#fff; float:left; padding:0 4px;} .post-info-co a{background-color: #a8a8a2; color:#fff; line-height:14px;} .post-info-co a:hover{color:#000;} .post-tags{padding:3px; border: 1px solid #c6c5c6; color:#000; font-size: 11px;} .post-tags h3{text-transform: uppercase; display: inline; clear: none; font-weight: bold;} .post-tags ul{display: inline;} .post-tags li{display: inline;} /*.post-tags li:after { content: " : "; }*/ .post-tags a{color:#666;} .post-tags a:hover{color:#000;} .pagination{color:#fff; height:14px; font-size: 10px; background-color: #005e52; margin:8px 0 10px 0; width:550px;} .pagination a, .pagination span{ color:#fff; text-transform: uppercase; vertical-align: middle; display: block; line-height:14px; padding:0 4px; border-right: 1px solid #fff; float:left; } .pagination a:hover{color:#808080;} /* */ .tag0 { font-size: 75%; } .tag10 { font-size: 80%; } .tag20 { font-size: 90%; } .tag30 { font-size: 100%; } .tag40 { font-size: 110%; } .tag50 { font-size: 120%; } .tag60 { font-size: 140%; } .tag70 { font-size: 150%; } .tag80 { font-size: 160%; } .tag90 { font-size: 170%; } .tag100 { font-size: 180%; } /* ///////////////// /// ATTACHMENTS /// COMMENTS /// TRACKBACKS */ #attachments{margin:60px 0 0 60px;} #attachments h3{ font-weight: bold; color:#000; font-size: 11px; padding:3px; border: 1px solid #c6c5c6; margin-bottom:10px; } #attachments li{margin-bottom:10px;} #attachments a{color:#005e52; text-decoration: underline;} #attachments a:hover{color:#7e144e;} /* */ #comments{margin:60px 0 0 60px;} #comments h3{ font-weight: bold; color:#000; font-size: 11px; padding:3px; border: 1px solid #c6c5c6; margin-bottom:10px; } #comments dt{margin:25px 0 5px 0; text-transform: uppercase; font-size: 10px; height:14px;} #comments dt.first{margin-top:0;} #comments dt span{background-color: #a8a8a2; color:#fff; float:left; padding:0 4px;} #comments dt span span, #comments dt a{background-color: #a8a8a2; color:#fff; line-height:14px; display: inline; float:none;} #comments dt a:hover{color:#000;} #comments dd a{color:#005e52; text-decoration: underline;} #comments dd a:hover{color:#7e144e;} #pr{margin:25px 0 25px 60px; padding:5px;} #pr.message{border: 1px solid #005e52;} #pr.error{border: 2px solid #7e144e; color:#7e144e;} #comment-form{margin:60px 0 0 60px;} #comment-form h3{ font-weight: bold; color:#000; font-size: 11px; padding:3px; border: 1px solid #c6c5c6; margin-bottom:10px; } #comment-form #pr{margin-left:0;} #comment-form dl{margin-bottom:10px;} #comment-form .field{padding-bottom:5px; width:450px;} #comment-form .field.finp{height:20px;} #comment-form .field label{display: block; width:125px; padding:2px 5px 0 0; text-align: right; float:left;} #comment-form .field input{width:300px; border: 1px solid #c6c5c6; padding:1px 2px; float:left;} #comment-form .field textarea{width:300px; border: 1px solid #c6c5c6; padding:1px 2px; float:left;} .form-help{font-style: italic; padding:5px 0;} /*.remember label{margin:10px 0;}*/ /*.remember label{padding-left:5px;}*/ /*fieldset .buttons{margin-left:130px;}*/ #comment-form .buttons input{width:100px; height:20px; background-position: top left; margin-bottom:5px;} #comment-form .buttons input:hover{background-position: bottom left;} .en #comment-form .preview{background-image: url('img/button_preview_en.gif');} .fr #comment-form .preview{background-image: url('img/button_preview_fr.gif');} .en #comment-form .submit{background-image: url('img/button_send_en.gif');} .fr #comment-form .submit{background-image: url('img/button_send_fr.gif');} /* */ #pings{margin:60px 0 0 60px;} #pings h3{ font-weight: bold; color:#000; font-size: 11px; padding:3px; border: 1px solid #c6c5c6; margin-bottom:10px; } #pings dt{margin:25px 0 5px 0; text-transform: uppercase; font-size: 10px; height:14px;} #pings dt.first{margin-top:0;} #pings dt span{background-color: #a8a8a2; color:#fff; float:left; padding-right:4px;} #pings dt span span, #ping dt a{background-color: #a8a8a2; color:#fff; line-height:14px; padding:0 0 0 4px; display: inline; float:none;} #pings dt a:hover{color:#000;} #pings dd a{color:#005e52; text-decoration: underline;} #pings dd a:hover{color:#7e144e;} #ping-url{margin:10px 0 0 60px;} #comments-feed{margin:10px 0 0 60px;} #comments-feed a{color:#808080; text-decoration: underline;} #comments-feed a:hover{color:#000} /* ///////////////// /// CORPUS SIDE */ #corpus_side{width:205px; float:left; padding:0 0 0 10px; color:#fff;} .cs_boite{padding:8px 10px 10px 10px; margin-bottom:12px;} .cs_boite a{color:#fff;} .cs_boite a:hover{color:#808080;} .cs_boite ul{padding-left:15px;} .cs_boite li{list-style-type: disc; display: list-item;} .cs_boite h2{margin-bottom:10px;} .cs_boite h2 a{background-position: top left; background-repeat: no-repeat; display: block; width:185px;} .cs_boite h2 a:hover{background-position: bottom left;} #cs_cat{background-color: #005e52;} #cs_cat h2{background-position: top left; background-repeat: no-repeat; width:185px; height:26px;} .fr #cs_cat h2{background-image: url('img/cs_cat_fr.gif');} .en #cs_cat h2{background-image: url('img/cs_cat_en.gif');} #cs_billrec{background-color: #fff; border:1px solid #b2b2b2;} .fr #cs_billrec h2 a{background-image: url('img/cs_billrec_fr.gif'); height:55px;} .en #cs_billrec h2 a{background-image: url('img/cs_billrec_en.gif'); height:26px;} #cs_billrec li{color:#000;} #cs_billrec a{color:#000;} #cs_billrec a:hover{color:#808080;} #cs_lastcom{background-color: #fff; border:1px solid #b2b2b2;padding:8px 0 10px 10px; margin-bottom:12px;} #cs_lastcom h2{background-position: top left; background-repeat: no-repeat; width:190px; height:84px;} .fr #cs_lastcom h2{background-image: url('img/cs_lastcom_fr.gif');} .en #cs_lastcom h2{background-image: url('img/cs_lastcom_en.gif');color:#000;} #cs_lastcom ul{padding-right:10px;} #cs_lastcom li{color:#000;} #cs_lastcom a{color:#000;} #cs_lastcom a:hover{color:#808080;} #cs_tags{background-color: #000;} #cs_tags h2 a{background-image: url('img/cs_tags.gif'); height:26px;} #cs_archives{background-color: #e5e6de;} #cs_archives h2{margin-bottom:1px;} #cs_archives h2 a{background-image: url('img/cs_archives.gif'); height:26px;} #cs_archives a{color:#000;} /* ///////////////// /// EXTRA SIDE */ #corpus_extra{width:205px; float:left; padding:65px 0px 0 0; color:#000;} #cex_news{background:#000; color:#fff; padding:0; position:relative;} #cex_news img{width:205px;} #cex_news h2{position:absolute; top:8px; left:6px;} #cex_news h2 span{ display: block; padding:2px 4px; background-color: #000; color:#fff; text-transform: uppercase; font-size: 15px; } #cex_news a{color:#fff;text-decoration:underline; } #cex_news a:hover{color:#808080;text-decoration:none;} #cex_twitter.cs_boite ul{padding:0;} #cex_twitter{ background:#a8a8a2;text-transform:uppercase; color:#fff; font-size:10px;position:relative; height: expression( this.scrollHeight < 63 ? "62px" : "auto" ); min-height:62px; } #cex_twitter p{padding-bottom:1.2em;} #cex_twitter li{color:#fff;list-style:none; margin-bottom:1.2em;} #cex_twitter li span{margin-bottom:0.6em; display: block;} #cex_twitter li a{font-size: 10px !important; text-transform: none;} #cex_twitter a{color:#fff;text-transform:uppercase} #cex_twitter a:hover{color:#000;} #livetext{width:130px;display:block;} #pastille{width:74px;display:block;position:absolute; right:-7px; top:-12px;} #pastille a{display: block;height:74px; background-image:url('img/live.gif');background-position: top left; background-repeat: no-repeat;} #pastille a:hover{background-position: bottom left;} #cex_friends_gang{background-color: #2a2883;} #cex_friends_gang h2 {background-position:left top; background-repeat:no-repeat; height:55px;} .en #cex_friends_gang h2 {background-image: url('img/cs_friends_en.gif');} .fr #cex_friends_gang h2 {background-image: url('img/cs_friends_fr.gif');} #cex_friends_gang li{color:#fff;} #cex_friends_gang a{color:#fff;} #cex_friends_gang a:hover{color:#808080;} .socialnetwork{margin-bottom:12px;} .socialnetwork a{display: block; height:45px; background-position: top left; background-repeat: no-repeat;} .socialnetwork a:hover{background-position: bottom left;} .en #cex_badge_facebook a{background-image:url('img/cs_facebook_en.gif');} .fr #cex_badge_facebook a{background-image:url('img/cs_facebook_fr.gif');} .en #cex_badge_twitter a{background-image:url('img/cs_twitter_en.gif');} .fr #cex_badge_twitter a{background-image:url('img/cs_twitter_fr.gif');} #subscribe{background:#7e144e; color:#fff; font-size:10px; height:80px; position:relative;} #subscribe h2 {height:47px;} .en #subscribe h2 {background: #7e144e url('img/cs_subscribe_en.gif') no-repeat top left;} .fr #subscribe h2 {background: #7e144e url('img/cs_subscribe_fr.gif') no-repeat top left;} #newsletter_mail{border:0; width:130px; background-color:#fff; font-size:10px; padding:3px;} #subscribe_ok{ color:#000; background-color: #fff; line-height:11px; font-size: 10px; border: 2px solid #fff; padding:0; cursor:pointer; } #nwsl_reply{ width:185px; height:80px; padding:8px 10px 10px 10px; font-size: 14px; position:absolute; top:0; left:0; z-index: 3; background-color:#545454; } #nwsl_reply a{ display: block; margin-bottom:1.2em; cursor:pointer; text-align: right; color:#fff; font-size: 10px; font-style: italic; } #nwsl_reply a:hover{color:#000;} /* //////////// /// FOOTER */ #footer{border-top: 1px solid #cfd0d2; width:1002px;padding:5px 0 20px 0;} #footer ul{text-align: center; font-size: 9px; text-transform: uppercase;} #footer li{display: inline;} #footer a{color:#808080;} #footer a:hover{color:#000;} #footer .ftrcont a{color:#000;} #footer .ftrcont a:hover{color:#808080;} #footerlang{float:right;} #footerlang li{display: inline;} #footerlang a{ background-image: url('img/toplang.gif'); background-repeat: no-repeat; display: block; float:left; height:23px; margin-right:5px; } #footerlang_fr{background-position: 0px -29px; width:26px;} .selected #footerlang_fr, #footerlang_fr:hover{background-position: 0px -6px; width:26px;} #footerlang_uk, #footerlang_uk{background-position: -52px -29px; width:26px;} .selected #footerlang_uk, #footerlang_uk:hover{background-position: -52px -6px; width:26px;} .sIFR-dummy {width: 0px; height: 0px; margin-left: 42px !important; z-index: 0;}