/* @override http://www.mattrunks.com/wp-content/themes/mattrunks/style.css */ /* Theme Name: Mattrunks Theme URI: http://mattrunks.com/ Description: Thème WordPress pour le blog de Mattrunks. Version: 1.0 Author: Colorz Author URI: http://colorz.fr/ */ @font-face { font-family: 'DINBold'; src: url('fonts/ff_din_bold-webfont.eot'); src: url('fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ff_din_bold-webfont.woff') format('woff'), url('fonts/ff_din_bold-webfont.ttf') format('truetype'), url('fonts/ff_din_bold-webfont.svg#DINBold') format('svg'); font-weight: normal; font-style: normal; } :focus { -moz-outline-style: none; outline: 0 none;} body,html{height:100%;margin:0;padding:0;} body {font-size: 62.5%;font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif;background-color:#F0F0F0;margin: 0;padding: 0;width:100%;height:100%;position:relative;} hr {display: none;} a:hover {color:#444444;text-decoration:none;} a img {border: none;} .clear {clear: both;height: 0;margin:0;} .hidden {text-indent: -9999px;} .center {text-align: center;} .left {float: left;margin: 0;} .none {display: none;} .navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;} .alignright {float: right;} .alignleft {float: left;} .post {margin: 0 0 20px;} /* Blocs BACKGROUND */ #c_header {background:#171819 url(images/header/spacer.jpg) repeat-x scroll 0 bottom;clear:both;width:100%;padding-bottom: 30px;} #c_header .up-spacer {clear:both;height:0;margin:0;} #c_content {background-color:#F0F0F0;padding: 0;width: 980px;clear: both; margin: 40px auto 30px; } #c_footer {background-color:#282A2B;border-bottom:1px solid #0F1010;height:55px;width:100%;clear: both;} #c_copyrights {background-color:#171819;border-top:1px solid #3a3c3e;height:145px;width:100%;clear: both;} #c_tutoriaux { background-color:#FFFFFF; clear:both; padding:0 0 25px; width:100%; -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08); } /* Blocs STRUCTURE */ #page {background-color:#F0F0F0;margin:0;padding:0;width:100%;} #header {margin:0 auto;padding:30px 0 0;width:980px;height:110px;} #extendheader {margin:35px auto 15px;width:985px;} #content {font-size: 12px;position: relative;} #sidebar {font-family:'Trebuchet MS',Verdana,Arial,Helvetica,Sans-serif;font-size:12px;margin-left:660px;padding:0 0 5px 0;width:300px;color:#444444; } #footer, #copyrights {margin: 0 auto;padding: 0;width: 980px;clear: both;color: #444444;} #footer a, #copyrights a{color:#999999;} #footer a:hover, #copyrights a:hover{color: #444444;} #copyrights {font-size:11px;padding-top: 35px;} #last-tutoriaux {margin:0 auto;padding:20px 0 0;width:940px;} .narrowcolumn, .widecolumn {font-size: 12px;} .narrowcolumn .entry, .widecolumn .entry {font-size: 12px;} .narrowcolumn {float:left;margin:0 0 0 20px;padding:0;width:600px;} .widecolumn {margin:0 0 0 20px;width:940px;} li.aftereffects a {background:transparent url(images/icons/Ae-off.png) no-repeat scroll 0 0;} li.illustrator a {background:transparent url(images/icons/Ai-off.png) no-repeat scroll 0 0;} li.dreamweaver a {background:transparent url(images/icons/Dw-off.png) no-repeat scroll 0 0;} li.flash a {background:transparent url(images/icons/Fl-off.png) no-repeat scroll 0 0;} li.fireworks a {background:transparent url(images/icons/Fw-off.png) no-repeat scroll 0 0;} li.lightroom a {background:transparent url(images/icons/Lr-off.png) no-repeat scroll 0 0;} li.premiere a {background:transparent url(images/icons/Pr-off.png) no-repeat scroll 0 0;} li.photoshop a {background:transparent url(images/icons/Ps-off.png) no-repeat scroll 0 0;} li.mocha a {background:transparent url(images/icons/mocha-off.png) no-repeat scroll 0 0;} li.cinema-4d a {background:transparent url(images/icons/cinema-4d-off.png) no-repeat scroll 0 0;} li.aftereffects, li.aftereffects a:hover, li.aftereffects a.current, a.after-effects {background:transparent url(images/icons/Ae.png) no-repeat scroll 0 0;} li.illustrator, li.illustrator a:hover, li.illustrator a.current, a.illustrator {background:transparent url(images/icons/Ai.png) no-repeat scroll 0 0;} li.dreamweaver, li.dreamweaver a:hover, li.dreamweaver a.current, a.dreamweaver {background:transparent url(images/icons/Dw.png) no-repeat scroll 0 0;} li.flash, li.flash a:hover, li.flash a.current, a.flash {background:transparent url(images/icons/Fl.png) no-repeat scroll 0 0;} li.fireworks, li.fireworks a:hover, li.fireworks a.current, a.fireworks {background:transparent url(images/icons/Fw.png) no-repeat scroll 0 0;} li.lightroom, li.lightroom a:hover, li.lightroom a.current, a.lightroom {background:transparent url(images/icons/Lr.png) no-repeat scroll 0 0;} li.premiere, li.premiere a:hover, li.premiere a.current, a.premiere-pro {background:transparent url(images/icons/Pr.png) no-repeat scroll 0 0;} li.photoshop, li.photoshop a:hover, li.photoshop a.current, a.photoshop {background:transparent url(images/icons/Ps.png) no-repeat scroll 0 0;} li.mocha, li.mocha a:hover, li.mocha a.current, a.mocha {background:transparent url(images/icons/mocha.png) no-repeat scroll 0 0;} li.cinema-4d, li.cinema-4d a:hover, li.cinema-4d a.current, a.cinema-4d {background:transparent url(images/icons/cinema-4d.png) no-repeat scroll 0 0;} a.after-effects, a.illustrator, a.dreamweaver, a.flash, a.fireworks, a.lightroom, a.premiere-pro, a.photoshop {display: block;} /* #tabbox_extend_containers div#tuto-postmeta ul li.software ul.tutoprograms li.aftereffects {background:transparent url(images/icons/Ae.png) no-repeat scroll 0 0;} #tabbox_extend_containers div#tuto-postmeta ul li.illustrator {background:transparent url(images/icons/Ai.png) no-repeat scroll 0 0;} #tabbox_extend_containers div#tuto-postmeta ul li.dreamweaver {background:transparent url(images/icons/Dw.png) no-repeat scroll 0 0;} #tabbox_extend_containers div#tuto-postmeta ul li.flash {background:transparent url(images/icons/Fl.png) no-repeat scroll 0 0;} #tabbox_extend_containers div#tuto-postmeta ul li.fireworks {background:transparent url(images/icons/Fw.png) no-repeat scroll 0 0;} #tabbox_extend_containers div#tuto-postmeta ul li.lightroom {background:transparent url(images/icons/Lr.png) no-repeat scroll 0 0;} #tabbox_extend_containers div#tuto-postmeta ul li.premiere {background:transparent url(images/icons/Pr.png) no-repeat scroll 0 0;} #tabbox_extend_containers div#tuto-postmeta ul li.software ul.tutoprograms li.photoshop {background:transparent url(images/icons/Ps.png) no-repeat scroll 0 0;} */ /*.single-contest #tabbox_extend_containers .embedvideo{margin-right:22px;margin-left:22px;height:360px !important;}*/ .single-contest #tabbox_extend_containers .embedvideo{height:360px !important;margin:0 22px;} .embedvideo .nocontent{color:#fff;text-align:center;font-size:15px;padding:90px 0 0 0;font-weight:bold;} .videosoumission{position:absolute;} .infosoumission{position:absolute;} /*#soumission-movie{background:url('images/content/ajax-loader2.gif') no-repeat center center;}*/ /* Blocs HEADINGS */ h1, h2, h3 {font-family: 'Trebuchet MS', 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif;font-weight: bold;} h1 {font-size: 22px;text-align: center; margin: 0;} h2 {font-size:21px;margin: 0 0 0;} p.infosad { float:none;font-size: 14px;text-decoration: none;font-family: 'Trebuchet MS', 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif;font-weight: bold; width: 280px; color: #424242; padding-bottom: 6px; padding-top: 5px; border-top: 1px solid #eaeaea; } p.titread, p.titread a { color: #797979; padding-top: 10px; padding-bottom: 5px; } p.infosad:hover {color: #f75544;text-decoration: none;} h3 {padding: 0;margin: 30px 0 0; font-size: 1.4em; } h2 a {color:#F75544;line-height:18px;} a, h2 a:hover, h3 a:hover {color: #f75544;text-decoration: none;} h2.pagetitle {font-size: 1.6em;} h1, h1 a, h1 a:hover, h1 a:visited {text-decoration: none;color: white;} h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {text-decoration: none;} h2.pagetitle {margin-top: 30px;text-align: center;} h3.comments {padding: 0;margin: 40px auto 20px ;} /* Blocs HEADER */ #header h1 a{background:transparent url(images/header/logo.jpg) no-repeat scroll 0 0;display:block;height: 54px;margin-left:30px;width:214px;} #header p.description {background:transparent url(images/header/baseline.jpg) no-repeat scroll 0 0;display:block;float:left;height:44px;margin:0;width: 250px;} #header #header-nav {position: relative;display:block;list-style-type:none; margin:15px 0 0 20px; width: 939px; height: 26px; background-image: url(images/menu.png); padding: 10px 0px; } #header #header-nav li {display: block;float:left; padding:0 1px; border-right: 1px solid #232425; border-left: 1px solid #3a3b3e; height: 16px; margin-top: 5px; } #header #header-nav li a{ margin-top: -5px; display: block; height:26px; line-height: 30px; text-shadow:-1px -1px 0px #1f2022; text-transform: uppercase; color:#fff; font-family: DINBold; font-size: 12px; padding:0px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #header #header-nav li a:hover{ background-color: #393a3c;} #header #header-nav li a.current{ background-color: #f85546; text-shadow:-1px -1px 0px #dc3023} #header #header-nav li.first{ border-left:none; margin-left: 10px;} #header #header-nav li.last{ border-right:none;} #header #header-nav li.nav-search{ position: absolute; top:5px; right:0; height: 25px; width: 148px; } #searchform {margin:0;padding:0;} #searchform input#s {float:left;background:transparent; border:none;color:#9D9D9D;margin:0; width: 105px; height: 23px; padding-left: 10px;} #searchform input#searchsubmit {cursor:pointer;float:right; width: 33px; height: 23px; text-indent: -9999px; background:transparent; margin: 0px;padding: 0px; border: none; } /* #header #header-nav li.nav-home a{background:transparent url(images/header/nav1-home.jpg) no-repeat scroll 0 0;width:61px;} #header #header-nav li.nav-blog a{background:transparent url(images/header/nav2-blog.jpg) no-repeat scroll 0 0;width:52px;} #header #header-nav li.nav-cat a{background:transparent url(images/header/nav3-categories.jpg) no-repeat scroll 0 0;width:107px;} #header #header-nav li.nav-tuto a{background:transparent url(images/header/nav4-tutoriaux.jpg) no-repeat scroll 0 0;width:87px;} #header #header-nav li.nav-premium a{background:transparent url(images/header/nav5-premium.jpg) no-repeat scroll 0 0;width:76px;} #header #header-nav li.nav-forum a{background:transparent url(images/header/nav6-forum.jpg) no-repeat scroll 0 0;width:69px;} #header #header-nav li.nav-contest a{background:transparent url(images/header/nav7-contest.jpg) no-repeat scroll 0 0;width:74px;} #header #header-nav li.nav-broll a{background:transparent url(images/header/nav8-blogroll.jpg) no-repeat scroll 0 0;width:84px;} #header #header-nav li.nav-contact a{background:transparent url(images/header/nav9-contact.jpg) no-repeat scroll 0 0;width:72px;} #header #header-nav li.nav-search{background:transparent url(images/header/search.jpg) no-repeat scroll right 0;height:34px;padding-top:14px;width:258px;} #header #header-nav li a:hover, #header #header-nav li a.souscat {background-position: 0 -45px;} #header #header-nav li a.current, #header #header-nav li a:hover.current {background-position: 0 bottom;} */ /* #header #header-nav li:hover.nav-cat #header-subnav {opacity:1;} */ #header #header-nav .nav-cat #header-subnav { background:transparent url(images/header/menu-top.png) no-repeat scroll 0 0; position:absolute; width:141px; z-index:1; margin:-4px 0 0 -18px; overflow:hidden; height:0; } #header #header-nav .nav-cat #header-subnav ul {width:141px;display:block;background:transparent url(images/header/menu-bottom.png) no-repeat scroll 0 bottom;margin:15px 0 0 0;padding:0 0 8px;list-style:none;} #header #header-nav .nav-cat #header-subnav ul li{background:#393A3C url(images/header/menu_spacer.jpg) repeat-x scroll 0 bottom; display:block; float:none; padding: 3px 0px; width:141px; height: auto; border: none; margin: 0px; } #header #header-nav .nav-cat #header-subnav ul li.nav-life{background: #393A3C none repeat scroll 0 0;padding-bottom: 0;} #header #header-nav .nav-cat #header-subnav ul li a {display:block; height:26px; margin:0 4px 0 5px; width:132px; padding: 0px; } #header #header-nav .nav-cat #header-subnav ul li.nav-motion a{background:transparent url(images/header/menu_motion.jpg) no-repeat scroll 0 0;} #header #header-nav .nav-cat #header-subnav ul li.nav-studios a{background:transparent url(images/header/menu_studios.jpg) no-repeat scroll 0 0;} #header #header-nav .nav-cat #header-subnav ul li.nav-reels a{background:transparent url(images/header/menu_reels.jpg) no-repeat scroll 0 0;} #header #header-nav .nav-cat #header-subnav ul li.nav-softs a{background:transparent url(images/header/menu_softs.jpg) no-repeat scroll 0 0;} #header #header-nav .nav-cat #header-subnav ul li.nav-graphisme a{background:transparent url(images/header/menu_graphisme.jpg) no-repeat scroll 0 0;} #header #header-nav .nav-cat #header-subnav ul li.nav-musique a{background:transparent url(images/header/menu_music.jpg) no-repeat scroll 0 0;} #header #header-nav .nav-cat #header-subnav ul li.nav-life a{background:transparent url(images/header/menu_mylife.jpg) no-repeat scroll 0 0;} #header #header-nav .nav-cat #header-subnav ul li a:hover {background-position: left bottom;} #header #header-nav .nav-cat #header-subnav ul li a {background: none;} #header #loginbox {display:block;height:60px;list-style-type:none;margin:0 0 0 660px;padding:0;position:absolute;top:30px;width:300px;} #header #loginbox li {display: block;float:left;} #header #loginbox li.join-us span{background:transparent url(images/header/join-us.jpg) no-repeat scroll 0 -10px;display:block;height:44px;margin-right:13px;width:98px;} #header #loginbox li.inscription a, #header #loginbox li.connexion a {display:block;height:30px;width:93px;cursor:pointer;} #header #loginbox li.inscription a{background:transparent url(images/header/btn_inscription.jpg) no-repeat scroll 0 0;margin-right:3px;} #header #loginbox li.connexion a{background:transparent url(images/header/btn_connexion.jpg) no-repeat scroll 0 0;} #header #loginbox li.inscription a:hover, #header #loginbox li.connexion a:hover {background-position: left -30px;} #header #loginbox li.inscription a:active, #header #loginbox li.connexion a:active {background-position: left bottom;} #header #loggedbox { display:block; height:60px; list-style-type:none; margin: 0 0 0 620px; padding:0; position:absolute; top:30px; width:320px; } #header #loggedbox li {display: block;float:left;} #header #loggedbox li.welcome-back span{ background:transparent url(images/header/welcome-back.jpg) no-repeat scroll 0 0; display:block; height:44px; margin-right:13px; width:105px; } #header #loggedbox li.member-avatar{ margin-right:10px; margin-top:5px; } #header #loggedbox li.member-avatar #avatarthumb, #header #loggedbox #avatarthumb { -moz-border-radius:3px; -webkit-border-radius:3px; border:3px solid #353839; height:32px;width:32px; } #header #loggedbox li.member-info { margin-top:5px; font-size: 11px; color: #999999; } #header #loggedbox li.member-info a.name { font-size:16px; font-weight:bold; } #header #loggedbox li.member-info a.name:hover { color:#444444; } #header #loggedbox li.member-info a.link { font-size: 11px; color: #999999; } #header #loggedbox li.member-info a:hover.link { color: #444444; } body.premium #content h3,body.inscription-premium #content h3{ background:url("images/content/h2-premium.jpg") no-repeat scroll 0 0 transparent; display:inline-block; height:17px; margin-bottom:10px !important; width:93px; } body.merci #content h3,body.inscription-premium #content h3{ background:url("images/content/h2-merci.png") no-repeat scroll 0 0 transparent; display:inline-block; height: 22px; width: 243px; } div.congratsachat { text-align: center; font-size: 15px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color: #f2f2f2; margin: 300px 40px 20px; padding: 20px; } /* INSCRIPTION */ .registerpage #content h3{ background:transparent url(images/content/h2-inscription.jpg) no-repeat scroll 0 0; display:inline-block; height:17px; margin-bottom:10px !important; width:130px; } .registerpage #content form { display:block; margin: 0 auto 0 14px; width:415px; float: left; } /* Blocs EXTEND HEADER SINGLE TUTO*/ #extendheader h2{color:#F75544;display:block;float:left;font-size: 22px;height:41px;width:900px;margin-bottom: 20px;padding-left:22px; padding-top: 7px; } #extendheader span.com {background:transparent url(images/content/tutometa-comment2large.jpg) no-repeat scroll 0 0;display:block;height:41px;margin-left:925px;padding-top: 8px;text-align:center;width:37px; margin-top: -18px; } #extendheader span.com a{color:#FFFFFF;font-size:16px;font-weight:bold;} #extendheader span.com a:hover{color:#F75544;} .tabtuto{margin:0 22px;width:920px; height: 567px; } #extendheader ul.tabbox_extend {display:block;list-style-type:none;margin:0;padding:0;width:940px;padding:0 0 0 22px;} #extendheader ul.tabbox_extend li {display:block;float:left;height:30px;margin-right:5px;padding-top:10px;text-align:center;} #extendheader ul.tabbox_extend li:hover{opacity:0.8;} #extendheader ul.tabbox_extend li a {color:#777777;font-size: 14px;font-weight:bold;} #extendheader ul.tabbox_extend li.item1 {background:transparent url(images/content/tutometa-onglet.jpg) no-repeat scroll 0 0;width:160px;} #extendheader ul.tabbox_extend li.item2 {background:transparent url(images/content/tutometa-onglet.jpg) no-repeat scroll 0 0;width:160px;} #extendheader ul.tabbox_extend li.item2 span {font-size: 12px;font-weight: normal;} #extendheader ul.tabbox_extend li.item3 {background:transparent url(images/content/tutometa-onglet2.jpg) no-repeat scroll 0 0;width:210px;} #extendheader ul.tabbox_extend li.item4 {background:transparent url(images/content/tutometa-onglet2.jpg) no-repeat scroll 0 0;width:210px; } #extendheader ul.tabbox_extend li.last_item {background:transparent url(images/content/tutometa-onglet3.jpg) no-repeat scroll 0 0;height:20px !important;margin-right:0 !important;padding-bottom:10px;padding-left:15px;padding-right:10px;padding-top:10px !important;width:370px;} #extendheader ul.tabbox_extend li.last_item_english {background: transparent url(images/content/tutometa-onglet3-english.jpg) no-repeat scroll 0 0;height: 20px;margin-right:0 !important;width: 160px; padding: 5px 15px 15px 5px; } #extendheader ul.tabbox_extend li:hover.last_item{opacity:1;} body.single-contest #extendheader ul.tabbox_extend li.item2 {background:transparent url(images/content/tutometa-onglet.jpg) no-repeat scroll 0 0;width:160px;} body.single-contest #extendheader ul.tabbox_extend li.last_item {background:transparent url(images/content/contest-onglet.jpg) no-repeat scroll 0 0;width:585px;} #extendheader ul.tabbox_extend li.last_item p {margin:0 !important;text-align:left;height:20px;} #extendheader ul.tabbox_extend li.last_item p.lang{display:block;float:left;width:55px;} #extendheader ul.tabbox_extend li.last_item p.lang span.langinfo{display:block;float:left;height:11px;margin:5px 5px 0;width:16px;} #extendheader ul.tabbox_extend li.last_item p.lang span.fr{background:transparent url(images/content/tutometa-fr.jpg) no-repeat scroll 0 0;} #extendheader ul.tabbox_extend li.last_item p.lang span.en{background:transparent url(images/content/tutometa-en.jpg) no-repeat scroll 0 0;} #extendheader ul.tabbox_extend li.last_item p.lang span.off {background-position: left bottom;} #extendheader ul.tabbox_extend li.last_item p.lang span.spacer {background:transparent url(images/content/tutometa-spacer.jpg) no-repeat scroll 0 0;display:block;float:left;height:21px;width:2px;} #extendheader ul.tabbox_extend li.last_item a.like-it{ background:transparent url(images/content/tutometa-likes.jpg) no-repeat scroll right 0; color:#F75544; display:block; float:right; font-size:11px; height:20px; padding-right:29px; padding-top:3px; text-align:right; } #extendheader ul.tabbox_extend li.last_item .post-ratings,#extendheader ul.tabbox_extend li.last_item_english .post-ratings{ /*background:transparent url(images/content/tutometa-likes.jpg) no-repeat scroll right 0;*/position:relative;color:#F75544;display:block;float:right;font-size:11px;height:20px;line-height:12px;/*padding-right:29px;*//*padding-top:3px;*/text-align:right;width:150px; } #extendheader ul.tabbox_extend li.last_item .post-ratings img{ float:right;margin:0 0 0 3px; } #extendheader ul.tabbox_extend li.last_item .post-ratings span{ margin:3px 3px 0 0; display:inline-block; } #extendheader ul.tabbox_extend li.last_item p.deadline{color:#999999;display:block;float:right;font-size:12px;font-weight:bold;padding-top:3px;text-align:right;} #extendheader ul.tabbox_extend li.current {background-position:0 bottom !important;} #extendheader ul.tabbox_extend li.current a {color:#ffffff;font-size:14px;font-weight:bold;} #extendheader ul.tabbox_extend li.current a:hover{opacity:1;} #extendheader #tabbox_extend_containers {clear:both;width: 985px;/*margin:0 22px;*/} #extendheader #tabbox_extend_containers div.embedvideo { -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; background-color:#282A2B; /*margin-left:22px; margin-right:22px;*/ padding:10px; width:920px;height: 547px; position:relative;display:block; float: left; } #extendheader #tabbox_extend_containers div.embedyoutube { -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; background-color:#282A2B; /*margin-left:22px; margin-right:22px;*/ padding:10px; width:920px;height:520px; position:relative;display:block; } #extendheader #tabbox_extend_containers div.embedvimeo { -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; background-color:#282A2B; /*margin-left:22px; margin-right:22px;*/ padding:10px; width:920px;height:520px; position:relative;display:block; } #extendheader #tabbox_extend_containers div.embedvideo div.contestfull {float:left;height:360px;width:640px;} #extendheader #tabbox_extend_containers div.embedvideo div.contestfull img {height:360px;width:640px;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos { -webkit-border-bottom-right-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; /*background:url("images/content/contestmeta-back2ground.jpg") no-repeat scroll 0 0 #202123;*/ background-color:#202122; height:330px; margin:0 0 0 650px; padding:5px 10px 25px; width:250px;} .single-soumissions #extendheader #tabbox_extend_containers div.embedvideo {-moz-border-radius:6px;-webkit-border-radius:6px; background-color:#282A2B; margin-left:22px; margin-right:22px; padding:10px; width:919px;} div#soumission-single-movie.contestfullyoutube { height: 545px; display: block; } .single-soumissions #extendheader #tabbox_extend_containers div.embedyoutube {-moz-border-radius:6px;-webkit-border-radius:6px; background-color:#282A2B; margin-left:22px; margin-right:22px; padding:10px; width:919px;} .single-soumissions #extendheader #tabbox_extend_containers p.postmetadata {margin:0 0 10px;} .single-soumissions #extendheader #tabbox_extend_containers p.postmetadata a {font-size: 13px;} .single-soumissions #extendheader #tabbox_extend_containers p.postmetadata span.date {background:transparent url(images/content/postmeta-date3.jpg) no-repeat scroll left 2px;color:#999999;font-size:11px;padding-left:14px;} .single-soumissions #extendheader #tabbox_extend_containers div.contesttitle {display:block;float:right;margin-top:-33px;} .single-soumissions #extendheader #tabbox_extend_containers div.contesttitle h3 {background:transparent url(images/content/contestmeta-contesttitle.jpg) no-repeat scroll 0 3px;display:inline-block;height:13px;margin:0;width:52px;} .single-soumissions #extendheader #tabbox_extend_containers div.contesttitle a {color:#999999;display:inline;font-size:12px;font-weight:bold;height:10px;} .single-soumissions #extendheader #tabbox_extend_containers div.contesttitle a:hover {color:#444444;} .single-soumissions #extendheader #tabbox_extend_containers div.tutotitle {display:block;float:right;margin-top:-33px;} .single-soumissions #extendheader #tabbox_extend_containers div.tutotitle h3 {background:transparent url(images/content/contestmeta-tutotitle.jpg) no-repeat scroll 0 3px;display:inline-block;height:13px;margin:0;width:55px;} .single-soumissions #extendheader #tabbox_extend_containers div.tutotitle a {color:#999999;display:inline;font-size:12px;font-weight:bold;height:10px;} .single-soumissions #extendheader #tabbox_extend_containers div.tutotitle a:hover {color:#444444;} .single-soumissions #content #submission-author {background-color: #171819;-moz-border-radius: 6px;-webkit-border-radius:6px;padding: 15px;} .single-soumissions #content #submission-author h3 {background:transparent url(images/content/post-cmouakilefe.jpg) no-repeat scroll 0 0;margin-bottom:5px;} .single-soumissions #content #submission-author div.author-info {background-color:#282A2B;color:#999999;margin:0;padding:10px;-moz-border-radius: 6px;-webkit-border-radius:6px;} .single-soumissions #content #submission-author div.author-info a {color: #444444;} .single-soumissions #content #submission-author div.author-info a.author-name {color:#F75544;display:block;font-size:14px;font-weight:bold;} .single-soumissions #content #submission-author div.author-info img {float:left;margin-right:10px;} .single-soumissions .embedvideoyoutube {height:585px !important;background-color:#282A2B; } .single-soumissions .embedvideo {background-color:#282A2B; height: 585px !important; } .single-tutoriaux .embedvideo {height:550px !important;background-color:#282A2B;} .single-tutoriaux .embedvimeo {height: 550px;background-color:#282A2B;} .single-tutoriaux .embedvideo.onglet3 {height:360px !important;} .single-tutoriaux .embedvideo embed{background-color:#282A2B;} .single-tutoriaux .embedvimeo embed{background-color:#282A2B;} h3.author {background:transparent url(images/content/h2-author.jpg) no-repeat scroll 0 0;display:block;height:16px;margin: 5px 0 15px;width:220px;} h3.gagnant {background:transparent url(images/content/h2-gagnant.jpg) no-repeat scroll 0 0;display:block;height:16px;width:220px; margin: 5px 0 15px; } h3.ressource {background:transparent url(images/content/h2-ressources.jpg) no-repeat scroll 0 0;display:block;height:16px;margin:0 0 15px;width:220px;} h3.projet {background:transparent url(images/content/h2-projet.jpg) no-repeat scroll 0 0;display:block;height:11px;margin:0 0 13px;width:70px;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos p.author-info { background:transparent url(images/content/contest-spacer.jpg) repeat-x scroll 0 bottom; margin-bottom:25px; margin-top:0; padding-bottom:30px; } #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos p.author-info a {color: #444444;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos p.author-info a.author-name {color:#F75544;display:block;font-size:15px;font-weight:bold;padding-top:10px;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos p.author-info a.url {color:#444444;display:block;font-size:12px;margin-top:3px;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos p.author-info img {border:4px solid #282A2B;float:left;margin-right:8px;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos.basecontest .aboutinfo{color:#999999;font-size:12px;text-align:left;background:url("images/content/contest-spacer.jpg") repeat-x scroll 0 bottom transparent;padding:0 0 20px 0;margin:0 0 20px 0;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos.basecontest .aboutinfo h4{font-size:12px;color:#fff;margin:0;font-style:italic;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos.basecontest .aboutinfo .sousinfo{margin:0 0 12px 0;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos.basecontest .aboutinfo ul{background:none;margin:0;padding:0;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos ul { background:transparent url(images/content/contest-spacer.jpg) repeat-x scroll 0 bottom; display:block; list-style-type:none; margin-bottom:20px; margin-top:0; padding-bottom:20px; padding-left:0; } #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos ul li { color:#999999; font-size:12px; line-height:18px; } #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos ul li span.info{color: #444444;} #extendheader #tabbox_extend_containers div.embedvideo div.contestinfos ul li span.on{color: #FFFFFF;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos h2 {color:#fff;display:inline;/*height:20px;*/margin:0 !important;padding:0 !important;width:250px;float: none!important;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos h2 a{color:#FFFFFF!important;font-size:18px;font-weight:bold;text-indent:0 !important;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos p.postmetadata {width:250px;background:transparent url(images/content/contest-spacer.jpg) repeat-x scroll 0 bottom;color:#999999;display:block;font-size:10px;margin:10px 0 20px;padding:0 0 10px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos p.postmetadata a.twt_author {font-size: 13px} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos p.postmetadata span.comments a {color:#999999;font-size:11px;font-weight:bold;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos .excerpt {background:transparent url(images/content/contest-spacer.jpg) repeat-x scroll 0 bottom;color:#999999;display:block;font-size:12px;margin:0 0 20px;padding:0 0 20px;width:250px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos .excerpt .avatarinfo{float:left;width:50px;height:50px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos .excerpt .avatarinfo img{-webkit-border-radius:6px;-moz-border-radius:6px 6px 6px 6px;border:3px solid #343839;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos .excerpt .aboutinfo{float:right;width:185px;text-align:left;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos .excerpt .aboutinfo h4{color:#fff;margin:0;font-style:italic;font-size:12px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos .excerpt .aboutinfo .sousinfo{margin:0 0 12px 0;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos .excerpt .aboutinfo ul{background:none;margin:0;padding:0;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos ul {background:transparent url(images/content/contest-spacer.jpg) repeat-x scroll 0 bottom;display:block;list-style-type:none;padding:0 0 25px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos div.votebox{position:relative;background:transparent url(images/content/contest-votebackground.jpg) no-repeat scroll 0 0;color:#999999;display:block;font-size:12px;height:29px;margin:0 auto;padding:5px 10px 5px 50px;width:158px;margin-left:18px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos div.votebox span {display:inline-block;padding-top:6px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos div.votebox span.votenb{font-size: 15px;font-weight: bold;color: #ffffff;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos div.votebox p{color:#999999;display:block;font-size:10px;line-height:12px;height:29px;width:110px;float:right;text-align:center;margin:3px 0 0 0;font-style:italic;position:absolute;top:5px;left:100px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos form{float:right;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos input.votebtn{cursor:pointer;border:0 none;background:transparent url(images/content/contest-voter2.jpg) no-repeat scroll 0 0;color:#999999;display:block;float:right;height:30px;width:85px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos input:hover.votebtn {background-position: left -30px;} #extendheader #tabbox_extend_containers div.embedvideo div.submitinfos input:active.votebtn {background-position: left bottom;} .single-soumissions #extendheader #tabbox_extend_containers .votebox form{float: right; margin-right: 12px; } .single-soumissions #extendheader #tabbox_extend_containers .votebox form input.votebtn{cursor:pointer;border:0 none;background:transparent url(images/content/contest-voter2.jpg) no-repeat scroll 0 0;color:#999999;display:block;float:right;height:30px;width:85px;} .single-soumissions #extendheader #tabbox_extend_containers .votebox form input:hover.votebtn {background-position: left -30px;} .single-soumissions #extendheader #tabbox_extend_containers .votebox form input:active.votebtn {background-position: left bottom;} .single-soumissions .clearboth{display:block;clear:both;} #extendheader #tabbox_extend_containers div#tuto-englishmeta {width: 900px; margin-top: 20px; margin-bottom: 20px; color: #c0c0c0; font-size: 12px; margin-left: 22px; height: 40px; position: relative; top: 83px; } #extendheader #tabbox_extend_containers div#tuto-postmeta {background-color:#202123;-webkit-border-radius:6px;-moz-border-radius:6px 6px 6px 6px;/*background:transparent url(images/content/tutometa-back2ground.jpg) no-repeat scroll 0 -7px;height:125px;*/margin-left:22px;margin-right:22px;padding: 20px;width: 900px; height: 40px; } #extendheader #tabbox_extend_containers div#tuto-postmeta p {color:#999999;font-size:13px;margin:10px 0 0; } #hiddenform p.helper { } #extendheader #tabbox_extend_containers div#tuto-postmeta p.clear{margin: 0!important;} .single-soumissions #extendheader #tabbox_extend_containers div#tuto-postmeta {background:transparent url(images/content/submissionsmeta-btnbackground.jpg) no-repeat scroll 0 0;height:68px;margin-left:22px;margin-right:22px;padding:10px;width:920px;} .single-soumissions #extendheader #tabbox_extend_containers div#tuto-postmeta div.votebox{background:transparent url(images/content/background-singlevote.png) no-repeat scroll 0 0;color:#999999;display:block;font-size:12px;height:29px;margin:15px auto auto;padding:5px 10px 5px 50px;width: 175px;} .single-soumissions #extendheader #tabbox_extend_containers div#tuto-postmeta div.votebox span { display:block; float:left; margin-right:5px; padding-top:7px; } .single-soumissions #extendheader #tabbox_extend_containers div#tuto-postmeta div.votebox span.votenb{ color:#FFFFFF; font-size:15px; font-weight:bold; padding-top:5px !important; } .single-soumissions #extendheader #tabbox_extend_containers div#tuto-postmeta div.votebox p{color:#999999;display:block;font-size:10px;line-height:12px;height:29px;width:110px;float:right;text-align:center;margin: 3px 0 0;font-style:italic; position: relative; left: -10px; } body.single-soumissions #extendheader #tabbox_extend_containers div#tuto-postmeta a.votebtn{ background:transparent url(images/content/contest-voter2.jpg) no-repeat scroll 0 0; color:#999999; display:block; float:left; height:30px; margin-left:15px; width:85px; } body.single-soumissions #extendheader #tabbox_extend_containers div#tuto-postmeta a:hover.votebtn {background-position: left -30px;} body.single-soumissions #extendheader #tabbox_extend_containers div#tuto-postmeta a:active.votebtn {background-position: left bottom;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta {-moz-border-radius:6px;-webkit-border-radius:6px;background:#202122 none repeat scroll 0 0; height:168px; margin-left:22px; margin-right:22px; padding:15px; width:910px; } body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button a.pcontest {background:transparent url(images/content/contest-participer2.jpg) no-repeat scroll 0 0;width:216px;margin-left:340px;margin-right: 0!important;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button a:hover.pcontest {background-position:left -39px;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button a:active.pcontest {background-position:left bottom;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta.submit-button {height: 100%;} body.single-contest #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button.submit-button {height: 260px;} body.single-contest #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button.submit-button.paslogbutton {height: 55px;} body.single-contest #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button.submit-button.paslogbutton #submitsoumission{margin-top:10px;} body.single-contest #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button .submit_left {float:left;width:440px;} body.single-contest #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button .submit_right {margin-left:440px;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta.submit-button a.closecross {background:transparent url(images/content/post-cross.jpg) no-repeat scroll 0 0;display:block;float:right;height:16px;width:17px;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta.submit-button a.nodisplay {display:none;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta.submit-button form {margin-top:10px;} body.single-contest #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button {-moz-border-radius:6px;-webkit-border-radius:6px; background:#282A2B none repeat scroll 0 0; margin:25px 0 0; padding:10px 10px 15px; text-align:left; } body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button label {color:#FFFFFF;font-size:13px;margin-right:40px;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button label.grey, body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button span.grey {color:#999999;font-size:14px;font-weight:bold;display: block;margin-right:0!important;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button span.grey {display:block; margin-bottom:15px;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #submitsoumission{height:49px;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button input.input {background:transparent url(images/content/contest-input.jpg) no-repeat scroll 0 0;border:0 none;color:#999999;height:15px;margin:5px 0 25px;padding:10px;width:405px;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button input#submit {cursor:pointer;background:transparent url(images/content/tutometa-btn-sdcrea.jpg) no-repeat scroll 0 0;border:0 none;height:39px;width:216px;font-size:0;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button input#submit:hover {background-position:left -39px;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button input#submit:active {background-position:left bottom;} body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button p.helper {background:transparent url(images/content/contest-helper.jpg) no-repeat scroll 0 0;display:block;font-size:11px !important;margin:0px 0 0 70px!important;padding:4px 0 0 25px;line-height: 12px;height:20px;} #containerslider{width:890px !important;overflow:hidden;position:relative;height:154px;} #tabbox_extend_containers div.tuto_relatedcontent {height:154px;width:980px; display: block; right: 22px; position: relative; top: 419px; } .single-tutoriaux #tabbox_extend_containers div.tuto_relatedcontent{margin-left:-22px !important;} .single-tutoriaux-premium #tabbox_extend_containers div.tuto_relatedcontent{margin-left:-22px !important;} #tabbox_extend_containers div.tuto_relatedcontent a.navbutton {cursor:pointer;display:block;height:154px;width:23px;float: left;} #tabbox_extend_containers div.tuto_relatedcontent a.prev {background:transparent url(images/content/tutometa-related-arrowleft.jpg) no-repeat scroll 0 0;margin-left:3px;position:absolute;} #tabbox_extend_containers div.tuto_relatedcontent a.next {background:transparent url(images/content/tutometa-related-arrowright.jpg) no-repeat scroll 0 0;margin-left:963px;position:absolute;} #tabbox_extend_containers div.tuto_relatedcontent a:hover {background-position: right bottom;} #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window {background:transparent url(images/content/tutometa-relatedbackground.jpg) no-repeat scroll 0 0; background:transparent url(images/content/tutometa-relatedbackground.jpg) no-repeat scroll 0 0;overflow:hidden;height:127px;margin-left:23px;padding:25px 25px 0;position:absolute;width:890px; } #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider {display:block;width:1800px;position:absolute;} #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul{display:block;margin:0;padding:0;} #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li {cursor:pointer;display:block;float:left;margin-right:10px;} #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li.alt {} #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li a {display:block;border: 5px solid #282a2b;-moz-border-radius:3px;-webkit-border-radius:3px;width:160px;height:95px;} #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li .author a{display:inline !important;border: 0 none !important;} #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li p.rollover{ background:#1D1E1F none repeat scroll 0 0; color:#444444; display:block; height:38px; margin-bottom:0; margin-left:5px; margin-top:-100px; opacity:0; padding:32px 10px 25px; position:absolute; width:140px; } .single-tutoriaux #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li p.rollover{margin-left:5px;margin-top:-100px;} #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li:hover a {border: 5px solid #f75544;} /*#tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li:hover p.rollover{opacity:0.9;}*/ #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li p span.title {color:#F75544;display:block;font-size:14px !important;font-weight:bold;} #tabbox_extend_containers div.tuto_relatedcontent div.relatedcontent_window div.relatedcontent_slider ul li p span.author {color: #999999;} #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button {-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px; background:none repeat scroll 0 0 #282A2B;/*background:transparent url(images/content/tutometa-btnbackground.jpg) no-repeat scroll 0 0;*/display:block;height: 38px;margin:0;padding: 15px 105px; text-align: center; } #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button a {/*display:block;float:left;*/display:inline-block;height:39px;} #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button a.dltuto {background:transparent url(images/content/tutometa-btn-dltuto.jpg) no-repeat scroll 0 0;width:216px;} #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button a.dlprojet {background:transparent url(images/content/tutometa-btn-dlprojet.jpg) no-repeat scroll 0 0;margin-left:15px;margin-right:15px;width:216px;} #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button a.sdcrea {background:transparent url(images/content/tutometa-btn-sdcrea.jpg) no-repeat scroll 0 0;margin-right:0 !important;width:216px; display: none; } #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button a:hover {background-position:left -39px;} #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button a:active {background-position:left bottom;} #tabbox_extend_containers .contestinfos a.dlprojet {background:transparent url(images/content/tutometa-btn-dlprojet2.jpg) no-repeat scroll 0 0;display:block;height:39px;margin-left:25px;width:216px;} #tabbox_extend_containers .contestinfos a:hover {background-position:left -39px;} #tabbox_extend_containers .contestinfos a:active {background-position:left bottom;} #tabbox_extend_containers div#tuto-postmeta ul { display:block; list-style-type:none; margin:13px 0 0 2px; padding:0 !important; } #tabbox_extend_containers div#tuto-postmeta ul li {background:transparent url(images/content/tutometa-spacer2.jpg) no-repeat scroll right 0; color:#444444; display:block; float:left; font-size:11px;} #tabbox_extend_containers div#tuto-postmeta ul li.difficulty{width:70px;} #tabbox_extend_containers div#tuto-postmeta ul li.difficulty a {background:transparent url(images/content/tutometa-difficulty.jpg) no-repeat scroll 0 0;display:block;height:17px;width:50px;} #tabbox_extend_containers div#tuto-postmeta ul li.difficulty a.facile {background-position: left top;} #tabbox_extend_containers div#tuto-postmeta ul li.difficulty a.moyen {background-position: left -17px;} #tabbox_extend_containers div#tuto-postmeta ul li.difficulty a.difficile {background-position: left bottom;} #tabbox_extend_containers div#tuto-postmeta ul li.software{padding:0 15px;} #tabbox_extend_containers div#tuto-postmeta ul li.software ul.tutoprograms {list-style-type: none;padding: 0;margin:0 0 0 55px;} #tabbox_extend_containers div#tuto-postmeta ul li.software ul.tutoprograms li a{ display:inline-block; float:right; height:21px; margin-left:1px; margin-top:-16px; width:22px; } #tabbox_extend_containers div#tuto-postmeta ul li.time{padding-left:15px;padding-right:15px;} #tabbox_extend_containers div#tuto-postmeta ul li.time span, #tabbox_extend_containers div#tuto-postmeta ul li.time span a{color: #999999;} #tabbox_extend_containers div#tuto-postmeta ul li.downloads{padding-left:15px;padding-right:15px;} #tabbox_extend_containers div#tuto-postmeta ul li.tags{background:transparent none repeat scroll 0 0;padding-left:10px;padding-right:10px;} #tabbox_extend_containers div#tuto-postmeta ul li.tags a {color: #999999;} #tabbox_extend_containers div#tuto-postmeta ul li.tags a:hover, #tabbox_extend_containers div#tuto-postmeta ul li.time span a:hover {color: #444444;} #tabbox_extend_containers div#tuto-postmeta ul li.credits{background:transparent none repeat scroll 0 0;float:right;width:98px;margin-top: -5px;} #tabbox_extend_containers div#tuto-postmeta ul li.credits a {background:transparent url(images/content/tutometa-cc2.jpg) no-repeat scroll 0 0;display:block;height:30px;width:90px;} #tabbox_extend_containers div#tuto-postmeta ul li.credits a:hover {background-position:left bottom;} /* LIGHTBOX */ #backloginpremium, #backlogin{ z-index:1000; } #lightbox,#lightboxpremium,#lightboxnopremium, #lightboxmail, #lightboxcoming, #lightboxcoming2 { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#282A2B; display:block; margin:0 auto; padding:15px; width:490px; height:553px; position:absolute; z-index:1000; top:0; visibility:hidden; } #connexion{ -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#171819; padding: 15px 15px 200px; display: block; width: 2000px; } #loginform{width:440px;padding:0;margin:0;} #lightboxnopremium .listavant,#lightboxcoming .listavant{ -moz-border-radius:6px;-webkit-border-radius:6px; background-color:#292A2C;border:solid #292A2C 2px; margin-top: 37px; } #lightboxnopremium .listavant h4,#lightboxcoming .listavant h4{ width:100%;font-size:13px;text-align:center;margin:20px 0 0 0;color:#fff; } #lightboxnopremium ul.premium li div p, #lightboxcoming ul.premium li div p{ display: block; width: 110px;height: 45px; padding: 15px 0 0 55px; color:#F75544; font-size:14px;font-weight:bold; margin-top: 5px; } #lightboxnopremium ul.premium, #lightboxcoming ul.premium{ list-style:none; padding:0; } #lightboxnopremium ul.premium li,#lightboxcoming ul.premium li{ float:left; display:block; width:170px;height:65px;margin:0 0 0 30px; } #lightboxnopremium ul.premium li.premium_box1 div p,#lightboxcoming ul.premium li.premium_box1 div p{ background:url("images/content/inscription-icon-tutopremiums3.jpg") no-repeat scroll 0 0 transparent; } #lightboxnopremium ul.premium li.premium_box2 div p,#lightboxcoming ul.premium li.premium_box2 div p{ background:url("images/content/inscription-icon-downloadshd3.jpg") no-repeat scroll 0 0 transparent; } #lightboxnopremium ul.premium li.premium_box3 div p,#lightboxcoming ul.premium li.premium_box3 div p{ background:url("images/content/inscription-icon-projetssources3.jpg") no-repeat scroll 0 0 transparent; } #lightboxnopremium ul.premium li.premium_box4 div p,#lightboxcoming ul.premium li.premium_box4 div p{ background:url("images/content/inscription-icon-forum3.jpg") no-repeat scroll 0 0 transparent; } #lightbox .grey,#lightboxcoming .grey,#lightboxcoming2 .grey, #lightboxpremium .grey, #lightboxnopremium .grey, #lightboxmail .grey { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#202122; display:block; /*height:475px;*/ padding:35px 35px 25px; width:420px; } #lightboxmail { height:573px !important; } #lightboxcoming { height:385px !important; } #lightboxcoming2 { height:240px !important; } #lightboxnopremium { height: 475px; } #lightboxnopremium div.grey h4 { color: #fffeff; font-size: 15px; text-align: center; font-weight: normal; font-style: normal; } #lightboxpremium { width:920px !important; height:495px !important; } #lightboxpremium .grey{ background-color:#E8E8E8 !important; width:850px !important; } #lightbox .grey h1,#lightboxmail .grey h1,#lightboxnopremium .grey h1,#lightboxcoming .grey h1,#lightboxcoming2 .grey h1 {background:transparent url(images/content/lightbox-logo.jpg) no-repeat scroll 0 0;height:40px;margin:0 auto 20px;width:156px;} #lightboxpremium .grey h1{background:transparent url(images/content/premium-logo.jpg) no-repeat scroll 0 0;height:40px;margin:0 auto 20px;width:217px;} #lightbox .grey form,#lightboxmail .grey form {background:transparent url(images/content/contest-spacer.jpg) repeat-x scroll 0 0;padding-top:30px;} #lightbox .grey form div,#lightboxmail .grey form div{margin: 0 auto;} #lightbox .grey form label,#lightboxmail .grey form label{color: #a9a9a9;display:block;font-size: 16px;font-weight:bold;} #lightboxcoming .grey .txtcoming,#lightboxcoming2 .grey .txtcoming{ -webkit-border-radius:6px;-moz-border-radius:6px; background-color:#343839; padding:20px 20px 20px 20px; color:#fff;font-size:13px;font-weight:bold; } #lightboxcoming .grey .txtcoming h2,#lightboxcoming2 .grey .txtcoming h2{ margin:0 100px !important; padding:0 0 0 35px !important; background:transparent url(images/content/star-premium.png) no-repeat scroll 0 0 !important; } #lightboxcoming .grey .txtcoming p,#lightboxcoming2 .grey .txtcoming p{ color:#fff;font-size:13px;font-weight:bold;text-align:center; margin:25px 0 10px 0; } /*body.forum #lightbox .grey form p.inputback.inputlog {width:415px !important;height:55px !important;}*/ #lightbox .grey form p.inputback{width:365px;height:35px;padding:10px 10px 10px 50px;margin:10px 0 30px 0;} #lightbox .grey form p.inputback.inputlog {background:url("images/content/lightbox-inputmail.jpg") no-repeat scroll 0 0 transparent;} #lightbox .grey form input#log { border:0 none; color:#999999; font-size:25px; margin:5px 0 33px; width:355px; } #lightbox .grey form p.inputback.inputpwd {float:left;background:url("images/content/lightbox-inputpassword.jpg") no-repeat scroll 0 0 transparent;} #lightbox .grey form input#pwd { border:0 none; color:#999999; font-size:25px; display:block; margin:5px 0 35px; width:355px; } #lightbox .grey form p.inputback.inputemail_pass {float:left;background:url("images/content/lightbox-inputmail.jpg") no-repeat scroll 0 0 transparent;} #lightbox .grey form input#email_pass { border:0 none; color:#999999; font-size:25px; margin:5px 0 33px; width:355px; } #lightboxmail .grey form input#objet { background:url("images/content/contest-input2.jpg") no-repeat scroll 0 0 transparent; border:0 none; color:#999999; font-size:15px; height:35px; margin:5px 0 33px; padding:0px 10px 0px 10px; width:405px; } #lightboxmail .grey form textarea#message { background:url("images/content/contest-textarea2.jpg") no-repeat scroll 0 0 transparent; border:0 none; color:#999999; font-size:15px; height:210px; margin:5px 0 10px; padding:10px 10px 10px 10px; width:405px; } #lightboxmail form input#sendmail { background:url("images/content/envoyermail.jpg") no-repeat scroll 0 0 transparent; border:0 none; height:39px; margin:10px 152px; padding:0; width:101px; font-size:0px;line-height:0px; cursor:pointer; } #lightboxmail form input#sendmail:hover {background-position:left -39px;} #lightboxmail form input#sendmail:active {background-position:left bottom;} #lightbox .grey form input#l_login { background:url("images/content/lightbox-submit2new.jpg") no-repeat scroll 0 0 transparent; border:0 none; display:block; font-size:0; height:55px; margin:30px auto 0; text-indent:-9999px; width:201px; cursor:pointer; padding:0; } #lightbox .grey form .register { background:url("images/content/lightbox-register.jpg") no-repeat scroll 0 0 transparent; border:0 none; display:block; font-size:0; height:55px; margin:30px auto 0; text-indent:-9999px; width:201px; } #lightbox .grey form div a.lightbox-helper { color: #797979; display:block; width: 155px; margin: -14px 0 0 107px; } #lightbox .grey form div a:hover.lightbox-helper { color: #F75544; } p.lightbox-helper { font-size: 11px; text-align: center; color: #c0c0c0; } #lightboxpremium .boxspacer{clear:both;} #lightbox .grey form input#l_login:hover {background-position:left -55px;} #lightbox .grey form input#l_login:active {background-position:left bottom;} #lightbox .grey p#join, #lightboxnopremium .grey p#join { background:url("images/content/contest-spacer.jpg") repeat-x scroll 0 0 transparent; color:#999999; font-size:13px; margin:33px 0 0; padding-top:20px; text-align:center; } #lightbox .grey a.register, #lightboxnopremium .grey a.register { background:url("images/content/lightbox-signout.jpg") repeat-x scroll 0 0 transparent; color:#999999; display:block; font-size:13px; height:39px; margin:15px auto 0; text-align:center; text-indent:-9999px; width:101px; } #lightbox .grey a.register:hover, #lightboxnopremium .grey a.register:hover {background-position:left -39px;} #lightbox .grey a.register:active,#lightboxnopremium .grey a.register:active {background-position:left bottom;} #lightboxpremium input { display:block; float:left; height:190px; margin:0; padding:0; text-indent:-9999px; border:0 none; width:270px; cursor:pointer; } #lightboxpremium .notice-premium{ background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; height:129px; margin:0 0 30px 0; } #lightboxpremium .notice-premium p{ background:url(images/content/post-puce.jpg) no-repeat 15px 7px; padding:0 0 0 30px; font-size:14px;font-weight:bold; width:500px; } #lightboxpremium .notice-premium p.firstnotice{ padding:15px 0 0 30px; background-position:15px 22px; } #lightboxpremium .notice-premium img{ float:right; margin:0 62px 0 0; } #lightboxpremium input:hover { background-position:left bottom !important; } #lightboxnopremium .explainpremium,#lightboxcoming .explainpremium { color:#fff;text-align:center;font-size:13px;padding:20px 0 0; background:url(images/content/contest-spacer.jpg) repeat-x 0 0; } #lightboxnopremium a.btnpremium{ display:block;width:413px;height:71px;margin: 35px auto; background:url("images/content/becomepremium.png") no-repeat scroll 0 0 transparent; } #lightboxnopremium a.btnpremium:hover{ background-position:0 -71px; } #lightboxnopremium a.btnpremium:active{ background-position:left bottom; } #lightboxpremium input.prix_mois { background:url("images/content/premium-mois2.jpg") no-repeat scroll 0 0 transparent; } #lightboxpremium input.prix_trimestre { background:url("images/content/premium-trimestre2.jpg") no-repeat scroll 0 0 transparent; } #lightboxpremium input.prix_annee { background:url("images/content/premium-annee3.jpg") no-repeat scroll 0 0 transparent; } /* Blocs FOOTER */ #footer p {margin: 0;padding: 20px 0;text-align: center;} #footer #footer-nav { display:block; list-style-type:none; margin:0 0 0 20px; padding:20px 0 0; } #footer #footer-nav li { background:url("images/footer/nav-spacer.jpg") no-repeat scroll right center transparent; display:block; float:left; margin:0 5px 0 0; padding:0 5px 0 0; } #footer #footer-nav li a{ font-size:12px; padding:0 5px 0 0; } #footer #footer-nav li a.multicat { background:url("images/footer/arrow.jpg") no-repeat scroll right top transparent; cursor:pointer; display:block; padding:0 16px 0 0; height:16px; } #footer #footer-nav li a.multicat:hover, #footer #footer-nav li .souscat {background-position:left bottom !important;color:#999999 !important;} #footer #footer-nav li.last {background: none!important;padding-right: 0;margin-right: 0;} #footer a.back-to-top {background:transparent url(images/footer/back-to-top.jpg) no-repeat scroll 0 0;display:block;float:right;height:26px;margin:-10px 20px 0 0;width:98px;} #footer-subnav{position:absolute;padding:0;bottom:180px;width:80px;overflow:hidden;} #footer-subnav ul{position:relative;display:block;list-style:none inside;padding:0;width:80px;margin:0 0 20px 0;overflow:hidden;} #footer-subnav ul li{margin:0;padding:0;text-align:center;width:80px;} #footer-subnav ul li a{display:block;height:16px;width:80px;background-color:#282A2B;font-size:11px;padding:2px 0;} #footer-subnav ul li a:hover{color:#444444;} #footer #footer-nav li.first-li{background-color:#282A2B;height:10px;width:75px;text-indent:-9999px; border-radius-topleft:6px;border-radius-topright:6px; -moz-border-radius-topleft:6px;-moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px; -khtml-border-radius-topleft:6px;-khtml-border-radius-topright:6px; } #copyrights a.rss {background:transparent url(images/footer/logo.jpg) no-repeat scroll 0 0;display:block;height:24px;width:135px;margin-left:20px;float:left;} #footer a:hover.back-to-top, #copyrights a:hover.rss {background-position: left bottom;} #copyrights p#credits { float:left; margin:5px 0 0 10px; } #copyrights p#cgu{ float:right; margin:5px 20px 0 0; } #last-tutoriaux h3 {background:transparent url(images/footer/bloctuto-h2.jpg) no-repeat scroll 0 0;display:block;height:16px;margin:0;width:220px;} #last-tutoriaux a.more-link{background:transparent url(images/footer/bloctuto-morelink.jpg) no-repeat scroll 0 0;display:block;float:right;height:23px;margin-top:-19px;width:140px;} #last-tutoriaux a:hover.more-link{background-position: left bottom;} #last-tutoriaux .spacer {clear:both;margin:0;} #last-tutoriaux ul {margin: 0;padding: 0;list-style-type: none;} #last-tutoriaux ul li { -webkit-border-radius:6px; -moz-border-radius:6px 6px 6px 6px; border:10px solid #E8E8E8; border-bottom:10px solid #E8E8E8; display:block; float:left; position:relative; height:80px; margin:0 20px 0 0; } #last-tutoriaux ul li.alt {margin-right:0!important;} #last-tutoriaux ul li p.rollover { background-color:#F0F0F0; height:60px; margin:0px 0 0; left:0;top:0; filter : alpha(opacity=0);-moz-opacity :0; opacity :0; padding:15px 5px 5px 10px; position:absolute; width:265px; color:#999999 !important; } /* #last-tutoriaux ul li p.rollover:hover{opacity:1;}*/ #last-tutoriaux ul li p.rollover span.com {background:transparent none repeat scroll 0 0;display:inline-block;height:10px;margin-left:0;margin-top:0;padding-top:0;text-align:left;width:20px;} #last-tutoriaux ul li p.rollover span.com a {background:transparent url(images/content/relatedcontent-com.jpg) no-repeat scroll right 3px;color:#999999 !important;font-size:10px;height:8px;padding-right:13px;} #last-tutoriaux ul li p.rollover a.title{color:#444444;display:block;font-size:15px;font-weight:bold;height:20px;line-height: 16px;} #last-tutoriaux ul li p.rollover a.more-link{background:transparent url(images/content/homemeta-arrow.jpg) no-repeat scroll 0 0;display:block;float:right;height:17px;margin-top:0;width:17px;} /* Blocs SIDEBAR */ #sidebar form {margin: 0;} #sidebar h2 {border-bottom: 2px solid #e1e1e1;display:block;height:16px;margin-bottom:15px;padding-bottom:10px;text-indent:-9999px;} #sidebar h3 {margin: 0!important;} #sidebar li#text-3 {line-height:15px;margin-bottom:50px;} #sidebar #text-3 h2.widgettitle {background:transparent url(images/sidebar/h2-apropos.jpg) no-repeat scroll 0 0; } #sidebar #text-3 a.morelink {background:transparent url(images/sidebar/morelink-apropos.jpg) no-repeat scroll 0 0;display:block;height:23px;margin-top:20px;width:99px;} #sidebar #text-3 a:hover.morelink {background-position:left bottom;} #sidebar #helpbox a {background:transparent url(images/sidebar/needhelp.jpg) no-repeat scroll 0 0;display:block;height:116px;width:301px;margin-bottom: 45px;} #sidebar #twitterbox {margin-bottom: 30px;} #sidebar #twitterbox h2 {background:transparent url(images/sidebar/h2-twitter.jpg) no-repeat scroll 0 0;} #sidebar #twitterbox div p#twitter_text { background: transparent no-repeat scroll 0 0; color:#444444; display:block; font-size:12px; margin: 0; padding:6px 10px 10px; width:280px; border-bottom: 1px dotted #d4d4d4; } #sidebar #twitterbox div p#twitter_text a{color:#F75544 !important;text-decoration:none !important;} #sidebar #twitterbox div p#twitter_text a:hover{color:#444444 !important;} #sidebar #twitterbox div p.twt {color:#999999;display:block;font-size:11px;height:24px;margin:0;width:300px;position:relative;} #sidebar #twitterbox div p.twt img {height:24px;margin-top:-5px;width:24px;} #sidebar #twitterbox div p.twt a {color:#999999;} #sidebar #twitterbox div p.twt a.twt_author {color:#f75544 !important;font-weight:bold;font-size:13px;padding-left:5px;} #sidebar #twitterbox a.twt_follow {position:absolute;top:0;right:0;background:transparent url(images/sidebar/twitter-followme.jpg) no-repeat scroll 0 -5px;display:inline-block;height:25px;/*margin-left:12px;*/float:right;margin-top:0;width:96px;} #sidebar #twitterbox a:hover.twt_follow {background-position:0 -30px;} #sidebar .tabxtag{background-color:#fff;} #sidebar .listtags{display:block;background-color:#fff;} #sidebar .listtags ul{padding:15px;} #sidebar #tabbox {margin-bottom: 30px;} #sidebar #tabbox p.greyspacer {border-bottom:3px solid #1C1D1E;display:block;height:1px;} #sidebar #tabbox h2 {background:transparent url(images/sidebar/h2-articles.jpg) no-repeat scroll 0 0;} #sidebar #tabbox .tabbox_nav {display: block;height: 30px;} #sidebar #tabbox .tabbox_nav li {display: block;float: left;} #sidebar #tabbox .tabbox_nav li span {display:block;height:30px;cursor:pointer;} #sidebar #tabbox .tabbox_nav li.item1 span {background:transparent url(images/sidebar/articles-vus.jpg) no-repeat scroll 0 0;width:101px;} #sidebar #tabbox .tabbox_nav li.item2 span {background:transparent url(images/sidebar/articles-commentes.jpg) no-repeat scroll 0 0;width:142px;} #sidebar #tabbox .tabbox_nav li.item3 span {background:transparent url(images/sidebar/articles-tags.jpg) no-repeat scroll 0 0;width:57px;} #sidebar #tabbox .tabbox_nav li.current span {background-position: left bottom;} #sidebar #tabbox .tabbox_nav li.item1 span:hover, #sidebar #tabbox .tabbox_nav li.item2 span:hover, #sidebar #tabbox .tabbox_nav li.item3 span:hover{background-position: left -30px;} #sidebar #tabbox .tabbox_nav li.current span:hover {background-position: left bottom;} #sidebar #tabbox #tabox_containers .tabxpost ul li {background:transparent url(images/sidebar/articles-spacer.jpg) repeat-x scroll 0 bottom;color:#DADADA;display:block;font-size:10px;height:56px;margin-bottom:5px;margin-top:5px;padding-bottom:5px;} #sidebar #tabbox #tabox_containers .tabxpost ul li div {padding-top:15px;} #sidebar #tabbox #tabox_containers .tabxpost ul li img{border:3px solid #FFFFFF;display:block;float:left;margin-right:10px;-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);} #sidebar #tabbox #tabox_containers .tabxpost ul li h3 a {color:#444444;display:block;font-size:12px;} #sidebar #tabbox #tabox_containers .tabxpost ul li h3 a:hover {color:#F75544;} #sidebar #tabbox #tabox_containers .tabxpost ul li span.com a{background:transparent url(images/content/relatedcontent-com.jpg) no-repeat scroll right 3px;color:#999999 !important;height:8px;padding-right:13px;} #sidebar .listtags ul.wp-tag-cloud li {display: inline-block;margin:0 8px 0 0;float:left;padding:0;} #sidebar .listtags ul.wp-tag-cloud li a:hover {color: #444444;} #sidebar #tabbox2 { margin-bottom: 45px; } #sidebar #tabbox2 p.greyspacer {border-bottom:3px solid #1C1D1E;display:block;height:1px; margin-top: -7px; } #sidebar #tabbox2 h2 {background:transparent url(images/sidebar/h2-tutoriaux2.jpg) no-repeat scroll 0 0;} body.single-contest #sidebar #tabbox2 h2 {background:transparent url(images/sidebar/h2-tutoriaux.jpg) no-repeat scroll 0 0;} #sidebar #tabbox2 .tabbox_nav {display: block;height: 30px;} #sidebar #tabbox2 .tabbox_nav li {display: block;float: left;} #sidebar #tabbox2 .tabbox_nav li span {display:block;height:30px;cursor:pointer;} #sidebar #tabbox2 .tabbox_nav li.item1 span {background:transparent url(images/sidebar/tutoriaux-telecharges.jpg) no-repeat scroll 0 0;width:146px;} #sidebar #tabbox2 .tabbox_nav li.item2 span {background:transparent url(images/sidebar/tutoriaux-premiums.jpg) no-repeat scroll 0 0;width:97px;} #sidebar #tabbox2 .tabbox_nav li.item3 span {background:transparent url(images/sidebar/tutoriaux-tags.jpg) no-repeat scroll 0 0;width:57px;} #sidebar #tabbox2 .tabbox_nav li span:hover, #sidebar #tabbox2 .tabbox_nav li.current span {background-position: left bottom;} #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li {background:transparent url(images/sidebar/tutoriaux-background.jpg) repeat-x scroll 0 bottom;position:relative;display:block;height:78px;margin-bottom:10px;margin-top:10px;padding:10px;width:280px;-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);} #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li p.rollover { background-color:#F0F0F0; height:60px; margin:10px; top:0;left:0; filter : alpha(opacity=0);-moz-opacity :0; opacity :0; padding:10px; position:absolute; width:260px; } #tabox2_containers div{display:block !important;} /* #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li p.rollover { background-color:#F0F0F0; height:80px; margin:-83px 0 0; opacity:1; padding:0; position:absolute; width:280px; } */ #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li img {height:78px; width:280px; margin-top: -13px; } /*#sidebar #tabbox2 #tabox2_containers .tabxtuto ul li p.rollover:hover {opacity:1;}*/ #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li p.rollover a {font-size: 10px;} #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li p.rollover span.com {background:transparent none repeat scroll 0 0;display:inline-block;height:10px;margin-left:0;margin-top:0;padding-top:0;text-align:left;width:20px;} #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li p.rollover span.com a {background:transparent url(images/content/relatedcontent-com.jpg) no-repeat scroll right 3px;color:#999999 !important;font-size:10px;height:8px;padding-right:13px;} #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li p.rollover a.title{color:#444444;display:block;font-size:15px;font-weight:bold;height:20px;} #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li p.rollover a.more-link{background:transparent url(images/content/homemeta-arrow.jpg) no-repeat scroll 0 0;display:block;float:right;height:17px;margin-top:-8px;width:17px;} #sidebar #tabbox2 #tabox2_containers .tabxtuto ul li p.spacer {background:transparent url(images/sidebar/sidebar-spacer.jpg) repeat-x scroll 0 0;display:block;} #sidebar #membersbox {margin-bottom:55px;} #sidebar #membersbox h2 {background:transparent url(images/sidebar/h2-membres.jpg) no-repeat scroll 0 0;} #sidebar #membersbox p.space {height: 0;} #sidebar #membersbox ul { display:block; height:190px; margin-bottom:10px; } #sidebar #membersbox ul li { border:3px solid #FFFFFF; display:block; float:left; height:50px; width:50px; margin:0 4px 5px 0; } #sidebar #membersbox ul li a{ display:block; width:100%;height:100%; } #sidebar #membersbox ul li:hover {border:3px solid #444444;} #sidebar #membersbox ul li.last { margin-right:0px!important; } #sidebar #membersbox a.more-link { background:transparent url(images/sidebar/membres-morelink.jpg) no-repeat scroll 0 0; display:block; float:right; height:23px; width:121px; } #sidebar #membersbox a:hover.more-link {background-position: left bottom;} #sidebar #followbox {margin-bottom:60px;} #sidebar #followbox h2 {background:transparent url(images/sidebar/h2-mesuivre.jpg) no-repeat scroll 0 0; } #sidebar #followbox ul {display:block;height: 45px; float: left; } #sidebar #followbox ul li {background: transparent url(images/sidebar/follow-spacer.jpg) repeat-y scroll right 0;display:block;margin-right:7px;padding-right:7px; height: 50px; font-size: 11px; float: left; } #sidebar #followbox li a.btn_facebook{background:transparent url(images/sidebar/follow-facebook.jpg) no-repeat scroll 0 0;display:block;height:31px;width:82px;} #sidebar #followbox li a.btn_twitter{background:transparent url(images/sidebar/follow-twitter.jpg) no-repeat scroll 0 0;display:block;height:31px;width:83px;} #sidebar #followbox li a:hover.btn_facebook, #sidebar #followbox li a:hover.btn_twitter {filter : alpha(opacity=60);-moz-opacity :0.6; opacity :0.6; } #sidebar #followbox li.rss {margin-right:0!important;padding-right:0!important;} #sidebar #followbox li.rss a { background:transparent url(images/sidebar/follow-rss.jpg) no-repeat scroll -7px 0; color:#999999; display:block; font-size:11px; height:24px; margin:0 0 0 2px !important; padding:7px 0 0 27px !important; width:77px; position: relative; top: 11px; right: 5px; } #sidebar #followbox li.rss a:hover{background-position: -7px bottom;} #sidebar #followbox li.rss a span {color:#f75544;display:block;float:left;margin:0 0 0 3px;} #sidebar #followbox li.rss a span.img {color:#f75544;display:block;width:25px;height:10px;margin:1.5px 0 0 0px;} #sidebar #followbox p.spacer {background: transparent 0 0;margin: 17px 0 0;} #sidebar #followbox form {background:transparent url(images/sidebar/newsletter-background.jpg) no-repeat scroll 0 0;border:0 none;display:block;height:71px;padding:10px;width:280px;} #sidebar #followbox form fieldset {border: 0 none;margin:0;padding:0;} #sidebar #followbox form h3 {color:#999999;font-size:13px;margin:0 0 10px;} #sidebar #followbox form label {display:block;margin-bottom:5px;letter-spacing:-0.5px;} #sidebar #followbox form input.newsletter_input {background:transparent url(images/sidebar/newsletter-input.jpg) no-repeat scroll 0 0;border:0 none;color:#AAAAAA;height:15px;margin-right:3px;padding:5px;width:171px;font-size: 10px;} #sidebar #followbox form input.newsletter_btn {cursor:pointer;background:transparent url(images/sidebar/newsletter-submit.jpg) no-repeat scroll 0 0;border:0 none;height:25px;padding:0;text-indent:-9999px;width:91px;} #sidebar #followbox form input:hover.newsletter_btn {background-position:left -25px;} #sidebar #followbox form input:active.newsletter_btn {background-position:left bottom;} #sidebar #get-recent-comments {margin-bottom:45px;} #sidebar #get-recent-comments h2.widgettitle {background:transparent url(images/sidebar/h2-commentaires.jpg) no-repeat scroll 0 0;} #sidebar #get-recent-comments ul {margin:0!important;} #sidebar #get-recent-comments ul li {margin:0 0 15px;} #sidebar #get-recent-comments ul li a.widgetbox { -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; background:transparent url(images/sidebar/comment-background.jpg) repeat-y scroll 0 0; color:#444444; display:block; font-size:12px; padding:10px; width:280px; } #sidebar #get-recent-comments ul li span { background:transparent url(images/sidebar/comment-bottom.jpg) no-repeat scroll right top; color:#CCCCCC; display:block; font-size:11px; height:10px; padding-top:10px; width:301px; } #sidebar #get-recent-comments ul li span a { color:#F75544; font-size:11px; font-weight:bold; margin-left:10px; } #sidebar #get-recent-comments ul li span a:hover {color:#444444;} #sidebar #get-recent-comments h2.widgettitle {background:transparent url(images/sidebar/h2-commentaires.jpg) no-repeat scroll 0 0;} /* End SIDEBAR */ /* CONTENT */ #content h3 {height:16px;margin-bottom:20px;margin-top:0;} #content p.catspacer {display:block;height:0;border-bottom: 2px solid #e1e1e1; margin-bottom:15px;clear: both; } .profil #content p.catspacer {clear: none;} #content a.catfeed {background:transparent url(images/content/rssfeed-grey.jpg) no-repeat scroll 0 0;display:block;float:right;height:17px;margin-top:-26px;width:16px;} #content a:hover.catfeed{background-position: left bottom;} #content p.postspacer {display:block;height:0;border-bottom:1px solid #e6e6e6; margin-bottom:20px;margin-top:45px !important;} #content .post div.postcat a{display:block;float:left;height:32px;margin-left:-42px;width:32px;text-indent: -9999px;} #content .category-graphisme div.postcat a{background:transparent url(images/content/category-graphisme.jpg) no-repeat scroll 0 0;} #content .category-motion div.postcat a{background:transparent url(images/content/category-motion.jpg) no-repeat scroll 0 0;} #content .category-musique div.postcat a{background:transparent url(images/content/category-musique.jpg) no-repeat scroll 0 0;} #content .category-my-life div.postcat a{background:transparent url(images/content/category-mylife.jpg) no-repeat scroll 0 0;} #content .category-reels div.postcat a{background:transparent url(images/content/category-reels.jpg) no-repeat scroll 0 0;} #content .category-softs div.postcat a{background:transparent url(images/content/category-softs.jpg) no-repeat scroll 0 0;} #content .category-studios div.postcat a{background:transparent url(images/content/category-studios.jpg) no-repeat scroll 0 0;} #content div.postcat a:hover {background-position: left bottom;} /* HOME */ body.home .post, .error404 .post { /* background:transparent url(images/content/tutoriaux-spacer.jpg) repeat-x scroll 0 bottom;*/ float:left;margin-right:15px;padding-bottom:25px;width:190px;} body.home .post.alt, .error404 .post.alt {margin: 0 0 20px 0;} body.home .post.new div.blogthumb a span.new, .error404 .post.alt {background:transparent url(images/content/tutometa-new.png) no-repeat scroll 0 0;display:block;height:45px;width:47px;} body.home .post div.blogthumb span.com, .error404 .post div.blogthumb span.com { background:transparent url(images/content/postmeta-comment3.png) no-repeat scroll 0 0; display:block; height:24px; margin-left:157px; margin-top:7px; padding-top:5px; position:absolute; text-align:center; width:26px; z-index:1; } body.home .post div.blogthumb span.com a, .error404 .post div.blogthumb span.com a {font-size: 11px;font-weight:bold;color: #999999;} body.home .post div.blogthumb span.com a:hover, .error404 .post div.blogthumb span.com a:hover {color:#F75544!important;} body.home .post div.blogthumb, .error404 .post div.blogthumb {float:none;height:210px;width:190px;display:block;position:relative;} body.home .post div.blogthumb a.corner, .error404 .post div.blogthumb a.corner {background:transparent url(images/content/blogthumb.png) no-repeat scroll 0 0;display:block;height:204px;position:absolute;width:190px;} body.home .post div.blogthumb div.rollover, .cat-tuto .post div.rollover, .error404 .post div.blogthumb div.rollover { border-radius-topleft:6px;border-radius-topright:6px; -moz-border-radius-topleft:6px;-moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px; -khtml-border-radius-topleft:6px;-khtml-border-radius-topright:6px; background:#1D1E1F url(images/content/blogthumb_rollover.png) no-repeat scroll 0 0;color:#353434;display:block;font-size:10px;height:190px;padding:10px;position:absolute;width:170px;cursor: pointer;} .cat-tuto .post div.rollover a.linkglob {position:absolute;display:block;width:280px;height:130px;} .cat-tuto .post div.rollover .duration{margin:25px 0 8px 0;display:block;color:#FFFFFF !important;} .cat-tuto .post div.rollover {margin-top:0px;z-index:80;height:130px;width:280px;background:#1D1E1F scroll;} body.home .post:hover div.blogthumb div.rollover, .error404 .post:hover div.blogthumb div.rollover {opacity:0.9;} body.home .post:hover div.blogthumb span.com a, .error404 .post:hover div.blogthumb span.com a {color: #f75544;} body.home .post div.blogthumb div.rollover span.excerpt, .cat-tuto .post div.rollover span.excerpt, .error404 .post div.blogthumb div.rollover span.excerpt { border-top:1px solid #444444; clear:both; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; line-height:14px; margin-bottom:10px; padding-top:10px; } body.home .post div.blogthumb div.rollover span.excerpt a, .cat-tuto .post div.rollover span.excerpt a, .error404 .post div.blogthumb div.rollover span.excerpt a { color:#FFFFFF; } body.home .post div.blogthumb div.rollover span.downloads a, .cat-tuto .post div.rollover span.downloads a, .error404 .post div.blogthumb div.rollover span.downloads a{ color:#999999; } body.home .post div.blogthumb div.rollover a#difficulty, .cat-tuto .post div.rollover a#difficulty, .error404 .post div.blogthumb div.rollover a#difficulty { background:transparent url(images/content/homemeta-difficulty.png) no-repeat scroll 0 0; display:block; float:left; height:13px; width:46px; } body.home .post div.blogthumb div.rollover a#difficulty.facile, .cat-tuto .post div.rollover a#difficulty.facile, .error404 .post div.blogthumb div.rollover a#difficulty.facile {background-position: left top;} body.home .post div.blogthumb div.rollover a#difficulty.moyen, .cat-tuto .post div.rollover a#difficulty.moyen, .error404 .post div.blogthumb div.rollover a#difficulty.moyen {background-position: left -13px;} body.home .post div.blogthumb div.rollover a#difficulty.difficile, .cat-tuto .post div.rollover a#difficulty.difficile, .error404 .post div.blogthumb div.rollover a#difficulty.difficile {background-position: left bottom;} body.home .post div.blogthumb div.rollover span.downloads, .cat-tuto .post div.rollover span.downloads, .error404 .post div.blogthumb div.rollover span.downloads {color:#999999;font-size:10px;font-weight:bold;} body.home .post div.post_content, .error404 .post div.post_content { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; background-color:#FFFFFF; border:1px solid #FFFFFF; height:50px; margin-left:0; padding:10px; width:170px; -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08); } body.home .post div.blogthumb div.rollover ul.tutoprograms, .cat-tuto .post div.rollover ul.tutoprograms, .single-tutoriaux div.rollover ul.tutoprograms, .error404 .post div.blogthumb div.rollover ul.tutoprograms { height:21px; list-style-type:none; margin:45px 0 10px; padding:0; } body.home .post div.blogthumb div.rollover ul.tutoprograms, .cat-tuto .post div.rollover ul.tutoprograms, .single-tutoriaux div.rollover ul.tutoprograms, .error404 .post div.blogthumb div.rollover ul.tutoprograms { height:21px; list-style-type:none; margin:45px 0 10px; padding:0; } /* .cat-tuto .post div.rollover ul.tutoprograms, .single-tutoriaux div.rollover ul.tutoprograms { margin:15px 0 10px !important; }*/ body.home .post div.blogthumb div.rollover ul.tutoprograms li a, .cat-tuto .post div.rollover ul.tutoprograms li a, .single-tutoriaux div.rollover ul.tutoprograms li a, .error404 .post div.blogthumb div.rollover ul.tutoprograms li a{ display:block; float:left; height:21px; margin-left:1px; width:22px; } body.home .post div.post_content h2, .error404 .post div.post_content h2 {float:none;font-size:14px;width:170px;} body.home .post div.post_content h2 a, .error404 .post div.post_content h2 a {color:#444444;line-height:15px;} body.home .post div.post_content h2 a:hover, body.home .post:hover div.post_content h2 a, .cat-tuto .post:hover div.post_content h2 a, .error404 .post div.post_content h2 a:hover{color: #f75544 !important;} body.home #content h3.h3home, .error404 #content h3.h3home {background:transparent url(images/content/h2-tutoriauxmost.jpg) no-repeat scroll 0 0;margin-bottom:10px!important;} body.home #content a.h3home-more-link, .error404 #content a.h3home-more-link{background:transparent url(images/content/home-tuto-morelink.jpg) no-repeat scroll 0 0;display:block;float:right;height:23px;margin-top:-28px;width:140px;} body.home #content h3.h3home2, .error404 #content h3.h3home2 {background:transparent url(images/content/h2-tutoriauxpremium.jpg) no-repeat scroll 0 0;margin-bottom:10px!important;} body.home #content a.h3home2-more-link, .error404 #content a.h3home2-more-link{background:transparent url(images/content/home-tutopremium-morelink.jpg) no-repeat scroll 0 0;display:block;float:right;height:23px;margin-top:-28px;width:190px;} body.home #content a:hover.h3home-more-link, body.home #content a:hover.h3home2-more-link, .error404 #content a:hover.h3home-more-link{background-position: left bottom;} #extend_containers div.home_slider {height:325px;width: 1010px;float:left;overflow:hidden;} #extend_containers div.home_slider a.navbutton {display:block;height:154px;width:23px;float: left;} #extend_containers div.home_slider a.prev {background:transparent url(images/content/tutometa-related-arrowleft.jpg) no-repeat scroll 0 0;margin-top:87px;float:left;} #extend_containers div.home_slider a.next {background:transparent url(images/content/tutometa-related-arrowright.jpg) no-repeat scroll 0 0;margin-top:87px;float:left;} #extend_containers div.home_slider a:hover {background-position: right bottom;} #extend_containers div.home_slider div.home_slider_navi { margin-top: 280px; position:absolute; z-index:1; margin-left: 50px; } #extend_containers div.home_slider div.home_slider_navi a{ background:transparent url(images/content/homeslider-navi.png) no-repeat scroll 0 0; display:block; float:left; height:14px; width:14px; margin-right: 5px; } #extend_containers div.home_slider div.home_slider_navi a:hover, #extend_containers div.home_slider div.home_slider_navi a.current { background-position: left bottom;} #extend_containers div.home_slider div.slider_window {-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#282A2B;height: 300px;overflow:hidden;padding:10px;position:relative;width: 920px; float: left; } #extend_containers div.home_slider div.slider_window div.slider_content ul{list-style-type:none;margin:0;padding:0;} #extend_containers div.home_slider div.slider_window div.slider_content ul li{list-style-type:none;margin:0;padding:0;float:left;display:block;width: 920px;height:305px;} #extend_containers div.home_slider div.slider_window div.slider_content ul li p{ background-color:#171819; border-top:1px solid #282A2B; display:block; height:30px; top:0; margin:245px 0 0 0; filter : alpha(opacity=90);-moz-opacity :0.9; opacity :0.9; position:absolute; width: 895px; padding: 15px 15px 9px 10px; text-align: right; } #extend_containers div.home_slider div.slider_content {position:relative;overflow:hidden;width: 920px;height:308px;} #extend_containers div.home_slider ul#homesliderul {position:absolute;} #extend_containers div.home_slider div.slider_window div.slider_content ul li p span.title a{color:#F75544} #extend_containers div.home_slider div.slider_window div.slider_content ul li p span.title a:hover{color:#F75544} #extend_containers div.home_slider div.slider_window div.slider_content ul li p span.excerpt a{color:#999999;} #extend_containers div.home_slider div.slider_window div.slider_content ul li p span.excerpt a:hover{color:#999999;} #extend_containers div.home_slider div.slider_window div.slider_content ul li p span.title {color:#F75544;font-size:15px;font-weight:bold;} #extend_containers div.home_slider div.slider_window div.slider_content ul li p span.excerpt {color:#999999;font-size:11px;font-style:italic;} #extend_containers div.home_slider div.blog_push {display:block;width:300px;float:right;} #extend_containers div.home_slider div.blog_push div.push_title {-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#282A2B;margin-bottom:3px;padding:5px;} #extend_containers div.home_slider div.blog_push h3{background:transparent url(images/content/homemeta-selectionblog.jpg) no-repeat scroll 0 0;display:block;height:11px;width:111px;margin: 0;} #extend_containers div.home_slider div.blog_push ul {margin: 0;padding: 0;list-style-type: none;} #extend_containers div.home_slider div.blog_push ul li { -webkit-border-radius:6px; -moz-border-radius:6px 6px 6px 6px; background-color:#282A2B; height:68px; margin-bottom:4px; padding:10px; display:block; width:280px;overflow:hidden; position:relative; } #extend_containers div.home_slider div.blog_push ul li img {height:68px !important;width:280px !important;} #extend_containers div.home_slider div.blog_push ul li p.rollover { background-color:#F0F0F0; color:#999999; height:53px; margin:10px; padding:10px 5px 5px 10px; position:absolute; width:265px; z-index:10; top:0; left:0; } /* #extend_containers div.home_slider div.blog_push ul li p.rollover:hover {opacity:1} */ #extend_containers div.home_slider div.blog_push ul li p.rollover span.left {color:#d1d1d1;} #extend_containers div.home_slider div.blog_push ul li p.rollover span.com { background:none repeat scroll 0 0 transparent; display:block; float:left; height:10px; margin:0 0 0 2px; padding:0; text-align:left; width:20px; } #extend_containers div.home_slider div.blog_push ul li p.rollover span.com a {background:transparent url(images/content/relatedcontent-com.jpg) no-repeat scroll right 3px;color:#999999 !important;font-size:10px;height:8px;padding-right:13px;} #extend_containers div.home_slider div.blog_push ul li p.rollover a.title{color:#444444;display:block;font-size:15px;font-weight:bold;height:20px;line-height: 18px;} #extend_containers div.home_slider div.blog_push ul li p.rollover a.more-link{background:transparent url(images/content/homemeta-arrow.jpg) no-repeat scroll 0 0;display:block;float:right;height:17px;margin-top:-14px;width:17px} #extend_containers div.home_slider div.blog_push div.push_slider{ display:block; height:280px; overflow:hidden; width:300px; } .navi-slider-home{width:300px;} #extend_containers div.home_slider div.blog_push a.more-link {background:transparent url(images/content/homemeta-morelink.jpg) no-repeat scroll 0 0;display:block;height:23px;width:121px;float: left;} #extend_containers div.home_slider div.blog_push a:hover.more-link {background-position: left bottom;} #extend_containers div.home_slider div.blog_push p.spacer {background:transparent url(images/content/homemeta-background.jpg) no-repeat scroll 0 0;display:block;float:left;height:22px;margin:0 2px;width:108px;} #extend_containers div.home_slider div.blog_push a.slider_up_link {background:transparent url(images/content/homemeta-navi.jpg) no-repeat scroll 0 0;display:block;float:left;height:23px;margin:0;width:33px;cursor: pointer;} #extend_containers div.home_slider div.blog_push a:hover.slider_up_link {background-position: left bottom;} #extend_containers div.home_slider div.blog_push a.slider_down_link {background:transparent url(images/content/homemeta-navi.jpg) no-repeat scroll -33px 0;display:block;float:left;height:23px;margin:0; width:34px;cursor: pointer;} #extend_containers div.home_slider div.blog_push a:hover.slider_down_link {background-position: -33px bottom;} /* CATEGORY BLOG*/ body.archive #content h3 {background:transparent url(images/content/h2-blog.jpg) no-repeat scroll 0 0;margin-bottom:10px!important; } body.archive #content h4 {background:transparent url(images/content/h2-bloglast.jpg) no-repeat scroll 0 0;margin-bottom:10px!important; margin-top: -2px; padding-bottom: 2px; } body.archive #content h3 span {margin-right: 5px;} body.archive #content h3 span.blog{background:transparent url(images/content/h2-blog.jpg) no-repeat scroll 0 0;display:block;float:left;height:33px;width:51px;} body.archive #content h3 span.splash{background:transparent url(images/content/h2-splash.jpg) no-repeat scroll 0 0;display:block;float:left;height:33px;width:10px;} body.archive #content h3 span.category { background:transparent url(images/content/h2-arrow.jpg) no-repeat scroll right 4px; color:#F75544; display:block; font-size:21px; font-weight:bold; height:33px; margin-top:-5px; padding-right:21px; float: left; } body.archive #content div.category_description { -moz-border-radius: 6px; -webkit-border-radius:6px; background-color:#DDDDDD; clear:both; color:#444444; margin:20px 0 15px; padding:10px 15px; } body.archive .post div.blogthumb { float:left; height:210px; margin:0; position:relative; width:190px; overflow:hidden; } body.archive .post.new div.blogthumb a span.new { background:transparent url(images/content/tutometa-new.png) no-repeat scroll 0 0; display:block; height:45px; left:0; position:absolute; top:0; width:47px; } body.archive .post div.blogthumb a.corner{ background:transparent url(images/content/blogthumb.png) no-repeat scroll 0 0!important; height:210px; left:0; position:absolute; top:0; width:190px; } body.category-blog .post div.blogthumb a.corner,body .souscat .post div.blogthumb a.corner{ background:transparent url(images/content/blogthumb.png) no-repeat scroll 0 0!important; height:210px; left:0; position:absolute; top:0; width:190px !important; } body.archive .post div.post_content { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFFFFF; border:1px solid #FFFFFF; height:175px; margin-left:190px; padding:15px 15px 20px; width:380px; -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08); } body.archive .post div.post_content h2 { display:block; float:left; margin-top:5px; width:340px; } body.archive .post div.post_content h2 a{line-height: 19px;} body.category-tutoriaux .post div.post_content h2 a:hover, body.category-contest .post div.post_content h2 a:hover {color: #F75544!important;} body.archive .post div.post_content h2 a:hover, body.single-contest .contest_content h2 a:hover, #content #tabbox_account_containers .grey ul#mytutolist li p.postinfos span:hover.title {color: #444444;} body.archive .post div.post_content span.com { background:transparent url(images/content/postmeta-comment.jpg) no-repeat scroll 0 0; display:block; height:38px; margin-left:355px; padding-top:5px; text-align:center; width:25px; } body.archive .post div.post_content span.com a{font-weight: bold;font-size: 11px;color: #777777;} body.archive .post div.post_content span.com a:hover {color: #F75544!important;} body.archive .post div.post_content .entry { color:#444444; height:80px; line-height:16px; margin-bottom:20px; margin-top:20px; } body.archive .post div.post_content .postmetadata { color:#ebebeb; font-size:11px; margin:10px 0 0; padding:0 !important;} body.archive .post div.post_content .postmetadata a {color: #999999;} body.archive .post div.post_content .postmetadata a:hover {color: #444444;} body.archive .post div.post_content .postmetadata span.author {background:transparent url(images/content/postmeta-author.jpg) no-repeat scroll left 2px;padding-left:13px;} body.archive .post div.post_content .postmetadata span.tags {background:transparent url(images/content/postmeta-category.jpg) no-repeat scroll left 1px;padding-left:12px;} body.error404 h2{margin:0 !important;} body.error404 #sidebar h2{margin:0 0 15px 0 !important;} body.error404 .catspacer.searchspacer{margin:40px 0 90px 0 !important;border:0 none !important;} body.search h2{margin:0 !important;} body.search #content h3 {background:transparent url(images/content/h2-blog.jpg) no-repeat scroll 0 0;margin-bottom:10px!important;} body.search #content h3 span.blog{background:transparent url(images/content/h2-blog.jpg) no-repeat scroll 0 0;display:inline-block;height:17px;width:51px;} body.search #content h3 span.splash{background:transparent url(images/content/h2-splash.jpg) no-repeat scroll 0 0;display:inline-block;height:20px;width:10px;} body.search #content h3 span.category { background:transparent url(images/content/h2-arrow.jpg) no-repeat scroll right 4px; color:#F75544; display:inline-block; font-size:21px; font-weight:bold; height:33px; margin-top:-5px; padding-right:21px; } body.search #content h2 .nbresult{color:#F75544;} body.search #content h2 .whatsearch{color:#555555;} #content .post .entry h3{height:auto; margin-top: 20px; border-bottom: 1px dotted #d5d5d5; padding-bottom: 10px; color: #212121; } body.search #content div.category_description {-moz-border-radius: 6px;-webkit-border-radius:6px;background-color:#DDDDDD; clear:both; color:#444444; margin-bottom:15px; margin-top:20px; padding:15px;} body.search .post div.blogthumb {float:left;height:210px;margin:0;width:120px;} body.search .post.new div.blogthumb a span.new {background:transparent url(images/content/tutometa-new.png) no-repeat scroll 0 0;display:block;height:45px;width:47px;} body.search .post div.blogthumb a.corner{background:transparent url(images/content/blogthumb.png) no-repeat scroll 0 0;height:210px;margin:-210px 0 0;position:absolute;width:190px;} body.search .post div.post_content { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFFFFF; border:1px solid #FFFFFF; height:175px; margin-left:190px; padding:15px 15px 20px; width:380px; } body.search .post div.post_content h2 { display:block; float:left; margin-top:5px; width:340px; } body.search .post div.post_content h2 a{line-height: 19px;} body.search .post div.post_content h2 a:hover {color: #F75544!important;} body.search .post div.post_content span.com { background:transparent url(images/content/postmeta-comment.jpg) no-repeat scroll 0 0; display:block; height:38px; margin-left:355px; padding-top:5px; text-align:center; width:25px; } body.search .post div.post_content span.com a{font-weight: bold;font-size: 11px;color: #777777;} body.search .post div.post_content span.com a:hover {color: #F75544!important;} body.search .post div.post_content .entry { color:#444444; height:80px; line-height:16px; margin-bottom:20px; margin-top:20px; } body.search .post div.post_content .postmetadata { color:#CCCCCC; font-size:11px; margin:9px 0 0; padding:0 !important;} body.search .post div.post_content .postmetadata a {color: #999999;} body.search .post div.post_content .postmetadata span.author {background:transparent url(images/content/postmeta-author.jpg) no-repeat scroll left 2px;padding-left:13px;} body.search .post div.post_content .postmetadata span.tags {background:transparent url(images/content/postmeta-category.jpg) no-repeat scroll left 1px;padding-left:12px;} /* SINGLE CATEGORY BLOG */ body.single #content h3.blog{background:transparent url(images/content/h2-blog.jpg) no-repeat scroll 0 0;display:inline-block;height:17px;width:51px; margin-bottom: -3px; } body.single #content a.catfeed {margin-top:0 !important; position:absolute; right:0; top:0;} body.single #content .post_top { -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-bottom: 4px solid #eaeaea; padding:20px 15px 15px; width:570px; background-color: #fffeff; -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08); } body.single #content h2 { color: #424242; display:block; float:left; font-size: 20px; width: 545px; margin-bottom: 15px; line-height: 29px; font-weight: bold; } body.single .post div.post_top span.com { background:transparent url(images/content/postmeta-comment2.jpg) no-repeat scroll 0 0; display: none; height:29px; margin-left:545px; margin-top:0; padding-top:5px; text-align:center; width:28px; } body.single .post div.post_top span.com a {color:#FFFFFF;font-size:11px;font-weight:bold;} body.single .post div.post_top span.com a:hover {color:#F75544 !important;} body.single .post div.post_top .postmetadata { color:#444444; display:block; font-size:11px; margin-bottom:0; margin-top:22px; clear: left; } body.single .post div.post_top .postmetadata a {color: #f65544;} body.single .post div.post_top .postmetadata span.author {background: transparent none no-repeat scroll left 2px; color: #929292; } body.single .post div.post_top .postmetadata span.date {background: transparent none no-repeat scroll left 2px; color: #929292; } body.single .post div.blogfull p.corner {background:transparent url(images/content/blogfull.png) no-repeat scroll 0 0;height:11px;margin:-11px 0 0;position:absolute;width:600px;} body.single .post .entry {background-color:#FFFFFF;margin-top:20px;padding:20px 15px 15px;-moz-border-radius: 6px;-webkit-border-radius:6px; } body.single .post .entry p { line-height: 17px; margin-bottom: 25px; } body.single .post .entry p.playerflash {margin-bottom: 0!important} body.single .post .entry p.playerflash object, body.single .post .entry div p.playerflash body.category #btnbarobject { display:block; height:478px; margin-left:-16px; margin-top:20px; width:601px; } body.single .post .entry p.playerflash object embed, body.single .post .entry div p.playerflash object embed { height:453px; margin-top:25px; width:601px; } body.single .post .entry p.playlist{ display:block; margin:0 0 0 -15px; width:600px; cursor:pointer; } body.single .post .entry p.playlist2{ display:block; margin:0 0 0 -15px; width:600px; } body.single .post .entry .motionplaylist{ display:block; margin:0 0 0 -15px; width:600px; } body.single .post .entry .motionsingle{ display:block; margin:0 0 0px -15px; width:600px; } body.single .post .entry p.playlist .playlist, body.single .post .entry p.playlist2 .playlist { background-color:#17181A; border-bottom:1px solid #000000; border-top:1px solid #2F3031; color:#F75544; display:block; font-size:14px; font-weight:bold; height:60px; padding:8px 0; position:relative; width:600px; } body.single .post .entry p.playlist .playlist.current,body.single .post .entry p.playlist2 .playlist.current { background-color:#292a2c; } body.single .post .entry p.playlist .playlist.last, body.single .post .entry p.playlist2 .playlist.last{ background:url("images/content/playlist_bottom.jpg") no-repeat scroll left bottom #17181A; border-bottom:0 none; height:90px; } body.single .post .entry p.playlist .playlist.last:hover, body.single .post .entry p.playlist .playlist.last:hover, body.single .post .entry p.playlist .playlist.last.current { background:url("images/content/playlist_bottomhover.jpg") no-repeat scroll left bottom #292a2c; } body.single .post .entry p.playlist .playlist:hover, body.single .post .entry p.playlist .playlist.current:hover{ background-color:#292a2c; color:#F75544 !important; } body.single .post .entry p.playlist .playlist img, body.single .post .entry p.playlist2 .playlist img { -webkit-border-radius:4px; -moz-border-radius:4px 4px 4px 4px; border:4px solid #141516; display:block; float:left; height:55px; margin:0 25px 0 7px; width:99px; } body.single .post .entry p.playlist .playlist span, body.single .post .entry p.playlist2 .playlist span { display:block; margin:15px 0 0; } body.single .post .entry p.playlist .playlist span.stitre, body.single .post .entry p.playlist2 .playlist span.stitre { color:#999999; display:block; font-size:13px; font-weight:normal !important; margin:0!important; } body.single .post .entry p.playlist .playlist span.website, body.single .post .entry p.playlist .playlist a.website, body.single .post .entry p.playlist2 .playlist span.website, body.single .post .entry p.playlist2 .playlist a.website{ background:url("images/content/playlist_icon2.png") no-repeat scroll 0 center transparent; display:block; height:17px; position:absolute; right:20px; text-indent:-9999px; top:15px; width:52px; top:30px; } body.single .post .entry span.categorylabel {background:transparent url(images/content/postmeta-categorylabel.jpg) no-repeat scroll 0 0;display:block;height:17px;text-align:center;width:47px;} body.single .post .entry span.categorylabel a {color: #FFFFFF;} body.single .post .entry span.tweets {background:transparent url(images/content/postmeta-twitter.jpg) no-repeat scroll left 0;display:inline-block;float:left;height:19px;padding-left:20px;padding-top:4px;margin-top:-7px;width:23px;} body.single .post .entry span.tweets a{font-size: 13px;color: #f75544;font-weight: bold;} body.single .post .entry p.posttag {background:transparent url(images/content/postmeta-category.jpg) no-repeat scroll left 1px;color:#CCCCCC;float:left;font-size:11px;margin-bottom:0;margin-top:10px !important;padding-left:12px;width: 345px;height:15px;} body.single .post .entry p.posttag a {color:#999999;} body.single .post .entry p.posttag a:hover {color:#444444!important;} body.single .post .entry p.invizibeul {background:transparent none repeat scroll 0 0;padding:0;color:#666; margin-right: 0; float: left; } body.single .post .entry a.plizrt {background:transparent url(images/content/morelink-retweet.jpg) no-repeat scroll left 0;display:inline-block;float:left;height:23px;margin-top:-7px;margin-left:2px;width:68px;} body.single .post .entry a:hover.plizrt{background-position: left bottom;} #share-facebook{float: right;width:72px;height:23px;display:block;margin:0 20px 0 0;padding:0;} #twitterbadge { float: right; } #share-facebook a{background:url(images/content/facebook.jpg) no-repeat 0 0;width:72px;height:23px;display:block;text-indent:-9999px;margin:0;padding:0;} #share-facebook a:hover{background-position:left bottom;} body.single .post div.topsy_widget_data, div.topsy_widget_shortcode{overflow:visible !important;margin-top:-10px !important;} body.single .post div.topsy-big{width:auto !important;} body.single .post div.topsy_theme_blue a.topsy-big-retweet{background:transparent url(images/content/morelink-retweet.jpg) no-repeat 0 0 !important;margin-top:0 !important;display:inline-block !important;float:left !important;height:23px !important;margin-left:2px !important;width:68px !important;text-indent:-9999px;} body.single .post div.topsy_theme_blue a.topsy-big-retweet:hover{background-position: left bottom !important;} body.single .post div.topsy_theme_blue span.topsy-big-unit{display:none !important;} body.single .post div.topsy_theme_blue span.topsy-big-num{color:#F75544;font-size:13px;font-weight:bold;background:url("images/content/postmeta-twitter.jpg") no-repeat left 0 transparent;display:inline-block;float:left;height:19px;padding-left:20px;padding-top:6px;width:23px;} body.single .post div.topsy_theme_blue span.topsy-big-count,body.single .post div.topsy_theme_blue span.topsy-big-zerocount{-moz-border-radius:3px 3px 3px 3px !important;background:none !important;border:0 none !important;display:normal !important;padding:0 !important;text-align:center !important;} body.single .post .entry h4.author-about {background:transparent url(images/content/author-about.jpg) no-repeat scroll left 0;margin-bottom:10px;margin-top: 20px;} body.single .post .entry p.author-info { background:url("images/content/author-background.jpg") no-repeat scroll left 0 transparent; color:#999999; height:50px; margin-bottom:0; padding:9px; width:552px; } body.single .post .entry p.author-info a {color: #F75544;} body.single .post .entry p.author-info a:hover {color: #444444;} body.single .post .entry p.author-info a.author-name {color:#F75544;display:block;font-size:14px;font-weight:bold;} body.single .post .entry p.author-info a.author-name:hover {color: #444444;} body.single .post .entry p.author-info img {float:left;margin-right:10px;} /* SINGLE BLOG RELATED CONTENT */ body.single .post h4.relatedcontent {background:transparent url(images/content/relatedcontent.jpg) no-repeat scroll left 0;height:20px;margin-bottom:10px !important;margin-top:15px !important;width:110px;} body.single .post #relatedcontent-bloglist {display:block;height:125px;margin:0;padding:0;width:600px;} body.single .post #relatedcontent-bloglist li.alt {margin-right: 0!important;display:block;position:relative;} body.single .post #relatedcontent-bloglist li {-moz-border-radius: 6px;-webkit-border-radius:6px;background-color:#FFFFFF;display:block;position:relative;float:left;height:100px;margin-right:15px;padding:10px;width:170px;-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);} body.single .post #relatedcontent-bloglist li .relatedcontent-postmeta{ background-color:#F0F0F0; height:93px; top:0; left:0; filter : alpha(opacity=0);-moz-opacity :0; opacity :0; overflow:hidden; padding:5px; position:absolute; width:160px; margin:10px; } /* body.single .post #relatedcontent-bloglist li .relatedcontent-postmeta:hover {opacity:1;visibility:visible;}*/ body.single .post #relatedcontent-bloglist li .relatedcontent-postmeta p {font-size:10px;margin-bottom:5px !important;margin-top:25px !important;color:#999999 !important;} body.single .post #relatedcontent-bloglist li .relatedcontent-postmeta p span.com a{background:transparent url(images/content/relatedcontent-com.jpg) no-repeat scroll right 3px;height:8px;padding-right:13px;color:#999999 !important;} body.single .post #relatedcontent-bloglist li .relatedcontent-postmeta h3 {margin-bottom:0;margin-top:0;height: 30px;} body.single .post #relatedcontent-bloglist li .relatedcontent-postmeta h3 a {color:#444444;font-size:12px;font-weight:bold;} body.single .post #relatedcontent-bloglist li .relatedcontent-postmeta a.more-link {background:transparent url(images/content/relatedcontent-arrow.jpg) no-repeat scroll left ;display:block;float:right;height:17px;width:17px;} /* CATEGORY CONTEST */ body.category-contest #content h3 {background:transparent url(images/content/h2-contest.jpg) no-repeat scroll 0 0;margin-bottom:10px!important;} body.category-contest #btnbar { background:url("images/content/tutoriaux-btnbackground.jpg") no-repeat scroll 0 0 transparent!important; height:32px!important; margin:50px 0 20px!important; padding:15px 0 0 10px!important; width:930px!important; } body.category-contest #btnbar ul{display:block;height:18px;margin:0;padding:0;} body.category-contest #btnbar a.rss { background:url("images/content/tutoriaux-rss.jpg") no-repeat scroll right 0 transparent; color:#999999 !important; float:right; font-size:11px; height:18px; margin:0 10px 0 0; padding:0 25px 0 0; } body.category-contest #btnbar a.rss:hover {background-position:right bottom;} body.category-contest #btnbar a.rss span {display:block;float:left;color: #f75544;font-size: 12px;} body.category-contest #btnbar a.rss span.img {width:25px;height:12px;margin:3px 3px 0 0;} body.category-contest #btnbar h4 {background:transparent url(images/content/h2-contestfinished.jpg) no-repeat scroll 0 center;float:left;height:14px;margin:0;width:140px;} body.category-contest .post {background:transparent url(images/content/tutoriaux-spacer.jpg) repeat-x scroll 0 bottom;float:left;margin-right:20px;padding-bottom:25px;width:300px;} body.category-contest .post.alt {margin: 0 0 20px 0;} body.category-contest .post div.blogthumb span.com {background:transparent url(images/content/postmeta-comment3.png) no-repeat scroll 0 0;display:block;height:24px;margin-left:265px;margin-top:10px;padding-top:5px;position:absolute;text-align:center;width:26px;z-index:1;} body.category-contest .post div.blogthumb span.com a {font-size: 11px;font-weight:bold;color: #999999;} body.category-contest .post div.blogthumb span.com a:hover {color:#F75544!important;} body.category-contest .post div.blogthumb {float:none; height:150px; position:relative; width:300px;cursor: pointer;} body.category-contest .post div.blogthumb a.corner {display:block;background:transparent url(images/content/contestmid.png) no-repeat scroll 0 0;height:150px;margin:-150px 0 0;position:absolute;width:300px;margin: 0;} body.category-contest .post div.post_content { -moz-border-radius-topleft:0;-moz-border-radius-topright:0; -webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0; background-color:#FFFFFF; border:1px solid #FFFFFF; height:60px; margin:0; padding:10px; width:280px;} body.category-contest .post div.post_content h2 {float:none;font-size:14px;margin-top:0;margin-bottom:5px;width:270px;height: 36px;} body.category-contest .post div.post_content h2 a {color: #444444;} body.category-contest #content p.postmetadata span{ display:block; font-weight:normal !important; padding:5px 0 0; } body.category-contest #content p.postmetadata strong.pipe {color:#404041;} body.category-contest #content p.postmetadata span.submissions{ background:url("images/content/post-pucegrey.jpg") no-repeat scroll 0 center transparent; color:#999999; display:block; font-weight:normal !important; height:13px; padding:0 0 0 10px; } body.category-contest #content #contest_left {float: left;} body.category-contest #content #contest_right {margin-left: 480px;} body.category-contest #content div.contest-meta {background:transparent url(images/content/contestmeta-btnbackground.jpg) no-repeat scroll 0 0;display:block;height:18px;margin-bottom:15px;padding:10px;width:440px;} body.category-contest #content div.contest-meta h4 {margin: 0!important;} body.category-contest #content div.contest-meta span {color:#999999;display:block;float:right;font-size:12px;font-weight:bold;margin-top:-15px;} body.category-contest #content #contest_left div.contest-meta h4{background:transparent url(images/content/h2-contestcurrent.jpg) no-repeat scroll 0 center;} body.category-contest #content #contest_right div.contest-meta h4{background:transparent url(images/content/h2-contestvotecurrent.jpg) no-repeat scroll 0 center;} body.category-contest #content div.contestfocus {background:transparent url(images/content/contest-boxbackground.jpg) no-repeat scroll 0 0;display:block;height:347px;padding:10px;width:440px;} body.category-contest #content div.contestfocus p.contestbig {margin: 0!important;} body.category-contest #content div.contestfocus p.contestbig a {display:block;width:440px;height:240px;} body.category-contest #content div.contestfocus div.post_content{ -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; background-color:#202122; height:85px; padding:10px; width:420px; } body.category-contest #content div.contestfocus .nocontent{padding:120px 0 0 0;color:#fff;text-align:center;font-weight:bold;font-size:15px;} body.category-contest #content div.contestfocus div.post_content h2{ background:url("images/content/contest-spacer.jpg") repeat-x scroll 0 bottom transparent; font-size:23px; margin:5px 0 15px; padding:0 0 15px; } body.category-contest #content div.contestfocus div.post_content p.postmetadata {color: #999999;font-size: 10px;margin: 0!important;} body.category-contest #content div.contestfocus div.post_content p.postmetadata img {display:block; float:left; margin:0 5px 0 0;} body.category-contest #content div.contestfocus div.post_content p.postmetadata a.twt_author {font-size: 13px} body.category-contest #content div.contestfocus div.post_content p.postmetadata span {font-size: 11px;font-weight: bold;} body.category-contest #content div.contestfocus div.post_content a.participer {background:transparent url(images/content/contest-participer.jpg) no-repeat scroll 0 0;display:block;float:right;height:39px;margin-top:-28px;width:123px;} body.category-contest #content div.contestfocus div.post_content a.voter {background:transparent url(images/content/contest-voter.jpg) no-repeat scroll 0 0;display:block;float:right;height:39px;margin-top:-28px;width:93px;} body.category-contest #content div.contestfocus div.post_content a:hover.participer, body.category-contest #content div.contestfocus div.post_content a:hover.voter {background-position: left -39px;} body.category-contest #content div.contestfocus div.post_content a:active.participer, body.category-contest #content div.contestfocus div.post_content a:active.voter {background-position: left bottom;} /* CATEGORY TUTORIAUX */ body.category #optionstri { -webkit-border-radius:4px; -moz-border-radius:4px; background-color:#393A3C; margin:0 0 20px; padding:20px; width:900px; display:block; position:relative; overflow:hidden; } body.category #optionstri #optionleft, body.category #optionstri #optionmiddle, body.category #optionstri #optionright{width: 265px;} body.category #optionstri #optionleft{float:left;} body.category #optionstri #optionmiddle{float:left;margin:0 0 0 50px;} body.category #optionstri #optionright{margin-left:630px;} body.category #optionstri div ul {margin:0;padding:0;list-style-type: none;} body.category #optionstri div ul li ul li {display:inline;} body.category #optionstri #optionright ul.wp-tag-cloud li{display:inline;} body.category #optionstri #optionleft ul li.difficulty { display:block; margin:0 0 20px; } body.category #optionstri #optionleft ul li.difficulty span { background:url("images/content/tri-difficultes.jpg") no-repeat scroll 0 0 transparent; display:block; margin:0 0 15px; text-indent:-9999px; } body.category #optionstri #optionleft ul li.difficulty ul { background:url("images/content/tri-spacer.jpg") no-repeat scroll left bottom transparent; display:block; height:13px; padding:0 0 15px; } body.category #optionstri #optionleft ul li.difficulty ul li a{ display:block; float:left; height:13px; margin:0 10px 0 0; width:46px; } body.category #optionstri #optionleft ul li.difficulty ul li.easy a{ background:transparent url(images/content/tri-difficultes-facile.jpg) no-repeat scroll 0 0; text-indent:-9999px; } body.category #optionstri #optionleft ul li.difficulty ul li.medium a{ background:transparent url(images/content/tri-difficultes-moyen.jpg) no-repeat scroll 0 0; text-indent:-9999px; } body.category #optionstri #optionleft ul li.difficulty ul li.hard a{ background:transparent url(images/content/tri-difficultes-difficile.jpg) no-repeat scroll 0 0; text-indent:-9999px; } body.category #optionstri #optionleft ul li.difficulty ul li a:hover, body.category #optionstri #optionleft ul li.difficulty ul li a.current{background-position:left bottom;} body.category #optionstri #optionleft ul li.language { background:url("images/content/tri-spacer.jpg") no-repeat scroll left bottom transparent; display:block; height:40px; margin:0; padding:0 0 15px; } body.category #optionstri #optionmiddle ul li.duration span { background:url("images/content/tri-duree.jpg") no-repeat scroll 0 0 transparent; display:block; margin:0 0 15px; text-indent:-9999px; } body.category #optionstri #optionmiddle ul li.duration p.lang{ display:block; float:left; margin:0; width:55px; } body.category #optionstri #optionleft ul li.language p.lang a {display:block;float:left;height:11px;margin:5px 5px 0;width:16px;} body.category #optionstri #optionleft ul li.language p.lang a.fr{background:transparent url(images/content/tutometa-fr.jpg) no-repeat scroll left bottom;} body.category #optionstri #optionleft ul li.language p.lang a.en{background:transparent url(images/content/tutometa-en.jpg) no-repeat scroll left bottom;} body.category #optionstri #optionleft ul li.language p.lang a.current {background-position: 0 0;} body.category #optionstri #optionleft ul li.language p.lang a:hover{background-position: left top;} body.category #optionstri #optionleft ul li.language p.lang span.spacer { background:url("images/content/tri-minispacer.jpg") no-repeat scroll 0 0 transparent; display:block; float:left; height:16px; width:2px; } body.category #optionstri #optionleft ul li.language { background:url("images/content/tri-spacer.jpg") no-repeat scroll left bottom transparent; display:block; height:40px; margin:0; padding:0 0 15px; } body.category #optionstri #optionleft ul li.language span { background:url("images/content/tri-language.jpg") no-repeat scroll 0 0 transparent; display:block; margin:0 0 5px; text-indent:-9999px; } body.category #optionstri #optionmiddle ul li.duration { background:url("images/content/tri-spacer.jpg") no-repeat scroll left bottom transparent; display:block; height:50px; margin:0 0 20px; padding:0 0 8px; } body.category #optionstri #optionmiddle ul li.duration ul li a{ display:block; float:left; margin:0 10px 0 0; } body.category #optionstri #optionmiddle ul li.duration ul li.short a{ background:url("images/content/tri-duree-0min.jpg") no-repeat scroll 0 0 transparent; height:17px; text-indent:-9999px; width:65px; } body.category #optionstri #optionmiddle ul li.duration ul li.medium a{ background:url("images/content/tri-duree-20min.jpg") no-repeat scroll 0 0 transparent; height:17px; text-indent:-9999px; width:71px; } body.category #optionstri #optionmiddle ul li.duration ul li.long a{ background:url("images/content/tri-duree-40min.jpg") no-repeat scroll 0 0 transparent; height:17px; text-indent:-9999px; width:61px; } body.category #optionstri #optionmiddle ul li.duration ul li a:hover, body.category #optionstri #optionmiddle ul li.duration ul li a.current{background-position:left bottom;} body.category #optionstri #optionmiddle ul li.software { background:url("images/content/tri-spacer.jpg") no-repeat scroll left bottom transparent; display:block; height:40px; margin:0; padding:0 0 15px; } body.category #optionstri #optionmiddle ul li.software span { background:url("images/content/tri-logiciels.jpg") no-repeat scroll 0 0 transparent; display:block; margin:0 0 10px; text-indent:-9999px; } body.category #optionstri #optionright span.tags { background:url("images/content/tri-tags.jpg") no-repeat scroll 0 0 transparent; display:block; margin:0 0 10px; text-indent:-9999px; } body.category #optionstri #optionright ul.wp-tag-cloud { /*background:url("images/content/tri-spacer.jpg") no-repeat scroll left bottom transparent; height:93px;*/ display:block; margin:0; padding:0 0 15px; } body.category #optionstri #optionright ul.wp-tag-cloud li a { background:url("images/content/tri-dot.jpg") no-repeat scroll right center transparent; color:#999999; display:block; float:left; font-size:11px !important; margin:0 5px 0 0; padding:0 8px 0 0; } body.category #optionstri #optionright ul.wp-tag-cloud li a:hover, body.category #optionstri #optionright ul.wp-tag-cloud li a.current{ color: #f75644; } body.category #optionstri #optionmiddle ul li.software ul.tutoprograms {list-style-type: none;padding: 0;margin: 0;} body.category #optionstri #optionmiddle ul li.software ul.tutoprograms li a{ display:inline-block; float:left; height:21px; margin-left:1px; width:22px; } body.category-tutoriaux .previouspostslink{display:none !important;} body.category-tutoriaux .nextpostslink{display:none !important;} .cat-tuto #content h3 {background:transparent url(images/content/h2-tutoriaux.jpg) no-repeat scroll 0 0 !important;margin-bottom:10px !important;} body.category-tutoriaux #btnbar {height:52px !important;} body.category #btnbar { background:url("images/content/tutoriaux-btnbackground.jpg") no-repeat scroll 0 0 transparent; height:47px; margin:0; padding:0; width:930px; } body.category #btnbar ul {margin: 0;padding:10px;} body.category #btnbar ul li {display:block;float:left;list-style-type:none;margin-right:5px;} body.category #btnbar ul li a {display:block;height:25px;color: #999999;} body.category #btnbar ul li a.all {background:transparent url(images/content/tutoriaux-btn-all.jpg) no-repeat scroll 0 0;width:135px;} body.category #btnbar ul li a.popular {background:transparent url(images/content/tutoriaux-btn-popular.jpg) no-repeat scroll 0 0;width:148px;} body.category #btnbar ul li a.premium {background:transparent url(images/content/tutoriaux-btn-premium.jpg) no-repeat scroll 0 0;width:143px;} body.category #btnbar ul li a.option { background:url("images/content/tutoriaux-select.jpg") no-repeat scroll 0 0 transparent; color:#999999; font-size:12px; height:25px; text-indent:-9999px; width:189px; margin:0 0 12px 0; } body.category #btnbar ul li a:hover.option, body.category #btnbar ul li a.current.option{ background:url("images/content/tutoriaux-select.png") no-repeat scroll 0 0 transparent; color:#999999; font-size:12px; text-indent:-9999px; width:189px; } body.category #btnbar ul li a.current.option{ height:37px; margin:0; } #querytuto .post {background:transparent url(images/content/tutoriaux-spacer.jpg) repeat-x scroll 0 bottom;float:left;margin-right:20px;padding-bottom:25px;width:300px;} #querytuto .post.alt {margin: 0 0 20px 0;} #querytuto .post div.blogthumb span.com {background:transparent url(images/content/postmeta-comment3.png) no-repeat scroll 0 0;display:block;height:24px;margin-left:265px;margin-top:10px;padding-top:5px;position:absolute;text-align:center;width:26px;} #querytuto .post div.blogthumb span.com a {font-size: 11px;font-weight:bold;color: #999999;} #querytuto .post div.blogthumb span.com a:hover {color:#F75544!important;} #querytuto .post div.blogthumb {float:none;height:150px;width:300px;} body.archive .post div.blogthumb a.corner { background:transparent url(images/content/contestmid2.png) no-repeat scroll 0 0; display:block; height:210px; left:0; position:absolute; top:0; width:15px; } #querytuto .post div.post_content { -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; background-color:#FFFFFF; border:1px solid #FFFFFF; height:65px; margin-left:0; padding:10px; width:278px; } #querytuto .post div.post_content h2 { float:none; font-size:14px; height:36px; margin-bottom:5px; margin-top:0; width:270px; } #querytuto .post div.post_content h2 a, #querytuto-premium .post div.post_content h2 a{ color:#444444; line-height:16px; } #querytuto .post div.post_content .postmetadata span#stars{background:transparent url(images/content/tutoriaux-star.jpg) no-repeat scroll 0 0;display:none;height:15px;margin-right:5px;width:16px;} #querytuto .post div.post_content .postmetadata span#stars.on {display: block;float: left;} #querytuto .post div.post_content .postmetadata span#stars.off {display: none;} body.archive .post div.post_content .postmetadata a#difficulty { background:url("images/content/tutoriaux-difficulty.jpg") no-repeat scroll 0 0 transparent; display:inline-block; height:13px; margin:1px 0 0; width:46px; } body.archive .post div.post_content .postmetadata span.download, body.archive .post div.post_content .postmetadata span.heart {color:#999999;display:inline-block;} body.archive .post div.post_content .postmetadata span.heart .txtvote {float:left !important;margin:0 3px 0 0 !important;} body.archive .post div.post_content .postmetadata span.heart .txtvote .strongclass{display:none !important;} body.archive .post div.post_content .postmetadata span.heart strong{background-position:0 4px !important;height:13px !important} body.archive .post div.post_content .postmetadata span.heart .imgvote{display:none;} .imgvote{display:inline;float:right;margin:0 !important;position:absolute;top:0;right:0;} .txtvote {display:inline;margin:3px 25px 0 0 !important;float:none;} body.archive .post div.post_content .postmetadata a#difficulty.facile {background-position: left top;} body.archive .post div.post_content .postmetadata a#difficulty.moyen {background-position: left -13px;} body.archive .post div.post_content .postmetadata a#difficulty.difficile {background-position: left bottom;} #querytuto .post div.post_content .postmetadata span.heart strong, #querytuto-premium .post div.post_content .postmetadata span.heart strong{ background:transparent url(images/content/tutoriaux-heart.jpg) no-repeat scroll 0 2px; display:inline-block; height:11px; margin-top:0; width:11px; } #querytuto .nocontent{color:#444444;font-size:14px;width:100%;height:100px;padding:25px 0 0 0;text-align:center;background:url("images/content/tutoriaux-spacer.jpg") repeat-x scroll 0 bottom transparent} body.archive .post div.post_content ul.tutoprograms {list-style-type: none;padding: 0;margin: 0;} body.archive .post div.post_content ul.tutoprograms li a{ display:inline-block; float:right; height:21px; margin-left:1px; margin-top:-20px; width:22px; } /* CATEGORY TUTORIAUX */ #querytuto-premium #content h3 {background:transparent url(images/content/h2-tutoriaux.jpg) no-repeat scroll 0 0;margin-bottom:10px!important;} /* body.category #btnbar {background:transparent url(images/content/tutoriaux-btnbackground.jpg) no-repeat scroll 0 0;height:47px;margin-bottom:15px;width:940px;}*/ body.category #btnbar ul {margin: 0;padding:10px;} body.category #btnbar ul li {display:block;float:left;list-style-type:none;margin-right:5px;} body.category #btnbar ul li a.all {background:transparent url(images/content/tutoriaux-btn-all.jpg) no-repeat scroll 0 0;width:135px;} body.category #btnbar ul li a.popular {background:transparent url(images/content/tutoriaux-btn-popular.jpg) no-repeat scroll 0 0;width:148px;} body.category #btnbar ul li a.premium {background:transparent url(images/content/tutoriaux-btn-premium.jpg) no-repeat scroll 0 0;width:143px;} body.category #btnbar ul li a.option {background:transparent url(images/content/tutoriaux-select.jpg) no-repeat scroll 0 0;color:#999999;font-size:12px;height:20px;padding-left:10px;padding-top:5px;width:189px;} body.category #btnbar ul li a:hover.option{background-position: left top;} body.category #btnbar ul li a:hover {background-position: left -25px;} body.category #btnbar ul li a.current {background-position: left bottom;} body.category #btnbar ul li a.current {background-position: left bottom;} body.category #btnbar ul li.rss {display:block;float:right;} body.category #btnbar ul li.rss a{background:transparent url(images/content/tutoriaux-rss.jpg) no-repeat scroll right 0;color:#999999!important;font-size:11px;height:18px;margin-top:5px;padding:0 25px 0 0;} body.category #btnbar ul li.rss a:hover {background-position: right bottom;} body.category #btnbar ul li.rss span {color: #f75544;font-size: 12px;} body.category #btnbar ul li.rss span.img {color:#F75544;display:block;height:10px;margin:3px 3px 0 0;width:25px;float:left;} body.category #btnbar ul.navituto li{height:42px;} #querytuto-premium .post {background:transparent url(images/content/tutoriaux-spacer.jpg) repeat-x scroll 0 bottom;float:left;margin-right:20px;padding-bottom:25px;width:300px;} #querytuto-premium .post.alt {margin: 0 0 20px 0;} #querytuto-premium .post div.blogthumb span.com {background:transparent url(images/content/postmeta-comment3.png) no-repeat scroll 0 0;display:block;height:24px;margin-left:265px;margin-top:10px;padding-top:5px;position:absolute;text-align:center;width:26px;} #querytuto-premium .post div.blogthumb span.com a {font-size: 11px;font-weight:bold;color: #999999;} #querytuto-premium .post div.blogthumb span.com a:hover {color:#F75544!important;} #querytuto-premium .post div.blogthumb {float:none; height:150px; position:relative; width:300px;} #querytuto .post div.blogthumb a.corner { background:transparent url(images/content/contestmid.png) no-repeat scroll 0 0 !important; display:block; height:150px; position:absolute; top:0; width:300px; } body.category-tutoriaux-premium .post div.blogthumb a.corner { background:transparent url(images/content/contestmid.png) no-repeat scroll 0 0 !important; display:block; height:150px; position:absolute; top:0; width:300px; } body.category-contest .post div.blogthumb a.corner { background:transparent url(images/content/contestmid.png) no-repeat scroll 0 0 !important; display:block; height:150px; position:absolute; top:0; width:300px; } body.category-tutoriaux-premium .post div.post_content { -moz-border-radius-topleft:0;-moz-border-radius-topright:0; -webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0; background-color:#FFFFFF;border:1px solid #FFFFFF;height:65px;margin-left:0;padding:10px;width:278px;} body.category-tutoriaux-premium .post div.post_content h2 {float:none;font-size:14px;margin-top:0;margin-bottom:5px;width:270px;height: 36px;} body.category-tutoriaux-premium .post div.post_content h2 a {color: #444444;} body.category-tutoriaux-premium .post div.post_content .postmetadata span#stars{background:transparent url(images/content/tutoriaux-star.jpg) no-repeat scroll 0 0;display:none;height:15px;margin-right:5px;width:16px;} body.category-tutoriaux-premium .post div.post_content .postmetadata span#stars.on {display: block;float: left;} body.category-tutoriaux-premium .post div.post_content .postmetadata span#stars.off {display: none;} body.category-tutoriaux-premium .post div.post_content .postmetadata span#difficulty {background:transparent url(images/content/tutoriaux-difficulty.jpg) no-repeat scroll 0 0;display:inline-block;height:13px;width:46px;} body.category-tutoriaux-premium .post div.post_content .postmetadata span#difficulty.easy {background-position: left top;} body.category-tutoriaux-premium .post div.post_content .postmetadata span#difficulty.medium {background-position: left -13px;} body.category-tutoriaux-premium .post div.post_content .postmetadata span#difficulty.hard {background-position: left bottom;} /* SINGLE CATEGORY TUTORIAUX & CONTEST */ body.single .post .entry ul {-moz-border-radius:6px;-webkit-border-radius:6px; background:#E8E8E8 none repeat scroll 0 0; display:block; margin: 0 0 30px; padding:6px 0; } body.single .post .entry ul li { background:transparent url(images/content/post-listspacer.jpg) repeat-x scroll 0 bottom; list-style-image:url(images/content/post-puce.jpg); list-style-position:inside; list-style-type:disc; margin:15px 0 0; padding:0 15px 15px; text-indent:0; } body.single .post .entry ul li:first-child {margin:10px 0 0;} body.single .post .entry ul li:last-child {background:transparent none repeat scroll 0 0;padding:0 15px 10px;} body.single #content h3.tutoriaux{background:transparent url(images/content/h2-programme.jpg) no-repeat scroll 0 0;display:inline-block;height:17px;width:161px; margin-bottom: -3px; } body.single-contest #content h3.contest{ background:transparent url(images/content/h2-soumissions.jpg) no-repeat scroll 0 0; display:block; float:left; height:17px; margin-bottom:10px !important; width:284px; } body.single-contest #content span.submissions_nb{ color:#999999; display:block; font-size:21px; font-weight:bold; height:17px; margin-bottom:10px !important; margin-left:290px; margin-top:-3px; width:65px; } body.single-contest #content #submissions_list .submitedpost{-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#FFFFFF;margin:0 0 20px;padding:10px;height:130px;} p.addcomment {-moz-border-radius:6px;-webkit-border-radius:6px;background-color: #18191a; padding: 10px; font-size: 12px; margin-bottom: 20px; margin-top: 5px; color: #d5d5d5; width: 197px; margin-left: 18px; text-align: center; } p.addcomment a { color: #d5d5d5; } p.addcomment a:hover { color: #fffeff; } .bullecomments {background:transparent url(images/content/contest-comment.jpg) no-repeat scroll right 3px; float: right; padding-right: 14px; } body.single-contest #content #submissions_list .submitedpost div.contestsmall {float:left;width:180px;} body.single-contest #content #submissions_list .submitedpost div.contest_content {color:#444444;font-size:12px;height:110px;margin-left:195px;} body.single-contest #content #submissions_list .submitedpost div.contest_content h2 { display:block; float:left; margin-top:4px; width:350px; font-size: 21px; } body.single-contest #content #submissions_list .submitedpost div.contest_content span.com { background:transparent url(images/content/postmeta-comment.jpg) no-repeat scroll 0 0; display:block; height:25px; margin:7px 0 8px 350px; padding-top:5px; text-align:center; width:25px; } body.single-contest #content #submissions_list .submitedpost div.contest_content span.com a{font-weight: bold;font-size: 11px;color: #777777;} body.single-contest #content #submissions_list .submitedpost div.contest_content .postmetadata {color:#CCCCCC;display:block;font-size:11px;margin:20px 0 0;padding:0 !important;} body.single-contest #content #submissions_list .submitedpost div.contest_content .postmetadata a {color: #999999;} body.single-contest #content #submissions_list .submitedpost div.contest_content .postmetadata span.author {background:transparent url(images/content/postmeta-author.jpg) no-repeat scroll left 2px;padding-left:13px;} body.single-contest #content #submissions_list .submitedpost div.contest_content .postmetadata span.votes {background:transparent url(images/content/postmeta-vote.jpg) no-repeat scroll left 1px;padding-left:14px;} /* SINGLE RELATED CONTENT */ body.single .post h4.relatedcontent-tutoriaux {background:transparent url(images/content/relatedcontent-tuto.jpg) no-repeat scroll left 0;height:19px;margin-bottom:10px !important;margin-top:15px !important;width:121px;} body.single .post #relatedcontent-tutolist li div.relatedcontent-postmeta { -moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px; background-color:#FFFFFF;border:1px solid #FFFFFF;height:50px;margin:0 0 50px;padding:10px;width:170px;-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);} body.single .post #relatedcontent-tutolist li div.relatedcontent-postmeta h2 {font-size:14px;width:170px;} body.single .post #relatedcontent-tutolist li div.relatedcontent-postmeta h2 a {color: #444444;} body.single .post #relatedcontent-tutolist {display:block;height:280px;margin:0;padding:0;width:615px;} body.single .post #relatedcontent-tutolist li.alt {margin-right: 0!important;} body.single .post #relatedcontent-tutolist li {display:block!important;float:left!important;height:210px;margin-right:15px;width:190px;} body.single .post div.tutothumb span.com {background:transparent url(images/content/postmeta-comment3.png) no-repeat scroll 0 0;display:block;height:24px;margin-left:159px;margin-top:5px;padding-top:5px;position:absolute;text-align:center;width:26px;z-index:1;} body.single .post div.tutothumb span.com a {font-size: 11px;font-weight:bold;color: #999999;} body.single .post div.tutothumb {float:none;height:210px;width:190px;position: relative;} body.single .new div.tutothumb a span.new { background:transparent url(images/content/tutometa-new.png) no-repeat scroll 0 0; display:block; height:45px; position:absolute; top:0; width:47px; } body.single .post div.tutothumb a.corner { background:transparent url(images/content/tutothumb.png) no-repeat scroll 0 0; display:block; height:210px; left:0; position:absolute; top:0; width:190px; } body.single .post div.tutothumb div.rollover { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; background-color:#1D1E1F; color:#353434; cursor:pointer; display:block; font-size:10px; height:190px; left:0; opacity:0; padding:10px; position:absolute; top:0; width:170px; } body.single .post #relatedcontent-tutolist li:hover div.tutothumb div.rollover{opacity:0.9;} body.single .post #relatedcontent-tutolist li:hover div.tutothumb span.com a {color:#F75544 !important;} body.single .post #relatedcontent-tutolist li:hover div.relatedcontent-postmeta h2 a {color:#F75544 !important;} body.single .post div.tutothumb div.rollover ul.tutoprograms { list-style-type:none; margin:45px 0 10px; padding:0; height: 22px; } body.single .post div.tutothumb div.rollover ul.tutoprograms li { display:inline-block!important; height:21px!important; margin-left:1px!important; margin-right:0px!important; width:22px!important; float: none!important; } body.single .post div.tutothumb div.rollover span.excerpt{border-top:1px solid #444444;color:#FFFFFF;display:block;font-size:11px;font-weight:bold;margin-bottom:10px;padding-top:10px;} body.single .post div.tutothumb div.rollover a.difficulty {background:transparent url(images/content/homemeta-difficulty.png) no-repeat scroll 0 0;display:inline-block;height:13px;width:46px;} body.single .post div.tutothumb div.rollover a.difficulty.easy, body.single .post div.tutothumb div.rollover a.difficulty.facile {background-position: left top;} body.single .post div.tutothumb div.rollover a.difficulty.medium, body.single .post div.tutothumb div.rollover a.difficulty.moyen {background-position: left -13px;} body.single .post div.tutothumb div.rollover a.difficulty.hard, body.single .post div.tutothumb div.rollover a.difficulty.difficile {background-position: left bottom;} body.single .post div.tutothumb div.rollover span.downloads {color:#999999;font-size:10px;font-weight:bold;} /* SINGLE COMMENT */ body.single #content h3#comments { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; background-color:#DDDDDD; color:#444444; display:block; font-size:18px; height:35px; margin-bottom:0; padding:15px 15px 10px; width:570px; } /* body.single #content .blog-comment h3#comments{ background-color:#282A2B; color:#fff; } body.single #content .blog-comment a.addcomment{ background:url("images/content/addcomment.jpg") no-repeat scroll left 0 transparent; }*/ body.single #content h3#comments span {font-size: 21px; font-weight: bold;color: #f75544;} body.single #content a.addcomment {background:transparent url(images/content/comment-addbtn.jpg) no-repeat scroll left 0;display:block;float:right;height:23px;margin-right:15px;margin-top:-40px;width:106px;} body.single #content a:hover.addcomment {background-position: left bottom !important;} body.single #content #comments-container { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; background-color:#FFFFFF; padding:30px 0 15px; -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08); } /* SINGLE COMMENT REPLY*/ body.single #content h3#reply {background:transparent url(images/content/comment-blabla.jpg) no-repeat scroll left 0;margin:0 0 12px 10px;} body.single #content #respond {-moz-border-radius: 6px;-webkit-border-radius:6px; background-color:#E8E8E8; margin:0 15px 30px 15px !important; padding:25px 20px 0; } #respond .cancel-comment-reply{padding:0 0 20px 0;} body.single #content #respond #commentform label{display:block;margin-bottom:5px;margin-left:10px;font-size: 14px;font-weight: bold;color: #444444; } #commentform p.recevoir { float: left; width: 422px; margin-top: -53px; } input#comment_mail_notify { float: left; margin-right: 10px; } body.single #content #respond #commentform label small {color:#999999;font-size:12px;font-weight:normal;} body.single #content #respond #commentform input {background:transparent url(images/content/comment-input.jpg) no-repeat scroll left 0;border:0 none;height:18px;padding:10px 5px 7px 10px;width:230px;color:#444444;margin-bottom: 25px;} body.single #content #respond #commentform textarea { background:transparent url(images/content/comment-textarea.jpg) no-repeat scroll left 0; border:0 none; color:#444444; height:180px; padding:10px 5px 7px 10px; width:515px; } body.single #content #respond #commentform #submit {cursor:pointer;background:transparent url(images/content/comment-submit.jpg) no-repeat scroll left 0;float:right;height:39px;margin-top:20px;padding:0;text-indent:-9999px;width:101px;font-size:0;} body.single #content #respond #commentform #submit:hover {background-position: left -39px;} body.single #content #respond #commentform #submit:active {background-position: left bottom;} body.single #content #respond #commentform p.comleft {display:block;float:left;margin:0 40px 0 0;} /* Page COMMENT */ body.page #content h3#comments { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; background-color:#DDDDDD; color:#444444; display:block; font-size:18px; height:35px; margin-bottom:0; padding:15px 15px 10px; width:570px; } /* body.page #content .blog-comment h3#comments{ background-color:#282A2B; color:#fff; } body.page #content .blog-comment a.addcomment{ background:url("images/content/addcomment.jpg") no-repeat scroll left 0 transparent; }*/ body.page #content h3#comments span {font-size: 21px; font-weight: bold;color: #f75544;} body.page #content a.addcomment {background:transparent url(images/content/comment-addbtn.jpg) no-repeat scroll left 0;display:block;float:right;height:23px;margin-right:15px;margin-top:-40px;width:106px;} body.page #content a:hover.addcomment {background-position: left bottom !important;} body.page #content #comments-container { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; background-color:#FFFFFF; padding:30px 0 15px; } /* SINGLE COMMENT REPLY*/ body.page #content h3#reply {background:transparent url(images/content/comment-blabla.jpg) no-repeat scroll left 0;margin:0 0 12px 10px;} body.page #content #respond {-moz-border-radius: 6px;-webkit-border-radius:6px; background-color:#E8E8E8; margin:0 15px 30px 15px !important; padding:25px 20px 0; } #respond .cancel-comment-reply{padding:0 0 20px 0;} body.page #content #respond #commentform label{display:block;margin-bottom:5px;margin-left:10px;font-size: 14px;font-weight: bold;color: #444444; } #commentform p.recevoir { float: left; width: 422px; margin-top: -53px; } input#comment_mail_notify { float: left; margin-right: 10px; } body.page #content #respond #commentform label small {color:#999999;font-size:12px;font-weight:normal;} body.page #content #respond #commentform input {background:transparent url(images/content/comment-input.jpg) no-repeat scroll left 0;border:0 none;height:18px;padding:10px 5px 7px 10px;width:230px;color:#444444;margin-bottom: 25px;} body.page #content #respond #commentform textarea { background:transparent url(images/content/comment-textarea.jpg) no-repeat scroll left 0; border:0 none; color:#444444; height:180px; padding:10px 5px 7px 10px; width:515px; } body.page #content #respond #commentform #submit {cursor:pointer;background:transparent url(images/content/comment-submit.jpg) no-repeat scroll left 0;float:right;height:39px;margin-top:20px;padding:0;text-indent:-9999px;width:101px;font-size:0;} body.page #content #respond #commentform #submit:hover {background-position: left -39px;} body.page #content #respond #commentform #submit:active {background-position: left bottom;} body.page #content #respond #commentform p.comleft {display:block;float:left;margin:0 40px 0 0;} /* SINGLE NAVIGATION */ .navigation_single {clear:both;float:none;margin-bottom:40px;margin-top:40px;width:600px;} .navigation_single .previous { float:left; margin-left:20px; padding:35px 20px 0 0; width:260px; } .navigation_single .next { border-left:1px solid #DDDDDD; height:105px; margin-left:300px; padding:35px 0 0 20px; width:259px; } .navigation_single .previous a.img { background:transparent url(images/content/post-previous.jpg) no-repeat scroll right 0; display:block; height:15px; margin-bottom:20px; width:260px; } .navigation_single .next a.img {background:transparent url(images/content/post-next.jpg) no-repeat scroll 0 0;display:block;height:15px;width:300px;margin-bottom: 20px;} .navigation_single p.link {margin-bottom:55px;margin-top:0 !important;} .navigation_single p.link a{font-size:14px;font-weight:bold;color: #444444;} .navigation_single p.link a:hover{color: #F75544;} .navigation_single .previous p.link {text-align: right;} .navigation_single .next p.link {text-align: left;} .navigation_spacer { clear:both; height:35px; } /* CONTACT */ body.contact #content h3{ background:transparent url(images/content/h2-contact.jpg) no-repeat scroll 0 0; display:inline-block; height:17px; margin-bottom:10px !important; width:130px; } body.page .entry {background-color:#FFFFFF;margin-top:20px;margin-bottom:75px;padding:15px;-moz-border-radius: 6px;-webkit-border-radius:6px;} body.contact .entry .grey, .registerpage #register_box .grey, .registerpage #congratz_box .grey{background-color: #E8E8E8; color:#444444; padding:20px;-moz-border-radius: 6px;-webkit-border-radius:6px;} .registerpage .premiuminscription #congratz_box .grey{height:540px !important;} .registerpage #register_box .grey{ background:url("images/content/inscription-greybackground.jpg") no-repeat scroll 0 0 #E8E8E8; height: 526px; } label#label_membre { display: block; text-align: left; margin-top: 32px; margin-bottom: 8px; } .registerpage #congratz_box .grey{ background:url("images/content/inscription-greybackground2.jpg") no-repeat scroll 0 0 #E8E8E8; height: 1030px; width:870px; } .registerpage #congratz_box #congratz { -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px; background-color:#FFFFFF; margin:15px auto 30px; padding:35px 185px; width:510px; } .registerpage #congratz_box #congratz h4.congratz { background:url("images/content/inscription-congrats.jpg") no-repeat scroll 0 0 transparent; display:block; height:36px; margin:0 auto 25px; width:273px; } .registerpage #congratz_box #congratz p { color:#444444; display:block; font-size:13px; margin:0; text-align:center; } .registerpage #congratz_box p.spacer { background:url("images/content/inscription-spacer2a.jpg") no-repeat scroll 0 0 transparent; display:block; margin:0 auto 20px; width:729px; } .registerpage #congratz_box p.spacered { background:url("images/content/inscription-spacer2b.jpg") no-repeat scroll 0 0 transparent; display:block; margin: 15px auto; width:729px; } .registerpage #congratz_box #congratz span.mail_picto { background:url("images/content/inscription-mail.jpg") no-repeat scroll 0 0 transparent; display:block; height:58px; margin:35px auto 25px; width:81px; } .registerpage #congratz_box #congratz p.mail_confirm { color:#F75544; font-size:18px; font-weight:bold; margin:0 0 25px; } .registerpage #congratz_box h5 { -webkit-border-radius:3px; -moz-border-radius:3px 3px 3px 3px; background:none repeat scroll 0 0 #FFFFFF; color:#444444; display:block; font-size:15px; font-weight:bold; height:20px; margin:0 auto 40px; padding:10px; text-align:center; width:385px; } .registerpage #congratz_box ul { display:block; margin:0 auto; padding:0; width:730px; } .registerpage #congratz_box ul li.lefty { float:left; list-style-position:inside; width:365px; } .registerpage #congratz_box ul li.righty { margin:0 0 0 380px; width:350px; } body.premium #premium_box .black ul.premium{ background:url("images/content/premium-greybackground.jpg") no-repeat scroll 0 0 transparent; display:block; height:240px; margin:0; padding:40px 0 0 40px; width:770px; } .registerpage #congratz_box ul.premium{ display:block; margin:5px auto 0; } .registerpage #congratz_box ul.premium li, body.premium #premium_box .black ul.premium li { color:#444444; display:block; float:left; font-size:14px; line-height:17px; margin:0 20px 15px 0; padding:0 20px 0 0; width:345px; } .registerpage #congratz_box ul.membreavan{ display:block; margin:5px auto 0; } .registerpage #congratz_box ul.membreavan li { color:#444444; display:block; float:left; font-size:14px; line-height:17px; margin:0 20px 15px 0; padding:0 20px 0 0; width:345px; } .registerpage #congratz_box ul.membreavan li.membre_box1 div p{ background:url("images/content/icone-oeil.png") no-repeat scroll right 0 transparent; } .registerpage #congratz_box ul.membreavan li.membre_box2 div p{ background:url("images/content/inscription-spacer2cbottom.jpg") no-repeat scroll right 0 transparent; } .registerpage #congratz_box ul.premium li.premium_box1, body.premium #premium_box .black ul.premium li.premium_box1, .registerpage #congratz_box ul.membreavan li.membre_box1{ background:url("images/content/inscription-spacer2ctop.jpg") no-repeat scroll right 0 transparent; } .registerpage #congratz_box ul.premium li.premium_box2, body.premium #premium_box .black ul.premium li.premium_box2, .registerpage #congratz_box ul.membreavan li.membre_box2{ background:url("images/content/inscription-spacer2cbottom.jpg") no-repeat scroll right 0 transparent; } .registerpage #congratz_box ul.premium li.premium_box2 div, .registerpage #congratz_box ul.premium li.premium_box4 div, .registerpage #congratz_box ul.membreavan li.membre_box2 div, .registerpage #congratz_box ul.membreavan li.membre_box4 div, body.premium #premium_box .black ul.premium li.premium_box2 div, body.premium #premium_box .black ul.premium li.premium_box4 div{ background:none; } .registerpage #congratz_box ul.premium li.premium_box3, .registerpage #congratz_box ul.premium li.premium_box4, .registerpage #congratz_box ul.membreavan li.membre_box3, .registerpage #congratz_box ul.membreavan li.membre_box4, body.premium #premium_box .black ul.premium li.premium_box3, body.premium #premium_box .black ul.premium li.premium_box4{ margin:0 0 15px 0; padding:0; background: none; } .registerpage #congratz_box ul.premium li div, body.premium #premium_box .black ul.premium li div, .registerpage #congratz_box ul.membreavan li div{ background:url("images/content/inscription-spacer2chorizontal.jpg") no-repeat scroll left bottom transparent; display: block; width: 345px; margin:0 10px 0 0; padding:15px 0 30px; height:80px; } .registerpage #congratz_box a.seetuto{background:url("images/content/btnlooktuto.jpg") no-repeat scroll 0 0 transparent;display:block;width:244px;height:44px;float:left;margin:40px 5px 0 0;text-indent:-9999px;} .registerpage #congratz_box a.modifprofil{display:block;background:url("images/content/btnpersoprofil.jpg") no-repeat scroll 0 0 transparent;display:block;width:244px;height:44px;float:left;margin:40px 0 0 10px;text-indent:-9999px;} .registerpage #congratz_box a.modifprofil:hover, .registerpage #congratz_box a.seetuto:hover{background-position:0 -44px;} .registerpage #congratz_box a.modifprofil:active, .registerpage #congratz_box a.seetuto:active{background-position:left bottom;} .registerpage #congratz_box ul.premium li.premium_box1 div p, body.premium #premium_box .black ul.premium li.premium_box1 div p{ background:url("images/content/inscription-icon-tutopremiums.jpg") no-repeat scroll 0 0 transparent; } .registerpage #congratz_box ul.membreavan li.membre_box1 div p{ background:url("images/content/icone-oeil.png") no-repeat scroll 0 0 transparent; } .registerpage #congratz_box ul.premium li.premium_box2 div p, body.premium #premium_box .black ul.premium li.premium_box2 div p{ background:url("images/content/inscription-icon-downloadshd.jpg") no-repeat scroll 0 0 transparent; } .registerpage #congratz_box ul.membreavan li.membre_box2 div p{ background:url("images/content/icone-contests.png") no-repeat scroll 0 0 transparent; } .registerpage #congratz_box ul.premium li.premium_box3 div p, body.premium #premium_box .black ul.premium li.premium_box3 div p{ background:url("images/content/inscription-icon-projetssources.jpg") no-repeat scroll 0 0 transparent; } .registerpage #congratz_box ul.membreavan li.membre_box3 div p{ background:url("images/content/icone-creationsmembres.png") no-repeat scroll 0 0 transparent; } .registerpage #congratz_box ul.premium li.premium_box4 div p, body.premium #premium_box .black ul.premium li.premium_box4 div p{ background:url("images/content/inscription-icon-forum.jpg") no-repeat scroll 0 0 transparent; } .registerpage #congratz_box ul.membreavan li.membre_box4 div p{ background:url("images/content/icone-ajout-amis.png") no-repeat scroll 0 0 transparent; } .registerpage #congratz_box ul.premium li div p, body.premium #premium_box .black ul.premium li div p, .registerpage #congratz_box ul.membreavan li div p{padding:0 0 0 65px;margin:0;} .registerpage #congratz_box ul.premium li div p span, body.premium #premium_box .black ul.premium li div p span, .registerpage #congratz_box ul.membreavan li div p span{ color:#F75544; display:block; font-size:20px; font-weight:bold; margin:0 0 5px; } .registerpage #congratz_box a.gopremium { background:url("images/content/becomepremium-350.png") no-repeat scroll 0 0 transparent; display:block; height:60px; margin: 10px auto 25px; text-indent:-9999px; width:350px; cursor:pointer; } .registerpage #congratz_box a.gopremium:hover {background-position: left -60px;} .registerpage #congratz_box a.gopremium:active {background-position: left bottom;} /* MON COMPTE */ .mon-compte #sidebar #pushpremiumbox a#bigpush { background:transparent url(images/sidebar/moncompte-becomepremium.jpg) no-repeat scroll 0 0; display:block; height:251px; margin-bottom:20px; margin-top:10px; width:300px; } .mon-compte #sidebar #pushpremiumbox ul#premiumlist{ background-color: #ffffff; -moz-border-radius: 6px; -webkit-border-radius:6px; padding: 20px; margin-bottom: 20px; } .mon-compte #sidebar #pushpremiumbox ul#premiumlist li{ list-style-image:url(images/sidebar/moncompte-puce.jpg); margin-left:-6px; } .mon-compte #sidebar #pushpremiumbox ul#premiumlist li a{ display:block; font-size:13px; font-weight:bold; } .mon-compte #sidebar #pushpremiumbox ul#premiumlist li span{ color:#444444; display:block; line-height:17px; margin-bottom:40px; } .mon-compte #sidebar #pushpremiumbox a#minipush{ background:transparent url(images/sidebar/moncompte-minibecomepremium.jpg) no-repeat scroll 0 0; display:block; height:39px; width:300px; } .mon-compte #sidebar #pushpremiumbox a:hover#minipush{ background-position: left -39px; } .mon-compte #sidebar #pushpremiumbox a:active#minipush{ background-position: left bottom; } .mon-compte #content h3.account{ background:transparent url(images/content/h2-moncompte.jpg) no-repeat scroll 0 0; display:inline-block; height:17px; margin-bottom:10px !important; width:130px; } .mon-compte #content a.h3account-more-link { background:transparent url(images/content/moncompte-btn-profilpublic.jpg) no-repeat scroll 0 0; display:block; float:right; height:23px; margin-top:-3px; width:140px; position:absolute; top:0;right:0; } .mon-compte #content a.h3account-more-link:hover{ background-position:left bottom; } ul.tabbox_account { display:block; height:28px; list-style-type:none; margin:0; padding:0; width:600px; } ul.tabbox_account li { background:transparent url(images/content/moncompte-onglet.jpg) no-repeat scroll 0 0; display:block; float:left; height:30px; margin-right:5px; padding-top:10px; text-align:center; width:116px; } ul.tabbox_account li:hover{opacity:0.8;} ul.tabbox_account li a {color:#999999;font-size:14px;font-weight:bold;} ul.tabbox_account li a span {font-weight: normal;font-size: 11px;color: #999999;} ul.tabbox_account li.item1 {} ul.tabbox_account li.item2 {} ul.tabbox_account li.item2 span {font-size: 12px;font-weight: normal;} ul.tabbox_account li.item3 {} ul.tabbox_account li.last_item {margin-right:0 !important;} ul.tabbox_account ul.tabbox_extend li:hover.last_item{opacity:1;} ul.tabbox_account li.current {background-position:0 bottom !important;} ul.tabbox_account li.current a {color: #f75544!important;} #content #tabbox_account_containers { -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; background-color:#FFFFFF; clear:both; padding:15px; } #content a#deleteaccount { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; background:#FFFFFF url(images/content/moncompte-icon-close.jpg) no-repeat scroll 110px 7px; color:#777777; font-size:10px; padding:5px 17px 5px 5px; } p.accountspacer { clear:both; display:block; margin-bottom:65px; margin-top:0; } #content #tabbox_account_containers .grey { background-color:#e8e8e8; -moz-border-radius: 6px; -webkit-border-radius:6px; padding: 20px 15px; } #content #tabbox_account_containers .grey h4 { margin-bottom:15px; margin-top:0; } #content #tabbox_account_containers .grey h4.moncompte { background:transparent url(images/content/h2grey-moncompte.jpg) no-repeat scroll 0 0; } #content #tabbox_account_containers .grey h4.notifications { background:transparent url(images/content/h2grey-notifications.jpg) no-repeat scroll 0 0; } #content #tabbox_account_containers .grey h4.monavatar { background:transparent url(images/content/h2grey-monavatar.jpg) no-repeat scroll 0 0; } #content #tabbox_account_containers .grey h4.monmotion { background:transparent url(images/content/h2grey-monmotion.jpg) no-repeat scroll 0 0; display:inline-block; width:85px; } #content #tabbox_account_containers .grey h4.infos { background:transparent url(images/content/h2grey-infos.jpg) no-repeat scroll 0 0; } #content #tabbox_account_containers .grey h4.tutoriaux { background:transparent url(images/content/h2grey-tutoriaux.jpg) no-repeat scroll 0 0; } #content #tabbox_account_containers .grey h4.soumissions { background:transparent url(images/content/h2grey-soumissions.jpg) no-repeat scroll 0 0; } #content #tabbox_account_containers .grey h4.friends { background:transparent url(images/content/h2grey-amis.jpg) no-repeat scroll 0 0; } #content #tabbox_account_containers .grey p.greyspacer { background:transparent url(images/content/moncompte-spacer.jpg) repeat-x scroll 0 0; display:block; height:3px; margin-bottom:15px; margin-top:0; clear: both; } #content #tabbox_account_containers .grey div#account { -moz-border-radius: 3px; -webkit-border-radius:3px; background-color:#FFFFFF; margin-bottom:45px; padding:15px 10px; } #content #tabbox_account_containers .grey div#account p.premz { border-bottom:1px dotted #CCCCCC; color:#CCCCCC; font-size:13px; margin:0 0 15px; padding-bottom:15px; } #content #tabbox_account_containers .grey div#account p.premz strong {font-size: 15px;font-weight: bold;color: #444444;} #content #tabbox_account_containers .grey div#account p.premz a span { background:transparent url(images/content/moncompte-premiumicon.jpg) no-repeat scroll 0 0; display:inline-block; height:18px; width:66px; } #content #tabbox_account_containers .grey div#account ul { list-style-type:none; margin:0; padding-left:0; } #content #tabbox_account_containers .grey div#account ul li { color:#CCCCCC; display:inline-block; margin-right:30px; float:left; } #content #tabbox_account_containers .grey div#account ul li span { color: #999999; } #content #tabbox_account_containers .grey div#account ul li.vote, #content #tabbox_account_containers .grey div#account ul li.like, #content #tabbox_account_containers .grey div#account ul li.com { color: #999999; } #content #tabbox_account_containers .grey div#account ul li.vote { background:transparent url(images/content/moncompte-icon-vote.jpg) no-repeat scroll 0 4px; padding-left: 18px; } #content #tabbox_account_containers .grey div#account ul li.like { background:transparent url(images/content/moncompte-icon-heart.jpg) no-repeat scroll 0 5px; padding-left: 14px; } #content #tabbox_account_containers .grey div#account ul li.com { background:transparent url(images/content/moncompte-icon-comment.jpg) no-repeat scroll 0 6px; padding-left: 15px; margin-right:0 !important; } #content #tabbox_account_containers .grey img.avatar { -moz-border-radius: 4px; -webkit-border-radius:4px; border:10px solid #FFFFFF; float:left; margin-bottom:47px; } #content #tabbox_account_containers .grey div#change-avatar {margin-left:185px;margin-top:52px;} #content #tabbox_account_containers .grey div#change-avatar span.label {margin-bottom: 8px;} #content #tabbox_account_containers .grey div#change-avatar a { background:transparent url(images/content/moncompte-btn-avatar.jpg) no-repeat scroll -1px 0; display:block; height:35px; width:189px; } #content #tabbox_account_containers .grey div#change-avatar a:hover {background-position: -1px -35px;} #content #tabbox_account_containers .grey div#change-avatar a:active {background-position: -1px bottom;} #content #tabbox_account_containers .grey div#change-avatar p.helper { background:transparent url(images/content/moncompte-helper.jpg) no-repeat scroll 0 0; color:#999999; margin-bottom:0; margin-top:10px; padding-left:15px; } #content #tabbox_account_containers .grey img.motion { -moz-border-radius: 4px; -webkit-border-radius:4px; border:10px solid #FFFFFF; float:left; margin-bottom:67px; width:200px;height:150px; } #content #tabbox_account_containers .grey div#change-motion {margin-left:245px;margin-top:52px;} #content #tabbox_account_containers .grey div#change-motion span.label {margin-bottom: 8px;} #content #tabbox_account_containers .grey div#change-motion a { background:transparent url(images/content/moncompte-btn-motion.jpg) no-repeat scroll -1px 0; display:block; height:35px; width:189px; cursor:pointer; } #content #tabbox_account_containers .grey div#change-motion input{position:absolute;z-index:50;} #content #tabbox_account_containers .grey div#change-motion input.back{z-index:-5;} #content #tabbox_account_containers .grey div#change-motion a:hover {background-position: -1px -35px;} #content #tabbox_account_containers .grey div#change-motion a:active {background-position: -1px bottom;} #content #tabbox_account_containers .grey div#change-motion p.helper { background:transparent url(images/content/moncompte-helper.jpg) no-repeat scroll 0 0; color:#999999; margin-bottom:0; margin-top:10px; padding-left:15px; } #content .profilform label, #content .profilform span.label{ color:#444444; display:block; font-size:14px; font-weight:bold; } #content .profilform input.input{ background:transparent url(images/content/moncompte-input.jpg) no-repeat scroll 0 0; border:0 none; color:#999999; height:15px; margin:5px 0 25px; padding:10px; width:225px; } #content .profilform input.miniinput{ background:transparent url(images/content/moncompte-inputmini.jpg) no-repeat scroll 0 0; border:0 none; color:#999999; height:15px; margin:5px 2px 25px 0; padding:10px; width:35px; } #content .profilform textarea{ background:transparent url(images/content/moncompte-textarea.jpg) no-repeat scroll 0 0; border:0 none; color:#999999; font-family:"Trebuchet MS"; font-size:13px; font-style:italic; height:85px; margin:5px 2px 25px 0; padding:10px; width:510px; } #content .profilform p.left {margin-right: 50px;} #content .profilform p.countrybox{ display:block; float:left; margin: 0; } #content .profilform a.fakeselect { background:transparent url(images/content/moncompte-select.jpg) no-repeat scroll 0 0; color:#999999; display:block; font-size:11px; height:25px; margin:5px 0 25px; padding-left:10px; padding-top:10px; width:235px; } .profilform a.comboBoo-label, .contactform a.comboBoo-label{ background:transparent url(images/content/moncompte-select.jpg) no-repeat scroll 0 0; color:#999999; display:block; font-size:11px; height:25px; margin:5px 0 25px; padding-left:10px; padding-top:10px; width:235px !important; cursor:pointer; } span.wpcf7-form-control-wrap{ display:block; position:relative; } .contactform{display:block;position:relative;} .contactform a.comboBoo-label{ float:right; position:relative; } .profilform .div-list, .contactform .div-list { background-color:#dddddd; width:235px !important; display:block; left: auto !important; top: auto !important; margin:-25px 0 0 5px; overflow:auto; z-index:100; } #li--6 span.reqtxt { margin-top: 17px; display: none; } .contactform .div-list { margin:40px 0 0 5px !important; } .contactform .objetcontact{position:absolute;top:0;left:0;width:244px;margin:118px 0 0 320px !important;} .profilform .div-list ul, .contactform .div-list ul{ width:215px !important; list-style:none outside; } .profilform .div-list ul li, .contactform .div-list ul li{ display:block; padding:2px 10px; color:#444444; cursor:pointer; } .profilform .div-list ul li:hover, .contactform .div-list ul li:hover{ color:#666666; } #content .profilform #notif {margin-bottom:55px;} #content .profilform #notif label { color:#999999; display:inline-block; font-size:12px; font-weight:normal; margin-bottom:15px; } #content .profilform span.label {margin-bottom: 20px;} #content .profilform input#submit { background:transparent url(images/content/moncompte-btn-update.jpg) no-repeat scroll 0 0; border:0 none; display:block; height:39px; margin:40px auto 45px; width:202px; font-size:0; cursor:pointer; } #content .profilform input:hover#submit {background-position: left -39px;} #content .profilform input:active#submit {background-position: left bottom;} #content .profilform .aboutbox {margin: 0;} #content .profilform .aboutbox label {display: inline-block;} #content .profilform .aboutbox span { color:#999999; float:right; font-size:11px; margin-right:10px; } #content .profilform .twitterbox { background:transparent url(images/content/moncompte-twtr-background.jpg) no-repeat scroll 0 0; display:block; height:34px; margin:0 0 30px; padding:8px 0 10px 40px; width:490px; } #content .profilform .twitterbox label{ color:#444444; display:block; float:left; font-size:13px; font-weight:normal; margin-top:10px; } #content .profilform .twitterbox input{ background:transparent url(images/content/moncompte-twtr-input.jpg) no-repeat scroll 0 0; border:0 none; color:#999999; height:15px; margin:0 0 0 6px; padding:10px; width:225px; } #content .profilform span.arrow { background:transparent url(images/content/moncompte-input-arrow.jpg) no-repeat scroll 0 0; display:inline-block; height:13px; margin:0 12px 0 7px; width:16px; } #content #tabbox_account_containers .grey p.onlypremz { color:#CCCCCC; display:inline-block; float:right; font-size:13px; margin:0; padding:0; } #content #tabbox_account_containers .grey p.onlypremz strong { color:#444444; font-size:12px; font-weight:bold; } #content #tabbox_account_containers .grey p.onlypremz a span { background:transparent url(images/content/moncompte-premiumicon.jpg) no-repeat scroll 0 0; display:inline-block; height:18px; width:66px; } #content #tabbox_account_containers .grey ul#mytutolist { list-style-type:none; margin:0 0 40px; padding:0; } #content #tabbox_account_containers .grey ul#mytutolist li {-moz-border-radius:3px;-webkit-border-radius:3px; background-color:#FFFFFF; height:70px; margin:0 0 20px 0; padding:10px; position: relative; display:block; } #content #tabbox_account_containers .grey ul#mytutolist li a.delete { background:transparent url(images/content/moncompte-icon-delete.jpg) no-repeat scroll 0 0; display:block; float:right; height:16px; position:absolute; right:10px; top:10px; width:17px; z-index:10; } #content #tabbox_account_containers .grey ul#mytutolist li a.athumb {float: left;} #content #tabbox_account_containers .grey ul#mytutolist li p.postinfos { margin:10px 0 0 135px; } #content #tabbox_account_containers .grey ul#mytutolist li p.postinfos a.title { color:#F75544; font-size:15px; font-weight:bold; line-height:16px; padding:0 10px 0 0; } #content #tabbox_account_containers .grey ul#mytutolist li p.postinfos a:hover.title {color: #444444;} #content #tabbox_account_containers .grey ul#mytutolist li p.postinfos span.author{ background:url("images/content/postmeta-author.jpg") no-repeat scroll 0 0 transparent; color:#CCCCCC; display:block; font-size:11px; margin:10px 0 0; padding:0 0 0 15px; } #content #tabbox_account_containers .grey ul#mytutolist li p.postinfos span.author a{ color: #999999; } #content #tabbox_account_containers .grey ul#myfriendslist { list-style-type:none; margin:0 0 25px; padding:0; } #content #tabbox_account_containers .grey ul#myfriendslist li { display:block; float:left; margin:0 35px 50px 0; text-align:center; width:76px; position: relative; } #content #tabbox_account_containers .grey ul#myfriendslist li.last {margin-right: 0!important;} #content #tabbox_account_containers .grey ul#myfriendslist li a{ font-weight: bold; font-size: 12px; color: #444444; } #content #tabbox_account_containers .grey ul#myfriendslist li a:hover, #content #tabbox_account_containers .grey ul#myfriendslist li:hover a{ color: #F75544;} #content #tabbox_account_containers .grey ul#myfriendslist li a.delete { background:url("images/content/moncompte-icon-deletefriend.jpg") no-repeat scroll 0 0 transparent; display:block; height:16px; margin:1px 0 0 59px; position:absolute; right:0; top:0; width:17px; } #content #tabbox_account_containers .grey ul#myfriendslist li a.thumbavatar { background-color:#FFFFFF; border:1px solid #DDDDDD; display:block; margin-bottom:5px; padding:2px; } #content #tabbox_account_containers .grey ul#myfriendslist li:hover a.thumbavatar {border:1px solid #444444;} #content #tabbox_account_containers .grey ul#myfriendslist li img {float:none !important;margin:0 !important;border:0 none !important;} /* MEMBRES */ .membres #content h3 {background:transparent url(images/content/h2-membres.jpg) no-repeat scroll 0 0;margin-bottom:10px!important;} .membres #btnbar {background:transparent url(images/content/tutoriaux-btnbackground.jpg) no-repeat scroll 0 0;height:47px;margin-bottom:15px;width:940px;} .membres #btnbar ul {margin: 0;padding:10px;} .membres #btnbar ul li {display:block;float:left;list-style-type:none;margin-right:5px;} .membres #btnbar ul li a {display:block;height:25px;} .membres #btnbar ul li a.actif {background:transparent url(images/content/membres-actifs.jpg) no-repeat scroll 0 0;width:135px;} .membres #btnbar ul li a.recent {background:transparent url(images/content/membres-recents.jpg) no-repeat scroll 0 0;width:148px;} .membres #btnbar ul li a.alpha {background:transparent url(images/content/membres-alphabetique.jpg) no-repeat scroll 0 0;width:143px;} .membres #btnbar ul li a:hover {background-position: left -25px;} .membres #btnbar ul li a.current {background-position: left bottom;} .nbmembers{float:right;margin:15px 40px 0 0;} #content #memberslist_box { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFFFFF; padding:30px 0 0 30px; } #content #register_box, #content #congratz_box, #content #premium_box{ -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFFFFF; padding:15px; display: none; } #content #premium_box {display: block;} body.premium #premium_box .black,body.inscription-premium #premium_box .black { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#282a2b; padding:50px; } body.premium #premium_box .grey,body.inscription-premium #premium_box .grey { -webkit-border-radius:6px; -moz-border-radius:6px 6px 6px 6px; background-color:#E8E8E8; margin:15px 0 0; padding:50px; } body.premium #premium_box .grey p#tabletop, body.premium #premium_box .grey p#tablebottom{ display:block; margin:0; text-indent:-9999px; width:810px; } body.premium #premium_box .grey p#tabletop { background:url("images/content/premium-tabletop.jpg") no-repeat scroll 0 0 transparent; height:54px; } body.premium #premium_box .grey p#tablebottom { background:url("images/content/premium-tablebottom.jpg") no-repeat scroll 0 0 transparent; height:65px; } body.premium #premium_box .grey p.tableline { height:13px; margin:0; padding:20px 0; } body.premium #premium_box .grey p.bigone { height:27px !important; padding:15px 0 !important; } body.premium #premium_box .grey p.tablewhite { background-color:#ffffff; } body.premium #premium_box .grey p.tablegrey { background-color:#f0f0f0; } body.premium #premium_box .grey p.tableline span {display: block;width:270px;float: left;} body.premium #premium_box .grey p.tableline span.last {display: block;width:260px;} body.premium #premium_box .grey p.tableline span {display: block;width:270px;float: left;} body.premium #premium_box .grey p.tableline span.title { color:#444444; font-size:14px; font-weight:bold; padding:0 0 0 20px; width:250px !important; } body.premium #premium_box .grey p.tableline span.title span { color:#444444; font-size:12px; font-style:italic; font-weight:normal; display: block; } body.premium #premium_box .grey p.tableline span.yes, body.premium #premium_box .grey p.tableline span.no{ padding:0 0 0 125px; width:145px; } body.premium #premium_box .grey p.tableline span.yes span, body.premium #premium_box .grey p.tableline span.no span{ display:block; margin:0 auto; text-indent:-9999px; width:26px;} body.premium #premium_box .grey p.tableline span.yes span{ background:url("images/content/premium-check.png") no-repeat scroll 0 0 transparent; height:20px; } body.premium #premium_box .grey p.tableline span.no span{ background:url("images/content/premium-check.png") no-repeat scroll 0 bottom transparent; height:22px; } body.premium #premium_box .black p.screens,body.inscription-premium #premium_box .black p.screens { background:url("images/content/premium-screenshots.png") no-repeat scroll 0 0 transparent; display:block; height:400px; position:absolute; text-indent:-9999px; top: -30px; width:851px; right: 40px; } body.inscription-premium #premium_box .black p.screens-congrats { background:url("images/content/premium-screenshots-congrats.png") no-repeat scroll 0 0 transparent; display:block; height: 479px; position:absolute; text-indent:-9999px; top: -80px; width:851px; right: 40px; } body.merci #premium_box .black p.screens-congrats { display:block; height: 409px; position:absolute; width:851px; right: 40px; top: -55px; } body.premium #premium_box .black a.gopremium,body.inscription-premium #premium_box .black a.gopremium { background:url("images/content/premium-gopremium.jpg") no-repeat scroll 0 0 transparent; display:block; height:69px; margin:270px auto 40px; text-indent:-9999px; width:702px; z-index:100; position:relative; } body.premium #premium_box .black a.gopremium:hover,body.inscription-premium #premium_box .black a.gopremium:hover {background-position: left -69px;} body.premium #premium_box .black a.gopremium:active,body.inscription-premium #premium_box .black a.gopremium:active {background-position: left bottom;} body.premium #premium_box p.spacer,body.inscription-premium #premium_box p.spacer { background:url("images/content/inscription-spacer2chorizontal.jpg") repeat-x scroll left bottom transparent; display:block; margin:20px 0 27px; width:810px; } body.premium #premium_box span.prix_mois { background:url("images/content/premium-mois.jpg") no-repeat scroll 0 0 transparent; display:block; float:left; height:164px; margin:0; text-indent:-9999px; width:270px; } body.premium #premium_box span.prix_trimestre { background:url("images/content/premium-trimestre.jpg") no-repeat scroll 0 0 transparent; display:block; float:left; height:164px; margin:0; text-indent:-9999px; width:270px; } body.premium #premium_box span.prix_annee { background:url("images/content/premium-annee.jpg") no-repeat scroll 0 0 transparent; display:block; float:left; height:164px; margin:0; text-indent:-9999px; width:270px; } body.premium #premium_box a.gopremium,body.inscription-premium #premium_box a.gopremium { background:url("images/content/inscription-submit2.jpg") no-repeat scroll 0 0 transparent; display:block; height:69px; margin:40px auto 25px; text-indent:-9999px; width:412px; cursor:pointer; } body.premium #premium_box a.gopremium:hover,body.inscription-premium #premium_box a.gopremium:hover {background-position: left -69px;} body.premium #premium_box a.gopremium:active,body.inscription-premium #premium_box a.gopremium:active {background-position: left bottom;} #content #register_box.current { display: block; } #content #congratz_box.current { display: block; } #content #memberslist_box ul#myfriendslist { list-style-type:none; margin:0 /*0 25px*/; padding:0; } #content #memberslist_box ul#myfriendslist li { display:block; float:left; margin:0 24px 55px 0; text-align:center; width:76px; height:70px; } #content #memberslist_box ul#myfriendslist li.last {margin-right: 0!important;} #content #memberslist_box ul#myfriendslist li a{ font-weight: bold; font-size: 12px; color: #444444; } #content #memberslist_box ul#myfriendslist li a.delete { background:transparent url(images/content/moncompte-icon-deletefriend.jpg) no-repeat scroll 0 0; display:block; height:16px; margin-left:59px; margin-top:-95px; position:absolute; width:17px; } #content #memberslist_box ul#myfriendslist li a.thumbavatar { background-color:#FFFFFF; border:1px solid #DDDDDD; display:block; margin-bottom:5px; padding:2px; width:70px;height:70px; } .profil #content h3.profil { background:transparent url(images/content/h2-profil.jpg) no-repeat scroll 0 0; display:inline-block; height:17px; margin-bottom:10px !important; width:71px; } .profil #content #myprofil_box{ -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFFFFF; padding:15px; margin-bottom:20px; /*position:relative;*/ } .profil #content #myprofil_box span.premium { background:transparent url(images/content/profil-premium.png) no-repeat scroll 0 0; display:block; height:93px; /*left:-4px;*/ position:absolute; /*top:43px;*/ margin:-3px 0 0 -3px; width:93px; } .profil #content #myprofil_box #avatar { -moz-border-radius:4px; -webkit-border-radius:4px; border:10px solid #f0f0f0; float: left; } .profil #content #myprofil_box #profil-info { /*margin-left: 231px;*/ float:right; width:680px; } #profil-info p.catspacer{ clear:both !important; } .profil #content #myprofil_box #profil-info h2 { color:#F75544; font-size:23px; font-weight:bold; margin-bottom:20px; padding-top:5px; } .profil #content #myprofil_box #profil-info p.catspacer {margin-bottom:25px;} .profil #content #myprofil_box #profil-info p.description { color:#444444!important; margin:0; } .profil #content #myprofil_box #profil-info p.description a {color: #f75544;} .profil #content #myprofil_box #profil3col ul {list-style-type: none;margin:0 0 35px;padding: 0;} .profil #content #myprofil_box #profil3col ul.links-member {margin-top:5px;} .profil #content a:hover {color: #444444;} .profil #content #myprofil_box #profil3col h3.infos { background:transparent url(images/content/h2grey-infos2.jpg) no-repeat scroll 0 0; display:block; margin-bottom:5px; } .profil #content #myprofil_box #profil3col h3.matos { background:transparent url(images/content/h2grey-matos.jpg) no-repeat scroll 0 0; display:block; margin-bottom:5px; } .profil #content #myprofil_box #profil3col h3.recent { background:transparent url(images/content/h2grey-recently.jpg) no-repeat scroll 0 0; display:block; margin-bottom:5px; } #profil3col{clear:both;margin-top:25px;} #profil-col1, #profil-col2, #profil-col3 { width: 200px;float: left;} #profil-col1 {color: #cccccc;} #profil-col1 ul li {margin-bottom:4px;} #profil-col1 ul li.vote {background:transparent url(images/content/profil-icon-vote.jpg) no-repeat scroll 0 0;} #profil-col1 ul li.like {background:transparent url(images/content/profil-icon-like.jpg) no-repeat scroll 0 0;} #profil-col1 ul li.com {background:transparent url(images/content/profil-icon-com.jpg) no-repeat scroll 0 0;} #profil-col1 ul li.vote, #profil-col1 ul li.like, #profil-col1 ul li.com {color:#999999;padding:0 0 0 20px;} #profil-col1 ul.nostrong li strong{color: #999999;font-weight: normal;} #profil-col2 {margin-left:30px;margin-right: 30px;} #profil-col2 ul li {margin-bottom: 25px;} #profil-col2 ul li strong {display: block;color: #999999;font-weight: normal;} #profil-col3 {width: 450px;} #profil-col3 ul {margin: 0!important;} .activity_content { background-color:#F0F0F0; display:block; overflow:hidden; padding:10px; -moz-border-radius: 5px; -webkit-border-radius:5px; } #activity_container { overflow: hidden; height: 240px; } #activity_container_slider ul li { -moz-border-radius: 2px; -webkit-border-radius:2px; color:#999999; display:block; height:15px; margin:0 0 5px; padding:10px 10px 10px 27px; } #activity_container_slider ul li.voted {background:#FFFFFF url(images/content/profil-icon-vote2.jpg) no-repeat scroll 10px center;} #activity_container_slider ul li.like {background:#FFFFFF url(images/content/profil-icon-like2.jpg) no-repeat scroll 10px center;} #activity_container_slider ul li.comment {background:#FFFFFF url(images/content/profil-icon-com2.jpg) no-repeat scroll 10px center;} #activity_container_slider ul li.friend {background:#FFFFFF url(images/content/profil-icon-members.jpg) no-repeat scroll 10px center;} #activity_container_slider ul li a {color: #444444;} #activity_container_slider ul li a.user, #activity_container_slider ul li a:hover.user {color: #F75544;} .activity_nav {float:right; margin:0;} .activity_nav a { display:block; float:left; height:24px; width:24px; margin-top: 5px; cursor:pointer; } .activity_nav a.previous {background:transparent url(images/content/profil-arrows.jpg) no-repeat scroll left 0;} .activity_nav a.previous:hover{background-position: left bottom;} .activity_nav a.next {background:transparent url(images/content/profil-arrows.jpg) no-repeat scroll right 0;margin-left: 5px;} .activity_nav a.next:hover{background-position: right bottom;} .profil #content #mymotion_box{ -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#282a2b; padding:15px 10px 10px; margin-bottom:20px; } .profil #content #myprofil_box #profil-info .linktwitter{ position:absolute; display:block;width:32px;margin:22px 0 0 0;height:52px;overflow:hidden;text-indent:-9999px; } .profil #content #myprofil_box #profil-info p.twitter { background:transparent url(images/content/profil-twtr-background.jpg) no-repeat scroll 0 0; color:#FFFFFF; display:block; height:32px; margin:22px 0; padding:10px 20px 10px 40px; width:619px; } a.because-we-are-youre-friend, a.youll-never-be-alone-again { display:block; height:38px; /*margin-bottom:15px;*/ margin-top:35px; position:absolute; width:38px; top:20px; } a:hover.because-we-are-youre-friend, a:hover.youll-never-be-alone-again { background-position: left -39px; } a:active.because-we-are-youre-friend, a:active.youll-never-be-alone-again { background-position: left bottom; } a.because-we-are-youre-friend { background:transparent url(images/content/profil-friend-addbtn.jpg) no-repeat scroll 0 0; margin-left:593px; /*margin-top:-53px;*/ } a.youll-never-be-alone-again { background:transparent url(images/content/profil-friend-messagebtn.jpg) no-repeat scroll 0 0; margin-left:640px; /*margin-top:-53px;*/ } .profil #content #mymotion_box h3{ background:transparent url(images/content/h2grey-monmotion2.jpg) no-repeat scroll left bottom; height:11px; margin-bottom:15px; } .profil #content #tutocontestlist_box{ -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFFFFF; margin-bottom:20px; } .profil #content #tutolist_box, .profil #content #contestlist_box { width: 440px;} .profil #content #tutolist_box { float: left;} .profil #content #tutocontestlist_box ul { padding: 0;margin: 0;list-style-type: none;} .profil #content #tutocontestlist_box ul li { display:block; height:95px; overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #DDDDDD; } .onelist{overflow:hidden;} .profil #content #tutocontestlist_box ul li img { float: left;} .profil #content #tutocontestlist_box ul li div.tutoinfos { margin:0 0 0 175px; padding-top:30px; } .profil #content #tutocontestlist_box ul li div.tutoinfos p.postmetadata {margin: 0;font-size: 11px;color: #cccccc;} .profil #content #tutocontestlist_box ul li div.tutoinfos a.title { font-size:17px; font-weight:bold; } .profil #content #tutocontestlist_box ul li div.tutoinfos span.author {background:transparent url(images/content/postmeta-author.jpg) no-repeat scroll left 2px;padding-left:13px;margin-top:1px;} .profil #content #tutocontestlist_box ul li div.tutoinfos span.author a{ color: #999999; } .profil #content #tutocontestlist_box ul li div.tutoinfos span.votes { background:transparent url(images/content/postmeta-vote.jpg) no-repeat scroll left 1px; color:#999999; padding-left:14px; } .profil #content #tutocontestlist_box ul li div.tutoinfos span.com a{ background:transparent url(images/content/relatedcontent-com2.jpg) no-repeat scroll right 3px; color:#999999 !important; height:8px; padding-right:13px; } .profil #content #tutocontestlist_box ul.minisubmits li{ display:inline;background:none;border:none;} .profil #content #contestlist_box { margin-left: 470px} .profil #content #memberslist_box { margin-bottom:27px;} .profil #content #memberslist_box, .profil #content #tutocontestlist_box {padding: 15px;} .profil #content #memberslist_box ul#myfriendslist li { margin:0 24px 0 0; } .profil #content #memberslist_box .grey {background-color: #F0F0F0; padding: 15px;-moz-border-radius:6px;-webkit-border-radius:6px;} .profil #content #memberslist_box p.spacer {height: 35px;} .profil #content h3.mytutos { background:transparent url(images/content/h2grey-tutoriaux2.jpg) no-repeat scroll left bottom; height:14px; margin-bottom:9px } .profil #content h3.mysubmits { background:transparent url(images/content/h2grey-soumissions2.jpg) no-repeat scroll left bottom; height:11px; margin-bottom:9px; margin-top:3px; } .profil #content h3.myfriends { background:transparent url(images/content/h2grey-amis2.jpg) no-repeat scroll 0 0; height:11px; margin-bottom:15px; } .profil #content #memberslist_box a.friends-morelink { background:transparent url(images/content/profil-allfriends.jpg) no-repeat scroll 0 0; display:block; float:right; height:23px; margin-top:15px; width:120px; } .profil #content #tutocontestlist_box a.submits-morelink { background:transparent url(images/content/profil-allsubmits.jpg) no-repeat scroll 0 0; display:block; float:right; height:23px; margin-top:15px; width:170px; } .profil #content #tutocontestlist_box a.tutos-morelink { background:transparent url(images/content/profil-alltutos.jpg) no-repeat scroll 0 0; display:block; float:right; height:23px; margin-top:15px; width:140px; } .profil #content #memberslist_box a:hover.friends-morelink, .profil #content #tutocontestlist_box a:hover.submits-morelink, .profil #content #tutocontestlist_box a:hover.tutos-morelink {background-position: left bottom;} body.contact #c_content .contactform .grey{height:360px;} body.contact #c_content p {margin: 0;} body.contact #c_content .contactform p {float:left;} body.contact #c_content p.left {margin-right: 40px;} body.contact #c_content input.input { background:transparent url(images/content/moncompte-input.jpg) no-repeat scroll 0 0; border:0 none; color:#999999; height:15px; margin:5px 0 25px; padding:10px; width:225px; } body.contact #c_content textarea.textearea { background:transparent url(images/content/moncompte-textarea.jpg) no-repeat scroll 0 0; border:0 none; color:#999999; font-family:"Trebuchet MS"; font-size:13px; font-style:italic; height:85px; margin:5px 2px 25px 0; padding:10px; width:510px; z-index:1; } body.contact #c_content input.submit { background:transparent url(images/content/comment-submit.jpg) no-repeat scroll left 0; border:0 none; float:right; height:39px; padding:0; text-indent:-9999px; width:101px; font-size: 0; cursor:pointer; } body.contact #c_content input.submit:hover {background-position: left -39px;} body.contact #c_content input.submit:active {background-position: left bottom;} body.contact #c_content span.label, .registerpage label{ color:#444444; font-size:14px; font-weight:bold; text-align: left; } .registerpage label {font-size: 14px;} #registration p.register_spacer label em { font-weight: normal; font-style: normal; font-size: 12px; } .registerpage label#label_login, .registerpage label#label_email, .registerpage label#label_password, .registerpage .registerinput label{ display:block; margin:35px 0 6px; } .registerpage label#label_cgu { color:#999999 !important; font-size:13px !important; font-weight:normal !important; } .registerpage p.register_spacer { background:transparent url(images/content/inscription-spacer.jpg) no-repeat scroll left bottom; display:block; margin: 25px 0 15px; padding: 0 0 20px; } .registerpage .registerconnect { width: 380px;text-align: center; /*background:transparent url(images/content/inscription-spacer.jpg) repeat-x scroll left bottom; */display:block; padding: 20px 0; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px; background-color: #fffeff; border: 2px solid #d5d5d5; margin-right: auto; margin-left: auto; margin-bottom: 0; float: right; } .registerpage .beforeregisterconnect { width: 380px;text-align: center; /*background:transparent url(images/content/inscription-spacer.jpg) repeat-x scroll left bottom; */display:block; float: right; margin-right: 14px; } .registerpage .linkconditions{font-style:italic;display:inline-block;padding:0 0 0 80px;} .registerpage form input { color:#999999; font-size:25px; } .registerpage p.register_spacer input#cgu {margin:0 6px 0 0;} .registerpage input.submit { background:url("images/content/inscription-submit.jpg") no-repeat scroll left 0 transparent; border:0 none; display:block; font-size:0; height:55px; margin: 25px auto 0; padding:0; text-indent:-9999px; width:201px; cursor:pointer; } .registerpage input.submit:hover {background-position: left -55px;} .registerpage input.connect { background:url("images/content/connect-submit.jpg") no-repeat scroll left 0 transparent; border:0 none; display:block; font-size:0; height:55px; margin: 15px auto 0; padding:0; text-indent:-9999px; width:201px; cursor:pointer; } .registerpage input.connect:hover {background-position: left -55px;} .registerpage input#connect:active {background-position: left bottom;} .registerpage input#submit:active {background-position: left bottom;} .registerpage form input#r_login{ background:url("images/content/inscription-inputlogin.jpg") no-repeat scroll left 0 transparent; border:0 none; height:55px; padding:0 0 0 45px; width:370px; } .registerpage form input#r_email{ background:url("images/content/inscription-inputmail.jpg") no-repeat scroll left 0 transparent; border:0 none; height:55px; padding:0 0 0 45px; width:370px; } .registerpage form input#r_password{ background:url("images/content/inscription-inputmdp.jpg") no-repeat scroll left 0 transparent; border:0 none; height:55px; padding:0 0 0 45px; width:370px; } /* bloglinks */ body.blogroll #content h3.blogroll {background:transparent url(images/content/h2-blogroll.jpg) no-repeat scroll 0 0;margin-bottom:10px!important;} #content .bloglinks ul { float:left; list-style-type:none; margin:15px 40px 0 0; padding:0; width:280px; } #content .bloglinks ul.alt {margin:15px 0 0 0!important;} #content .bloglinks ul ul { border-top:1px dotted #CCCCCC; margin-top:5px; } #content .bloglinks li { font-size:1.08em; font-weight:bold;} #content .bloglinks li a { text-decoration:none;} #content .bloglinks li a:hover { text-decoration:none;} #content .bloglinks li li { border-bottom:1px dotted #CCCCCC; font-size:0.79em; font-weight:normal; height:20px; line-height:22px; overflow:hidden; padding:5px 0; } #content .bloglinks li li a { background-color:inherit; color:#444444; font-size:11px; } #content .bloglinks li li a:hover { color:#F75544;} #content .bloglinks li { color:#000; background-color:inherit;} #content .bloglinks li a { background-color:inherit; color:#F75544; display:block; font-size:14px; height:20px; overflow:hidden; } /* *** *** */ small { font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; } .entry p a:visited { color:#F75544; } .sticky { background: #f7f7f7; padding: 0 10px 10px; } .sticky h2 { padding-top: 10px; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif; } .commentlist li { font-weight: bold; } .commentlist li .avatar { border:2px solid #E8E8E8; float:left; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; } .commentlist li p {color: #444444;} .commentlist p { color:#444444; font-size:13px; font-weight:normal; margin:0; } .commentlist { padding: 0; margin:0 0 45px; text-align: justify; } .commentlist li { -webkit-border-radius:6px; -moz-border-radius:3px 3px 3px 3px; background:url("images/content/comment-spacer.jpg") no-repeat scroll left bottom transparent; list-style-type:none; margin:0 15px 35px; padding:0 0 35px; } .commentlist li.depth-2, .commentlist li.depth-2.teamz{background:none repeat scroll 0 0 transparent;} .commentlist li.teamz{ -webkit-border-radius:6px; -moz-border-radius:3px 3px 3px 3px; background: #f0f0f0 none repeat scroll 0 0; padding:15px; } .commentlist li.teamz p {color: #3c3c3c; } .commentlist li.teamz .commentmetadata strong.premium {display: inline-block;} .commentlist li.teamz ul.children li.teamz div.comment_content, .commentlist li ul.children li.teamz div.comment_content{ background-color: #dddddd; -webkit-border-radius:3px; -moz-border-radius:3px 3px 3px 3px; } .commentlist li.teamz ul.children li.teamz div.comment_content p{ color: #000; } .commentlist li.teamz ul.children div.comment_content .commentmetadata small a { color: #919191; font-size:10px; } .commentlist li small.replycomment { display:block; float:right; margin-top:-30px;} .commentlist li small.replycomment a.comment-reply-link { background:transparent url(images/content/icons-reply.jpg) no-repeat scroll 0 0; display:block; height:12px; text-indent:-9999px; width:16px; } .commentlist li.teamz small.replycomment a.comment-reply-link { background:transparent url(images/content/icons-reply2.jpg) no-repeat scroll 0 0; display:block; height:12px; text-indent:-9999px; width:16px; } .commentlist li small.replycomment a:hover.comment-reply-link, .commentlist li.teamz small.replycomment a:hover.comment-reply-link { background-position: left bottom; } .commentlist li ul li { border-bottom:0 none; margin:35px 0 0 65px !important; padding:0 !important; } .commentlist li ul li .avatar {width: 32px;height: 32px;} .commentlist li.premiumavatar .avatar{ border:2px solid #F75544; float:left; } .commentlist li li.premiumavatar .avatar { border:2px solid #F75544 !important; } .commentlist li.premiumavatar li .avatar { border:2px solid #E8E8E8; float:left; } .commentlist li ul li .comment_content { -webkit-border-radius:3px; -moz-border-radius:3px 3px 3px 3px; background-color:#F0F0F0; margin-left:45px; padding:10px 10px 15px; } .commentlist li.teamz ul li p { color: #444444!important; } .commentlist li ul li .commentmetadata { color:#cecece; } .children { padding: 0; } .nocomments { text-align: center; margin: 0; padding: 0; } #commentform p { font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif; margin: 0; } .comment_content {display: block;margin-left: 65px;} .commentmetadata { color:#CCCCCC!important; display:block; font-size:10px!important; margin:0 0 15px !important; } .commentmetadata strong{ color: #f75544; font-weight: bold; font-size: 14px; } .commentmetadata strong.premium{ background:transparent url(images/content/icons-premium.jpg) no-repeat scroll 0 3px; padding-left:16px; } .commentlist li.teamz .commentmetadata strong.premium{ background:transparent none repeat scroll 0 0; padding-left:0; } .commentlist li.teamz .commentmetadata strong.premium{ background:transparent url(images/content/icons-premium.jpg) no-repeat scroll 0 3px; padding-left:16px; } .commentmetadata small a{ font-size: 10px; color: #9d9d9d; } .commentmetadata small a.comment-edit-link {color: #f75544!important;} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } .post hr { display: block; } .widecolumn .post { margin: 0; } .widecolumn .postmetadata { margin: 30px 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol { margin: 0; padding: 0; } #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #sidebar ul p, #sidebar ul select { margin: 0; } #sidebar ul ul, #sidebar ul ol { margin: 0; } #sidebar ul ul ul, #sidebar ul ol { margin: 0; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 0; padding: 0; } /* End Entry Lists */ /* Begin Form Elements */ /* .entry form { text-align:center; } */ select { width: 130px; } /* End Form Elements */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .screen-reader-text { display:none; } /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption {-moz-border-radius:6px;-webkit-border-radius:6px; border: 1px solid #171819; text-align: center; background-color: #171819; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */ .wp-pagenavi { height:20px; margin:35px auto; text-align:center; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #e8e8e8; color: #999999; font-size:11px; background-color: #e8e8e8; -moz-border-radius:3px; -webkit-border-radius:3px; } .wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #e8e8e8; } .wp-pagenavi span.current{ color: #999999; font-size:11px; background-color: #e8e8e8; -moz-border-radius:3px; -webkit-border-radius:3px; } .wp-pagenavi a:hover { border: 1px solid #f75544!important; color: #FFFFFF; background-color: #f75544!important; } .wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #f75544!important; color: #FFFFFF; background-color: #f75544; } .wp-pagenavi span.pages { display:none; } .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #f75544!important; color: #FFFFFF; background-color: #f75544; -moz-border-radius:3px; } .wp-pagenavi span.extend { /*padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; display: none;*/ padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #e8e8e8; color: #999999; font-size:11px; background-color: #e8e8e8; -moz-border-radius:3px; -webkit-border-radius:3px; } .wp-pagenavi a.nextpostslink,.wp-pagenavi a.next { background:url("images/content/post-next.jpg") no-repeat scroll 0 0 transparent; border:0 none; display:inline-block; height:15px; margin:0 0 0 20px; padding:0; text-indent:-9999px; width:73px; } .wp-pagenavi a.previouspostslink,.wp-pagenavi a.prev{ background:url("images/content/post-previous.jpg") no-repeat scroll 0 0 transparent; border:0 none; display:inline-block; height:15px; margin:0 20px 0 0; padding:0; text-indent:-9999px; width:97px; } .wp-pagenavi span.disabled{ display:none; } .wp-pagenavi a.nextpostslink:hover, .wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.prev:hover, .wp-pagenavi a.next:hover{border:0 none!important;} .wp-pagenavi a.first, .wp-pagenavi a.last {/*display:none;*/} #backlogin, #backloginmail, #backnopremium, #backloginpremium, #backcoming, #backcoming2{height:0%;width:0%;position:absolute;left:0;top:0;background-color:#000;} .backlogin, .backloginmail, .backnopremium, .backloginpremium, .backcoming, .backcoming2{z-index:50;height:100% !important;width:100% !important;} body.loginaction{overflow:hidden;} .openloginbox{} #divtutoquery{overflow:hidden;display:block; position: relative; } #divtutoquery div#loaderback{position:absolute;top:0;left:0;filter : alpha(opacity=0);-moz-opacity :0; opacity :0;z-index:-5;background:url('images/content/ajax-loader.gif') no-repeat center 50px;background-color:#F0F0F0;width:940px;height:100%;} #divtutoquery div.loaderBack{z-index:50 !important;} div#loaderbackinit{z-index:50;height:150px;position:relative;background:url('images/content/ajax-loader.gif') no-repeat center 50px;background-color:#F0F0F0;width:100%;} #tuto-postmeta #tuto-postmeta-sendcreation{width:900px;position:absolute;z-index:-5;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px; background:none repeat scroll 0 0 #282A2B;/*background:transparent url(images/content/tutometa-btnbackground.jpg) no-repeat scroll 0 0;*/display:block;height:38px;margin:0;padding:10px 10px 15px;text-align:center;color:#999999;font-size:13px;margin:10px 0 0;} #tuto-postmeta .tutouploadbloc{position:absolute !important;z-index:10 !important;} #tuto-postmeta #tuto-postmeta-sendcreation a.closecross{position:absolute;width:16px;height:17px;display:block;background:url("images/content/post-cross.jpg") no-repeat scroll 0 0 transparent;right:5px;top:3px;} #tuto-postmeta #tuto-postmeta-sendcreation .submit_left{float:left!important;} #tuto-postmeta #tuto-postmeta-sendcreation .submit_right{float:left!important;} #tuto-postmeta #tuto-postmeta-sendcreation label{color:#999999;display:block;float:left;font-size:14px;font-weight:bold;width:115px;margin:0 0 15px 0;} #tuto-postmeta #tuto-postmeta-sendcreation #urlvideo, #tuto-postmeta #tuto-postmeta-sendcreation #titlevideo{margin:2px 0 0 0;color:#999999;border:0 none;width:405px;padding:10px;height:15px;background:url("images/content/contest-input.jpg") no-repeat scroll 0 0 transparent;margin:0 15px 0 0;} #tuto-postmeta #tuto-postmeta-sendcreation input.submit{cursor:pointer;float:left;margin:0 0 0 7px;font-size:0;border:0 none;width:216px;padding:10px;height:39px;background:url("images/content/tutometa-btn-sdcrea.jpg") no-repeat scroll 0 0 transparent;} #tuto-postmeta #tuto-postmeta-sendcreation #hiddenform {width:880px;} #tuto-postmeta #tuto-postmeta-sendcreation .submit_left {float:left;width:440px;} #tuto-postmeta #tuto-postmeta-sendcreation .submit_right {width:420px;float:right;margin:0 0px 0 15px;} #tuto-postmeta #tuto-postmeta-sendcreation div#tuto-postmeta.submit-button a.nodisplay {display:none;} #tuto-postmeta #tuto-postmeta-sendcreation div#tuto-postmeta.submit-button form {margin-top:10px;} #tuto-postmeta #tuto-postmeta-sendcreation #tuto-postmeta-button p.helper {clear:both;background:transparent url(images/content/contest-helper.jpg) no-repeat scroll 0 0;display:block;font-size:11px !important;margin:0px 0 0 70px!important;padding:4px 0 0 25px;line-height: 12px;height:20px;} #tuto-postmeta #tuto-postmeta-sendcreation .helper{clear:both;background:transparent url(images/content/contest-helper.jpg) no-repeat scroll 0 0;display:block;font-size:11px !important;width:800px;margin:0px 0 0 70px!important;padding:4px 0 0 25px;line-height: 12px;height:20px;text-align:left;} #tuto-postmeta #tuto-postmeta-sendcreation #submitsoumission{width:880px;} #tuto-postmeta #tuto-postmeta-sendcreation input.input {background:transparent url(images/content/contest-input.jpg) no-repeat scroll 0 0;border:0 none;color:#999999;height:15px;margin:5px 0 25px;padding:10px;width:405px;} #tuto-postmeta #tuto-postmeta-sendcreation input#submit {cursor:pointer;background:transparent url(images/content/tutometa-btn-sdcrea.jpg) no-repeat scroll 0 0;border:0 none;height:39px;margin-top:10px;width:216px;font-size:0;} #tuto-postmeta #tuto-postmeta-sendcreation input#submit:hover {background-position:left -39px;} #tuto-postmeta #tuto-postmeta-sendcreation input#submit:active {background-position:left bottom;} /*#tuto-postmeta #tuto-postmeta-sendcreation label{color:#FFFFFF;font-size:13px;margin-right:40px;}*/ #tuto-postmeta #tuto-postmeta-sendcreation label{color:#999999;font-size:14px;font-weight:bold;display: block;margin:0;padding} /*body.single-contest #extendheader #tabbox_extend_containers div#tuto-postmeta #tuto-postmeta-button span.grey {display:block; margin-bottom:15px;}*/ #hiddenform{display:block;position:relative;overflow:hidden;} /* FORMULAIRES DE SUPPRESSION */ .deletebox{position:absolute;z-index:-5;background-color:#fff;width:520px;height:70px;padding:10px;text-align:center;left:0;top:0;} .deleteboxindex{z-index:50 !important;} .deletebox div{width:220px;margin:0 auto;} .deletebox p{margin:2px 0 10px 0;} .deletebox form input{float:left;display:block;background:url('images/content/oui.png') no-repeat 0 0;border:0 none;width:101px;height:39px;cursor:pointer;font-size:0px;line-height:0px;} .deletebox form input:hover{background-position:left bottom;} .deletebox form a{float:right;display:block;background:url('images/content/non.png') no-repeat 0 0;border:0 none;width:101px;height:39px;cursor:pointer;text-indent:-9999px;} .deletebox form a:hover{background-position:left bottom;} /* SUPPRESSION COMPTE */ .delete-user{text-align:center;} .delete-user div{width:220px;margin:0 auto;} .delete-user p{margin:2px 0 10px 0;} .delete-user form input{float:left;display:block;background:url('images/content/oui.png') no-repeat 0 0;border:0 none;width:101px;height:39px;cursor:pointer;font-size:0px;line-height:0px;} .delete-user form input:hover{background-position:left bottom;} .delete-user form a{float:right;display:block;background:url('images/content/non.png') no-repeat 0 0;border:0 none;width:101px;height:39px;cursor:pointer;text-indent:-9999px;} .delete-user form a:hover{background-position:left bottom;} .motionplaylist{width:600px;height:337.5px;} .motionsingle{width:600px;height:337.5px;} /* FOOTER EN BAS DE PAGE */ #contenu-page { position: absolute; top:0;left:0; min-height: 99.5%; width:100%; } #souscontenu-page{margin-bottom:200px;min-height:99.5%;} #bas-de-page{position:absolute;bottom:0;width:100%;height:200px;} /* ERROR MESSAGE */ #clrz_messages{background:none repeat scroll 0 0;display:block;margin:0 20px !important;padding:0px !important;} .narrowcolumn ul#clrz_messages{margin:0 !important;} #clrz_messages li a{color:#fff;text-decoration:underline;} .error{-moz-border-radius:6px;-webkit-border-radius:6px;padding:7px 10px 5px 30px!important;margin:10px 0 15px 0 !important;display:block;font-family:'Arial','Sans-Serif' !important;display:block;color:white;background:#FF5160 url('images/error-icon.gif') 10px center no-repeat!important;font-size:10px;} .success{-moz-border-radius:6px;-webkit-border-radius:6px;padding:7px 10px 5px 30px!important;margin:10px 0 15px 0 !important;display:block;font-family:'Arial','Sans-Serif' !important;display:block;color:white;background:#009899 url(images/valid-icon.gif) 10px center no-repeat!important;font-size:10px;} ul#clrz_messages li.success li{background:url('images/valid-icon.gif') 0 center no-repeat!important;} .delete-compte{text-align:center;background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border:3px solid #dddddd;padding:20px;} .intro-delete{margin:10px 0 30px 0;} #lightbox .lostpwd{position:absolute;width:420px;} #suplostpwd {background:transparent url(images/content/post-cross.jpg) no-repeat scroll 0 0;display:block;float:right;height:16px;position:absolute;right:0px;top:10px;width:17px;z-index:10;cursor:pointer;text-indent:-9999px;} #lightbox .grey form input#l_login2 {background:url("images/content/retrieve_pwd.png") no-repeat scroll 0 0 transparent;border:0 none;display:block;font-size:0;height:55px;margin:30px auto 0;text-indent:-9999px;width:308px;cursor:pointer;} #lightbox .grey form input#l_login2:hover {background-position:left -55px;} #lightbox .grey form input#l_login2:active {background-position:left bottom;} .changemdp{width:554px;background-color: #e4e4e4;-moz-border-radius:6px;-webkit-border-radius:6px;border:3px solid #dddddd;padding:20px;} .changemdp form ul{list-style:none;} .changemdp form label{color:#444444;display:block;font-size:14px;font-weight:bold;} .changemdp form input { background:url("images/content/inscription-inputmdp.jpg") no-repeat scroll 0 0 transparent; border:0 none; color:#999999; font-size:25px; height:35px; margin:5px 0 33px; padding:10px 10px 10px 40px; width:365px; } .changemdp form input.submit{cursor:pointer;background:url('images/content/comment-submit.jpg') no-repeat 0 0;height:39px;width:101px;margin:0 160px;text-indent:-9999px;} .changemdp form input.submit:hover {background-position:left -39px;} .changemdp form input.submit:active {background-position:left bottom;} #content h3.apropostitle{background:url("images/sidebar/h2-apropos.jpg") no-repeat scroll 0 0 transparent;width:600px;height:16px;margin-bottom:10px ;display:inline-block;} p.submit input{cursor:pointer;} .post-ratings-loading{color:#999;float:right;height:16px !important;position:absolute;text-align:right !important;width:365px;} #loadervideos{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;background:url('images/content/ajax-loader2.gif') no-repeat center center #292A2C;} body.error404 #sidebar li#text-3,.mon-compte #sidebar li#text-3{display:none;} /* Debut Mattias Rajout Beta */ #blogtop {font-size: 12px;position: relative; width: 940px; height: 469px; margin-left: 20px; float: left; margin-bottom: 20px; } #infoblog{ width: 300px; height: 290px; background-color: #d5d5d5; float: left; } #featureblog{ width: 960px; margin-bottom: 50px; float: left; display: block; } /* SINGLE BLOG RELATED CONTENT */ #featureblog ul#relatedcontent-bloglist { padding: 0; margin: 0; } #featureblog h4.relatedcontent {background:transparent url(images/matt/featureblog.jpg) no-repeat scroll left 0;height: 20px;width: 300px; margin-top: -50px; margin-left: 315px; margin-bottom: 30px; } #featureblog# relatedcontent-bloglist {display:block;height:125px;margin:0;padding:0;width:600px;} #featureblog# relatedcontent-bloglist li.alt {margin-right: 0!important;display:block;position:relative;} #featureblog #relatedcontent-bloglist li {-moz-border-radius: 3px;-webkit-border-radius:3px;background-color:#FFFFFF;display:block;position:relative;height: 130px;margin-right: -15px;padding: 10px;width: 180px; float: left; margin-bottom: -15px; } #featureblog #relatedcontent-bloglist li .relatedcontent-postmeta{ background-color:#F0F0F0; height: 110px; top:0; left:0; filter : alpha(opacity=0);-moz-opacity :0; opacity :0; overflow:hidden; padding: 10px; position:absolute; width: 160px; margin:10px; } /* #featureblog #relatedcontent-bloglist li .relatedcontent-postmeta:hover {opacity:1;visibility:visible;}*/ #featureblog #relatedcontent-bloglist li .relatedcontent-postmeta p {font-size:10px;margin-bottom:5px !important;margin-top: 30px;color:#999999 !important;} #featureblog #relatedcontent-bloglist li .relatedcontent-postmeta p span.com a{background:transparent url(images/content/relatedcontent-com.jpg) no-repeat scroll right 3px;height:8px;padding-right:13px;color:#999999 !important;} #featureblog #relatedcontent-bloglist li .relatedcontent-postmeta h3 {margin-bottom:0;margin-top:0;height: 30px;} #featureblog #relatedcontent-bloglist li .relatedcontent-postmeta h3 a {color:#444444;font-size:12px;font-weight:bold;} #featureblog #relatedcontent-bloglist li .relatedcontent-postmeta a.more-link {background:transparent url(images/content/relatedcontent-arrow.jpg) no-repeat scroll left ;display:block;float:right;height:17px;width:17px; margin-top: 10px; margin-right: 10px; } #blogtop #titre {background:transparent url(images/content/h2-blog.jpg) no-repeat scroll 0 0; margin-bottom: 10px; height: 17px; } #blogtop a.catfeed {background:transparent url(images/content/rssfeed-grey.jpg) no-repeat scroll 0 0;display:block;float:right;height:17px;margin-top:-26px;width:16px;} #blogtop a:hover.catfeed{background-position: left bottom;} #blogtop p.catspacer {display:block;height:0;border-bottom: 2px solid #dcdcdc; margin-bottom:15px;clear: both; margin-top: 0; } /* Debut Tuto Home Grille */ #tutotop {font-size: 12px;position: relative; width: 940px; height: 320px; margin-left: 20px; } #infotuto{ width: 300px; height: 290px; background-color: #d5d5d5; float: left; } #featuretuto{ width: 960px; margin-bottom: 50px; display: block; float: left; } /* SINGLE tuto RELATED CONTENT */ #featuretuto ul#relatedcontent-tutolist { padding: 0; margin: 0; } #featuretuto h4.relatedcontent {background:transparent url(images/matt/featureblog.jpg) no-repeat scroll left 0;height: 20px;width: 300px; margin-top: -50px; margin-left: 315px; margin-bottom: 30px; } #featuretuto# relatedcontent-tutolist {display:block;height:125px;margin:0;padding:0;width:600px;} #featuretuto# relatedcontent-tutolist li.alt {margin-right: 0!important;display:block;position:relative;} #featuretuto #relatedcontent-tutolist li {-moz-border-radius: 6px;-webkit-border-radius:6px;background-color: #fffeff;display:block;position:relative;height: 210px;width: 190px; float: left; margin-bottom: -10px; } #featuretuto #relatedcontent-tutolist li .relatedcontent-postmeta{ background-color:#F0F0F0; height: 200px; top:0; left:0; filter : alpha(opacity=0);-moz-opacity :0; opacity :0; overflow:hidden; padding:5px; position:absolute; width: 180px; margin:10px; } /* #featuretuto #relatedcontent-tutolist li .relatedcontent-postmeta:hover {opacity:1;visibility:visible;}*/ #featuretuto #relatedcontent-tutolist li .relatedcontent-postmeta p {font-size:10px;margin-bottom:5px !important;margin-top: 120px;color:#999999 !important;} #featuretuto #relatedcontent-tutolist li .relatedcontent-postmeta p span.com a{background:transparent url(images/content/relatedcontent-com.jpg) no-repeat scroll right 3px;height:8px;padding-right:13px;color:#999999 !important;} #featuretuto #relatedcontent-tutolist li .relatedcontent-postmeta h3 {margin-bottom:0;margin-top:0;height: 30px;} #featuretuto #relatedcontent-tutolist li .relatedcontent-postmeta h3 a {color:#444444;font-size:12px;font-weight:bold;} #featuretuto #relatedcontent-tutolist li .relatedcontent-postmeta a.more-link {background:transparent url(images/content/relatedcontent-arrow.jpg) no-repeat scroll left ;display:block;float:right;height:17px;width:17px; margin-top: 10px; margin-right: 10px; } #tutotop #titre { margin-bottom: 10px; height: 17px; background:transparent url(images/content/h2-tutoriaux.jpg) no-repeat scroll 0 0 !important;margin-bottom:10px !important; } #tutotop a.catfeed {background:transparent url(images/content/rssfeed-grey.jpg) no-repeat scroll 0 0;display:block;float:right;height:17px;margin-top:-26px;width:16px;} #tutotop a:hover.catfeed{background-position: left bottom;} #tutotop p.catspacer {display:block;height:0;border-bottom: 2px solid #dcdcdc; margin-bottom:15px;clear: both; margin-top: 0; } /* Debut Mattias */ div.downloadbillet {-moz-border-radius:6px;-webkit-border-radius:6px; background:#E8E8E8 none repeat scroll 0 0; display:block; margin: 20px 0; padding:6px 0; height: 50px; } div.downloadbillet2 {-moz-border-radius:6px;-webkit-border-radius:6px; background:#E8E8E8 none repeat scroll 0 0; display:block; margin: 20px 0; padding:6px 0; height: 50px; } div.downloadbillet a img { float: right; margin-top: 6px; margin-right: 13px; } div.downloadbillet2 a img { float: right; margin-top: -7px; margin-right: 13px; } div.txtdownloadbillet { float: left; margin-top: 20px; font-size: 12px; font-weight: bold; } div.hitdownloadbillet { float: left; margin-top: 20px; font-style: italic; padding-left: 5px; color: #3e3e3e; } img.icono { float: left; margin-left: 14px; margin-top: 5px; } #c_content div.infos {-moz-border-radius:6px;-webkit-border-radius:6px; background: #e8e8e8 url(http://www.mattrunks.com/colorz/infos_icones.png) no-repeat 15px 50%; display:block; padding: 17px 17px 17px 52px; border: 5px solid #fffeff; text-align: center; font-size: 12px; color: #4c4c4c; } #c_content div.infos-blog {-moz-border-radius:6px;-webkit-border-radius:6px; background: #e8e8e8 url(http://www.mattrunks.com/colorz/infos_icones.png) no-repeat 10px 50%; display:block; border: 5px solid #fffeff; text-align: center; font-size: 12px; color: #4c4c4c; margin-top: 20px; padding: 17px 17px 17px 40px; } #c_content div.infos a { color: #474747; text-decoration: underline; font-weight: bold; } div.credits {-moz-border-radius:6px;-webkit-border-radius:6px; background: #ececec url(http://www.mattrunks.com/colorz/credits.png) no-repeat 12px 15px; display:block; margin: 30px 0; padding: 25px 15px 15px; text-align: left; color: #7b7b7b; font-size: 10px; font-style: italic; white-space: pre; line-height: 11px; } #post-11764 div.entry div.credits { -moz-border-radius:6px;-webkit-border-radius:6px; background: #ececec no-repeat 12px 15px; display:block; margin: 30px 0; padding: 15px; text-align: left; color: #7b7b7b; font-size: 10px; white-space: pre; line-height: 11px; font-weight: normal; font-style: normal; } #banniere {margin: 20px auto 0 20px;padding: 0;width:940px;height: 100px; float: left; } .fblike{ position: relative; margin-top: 20px; } #connexion .grey form p.inputback{width:365px;height:35px;padding:10px 10px 10px 50px;margin:10px 0 30px 0;} #connexion .grey form p.inputback.inputlog {background:url("images/content/lightbox-inputmail.jpg") no-repeat scroll 0 0 transparent;} #connexion .grey form input#log { border:0 none; color:#999999; font-size:25px; margin:5px 0 33px; width:355px; } #connexion .grey form p.inputback.inputpwd {float:left;background:url("images/content/lightbox-inputpassword.jpg") no-repeat scroll 0 0 transparent;} #connexion .grey form input#pwd { border:0 none; color:#999999; font-size:25px; display:block; margin:5px 0 35px; width:355px; } #connexion .grey form p.inputback.inputemail_pass {float:left;background:url("images/content/lightbox-inputmail.jpg") no-repeat scroll 0 0 transparent;} #connexion .grey form input#email_pass { border:0 none; color:#999999; font-size:25px; margin:5px 0 33px; width:355px; } #connexion .grey form input#l_login { background:url("images/content/lightbox-submit2new.jpg") no-repeat scroll 0 0 transparent; border:0 none; display:block; font-size:0; height:55px; margin:30px auto 0; text-indent:-9999px; width:201px; cursor:pointer; padding:0; } #connexion .grey form .register { background:url("images/content/lightbox-register.jpg") no-repeat scroll 0 0 transparent; border:0 none; display:block; font-size:0; height:55px; margin:30px auto 0; text-indent:-9999px; width:201px; } #connexion .grey form div a.lightbox-helper { color: #797979; display:block; width: 155px; margin: -14px 0 0 107px; } #connexion .grey form div a:hover.lightbox-helper { color: #F75544; } p.lightbox-helper { font-size: 11px; text-align: center; color: #c0c0c0; } #connexionpremium .boxspacer{clear:both;} #connexion .grey form input#l_login:hover {background-position:left -55px;} #connexion .grey form input#l_login:active {background-position:left bottom;} #connexion .grey p#join, #connexionnopremium .grey p#join { background:url("images/content/contest-spacer.jpg") repeat-x scroll 0 0 transparent; color:#999999; font-size:13px; margin:33px 0 0; padding-top:20px; text-align:center; } #connexion .grey a.register, #connexionnopremium .grey a.register { background:url("images/content/lightbox-signout.jpg") repeat-x scroll 0 0 transparent; color:#999999; display:block; font-size:13px; height:39px; margin:15px auto 0; text-align:center; text-indent:-9999px; width:101px; } #connexion .grey a.register:hover, #connexionnopremium .grey a.register:hover {background-position:left -39px;} #connexion .grey a.register:active,#connexionnopremium .grey a.register:active {background-position:left bottom;} #connexion .grey { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#202122; width: 420px; padding: 35px 35px 25px; margin-left: auto; margin-right: auto; } #connexion .grey form label{color: #a9a9a9;display:block;font-size: 16px;font-weight:bold;} #c_connexion {background-color: #212121;padding: 0; width: 2000px; margin: -13px auto 30px; } #sidebar #focus h2 {background: transparent url(images/sidebar/h2-focus.jpg) no-repeat scroll; margin-bottom: 16px; padding-bottom: 10px; } #focus img { margin-bottom: 10px; width: 280px; height: 195px; } #sidebar #fbfan h2 {background:transparent url(images/sidebar/h2-facebook.jpg) no-repeat scroll 0 0; padding-bottom: 15px; } input.offrir-cafe { margin-left: 37px; position: relative; top: -98px; } #fbfanbox{ margin-bottom: 30px; } .adrotator { padding: 10px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color: #ffffff; margin-bottom: 30px; -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 2px rgba(0, 0, 0, 0.08); } p.audioplayer_container { text-align: center; } #content div.bandeauplateau img { margin-left: -33px; margin-bottom: -61px; } #plateauhaut div.vimeoplateau { background: url(http://www.mattrunks.com/wp-content/themes/mattrunks/images/plateau/ombre-vimeo.png) no-repeat -9px 0; padding: 10px 10px 23px; width: 480px; float: right; } #introplateau { width: 410px; float: left; } div#plateauhaut { margin-top: 25px; } .twitter-follow-button{ width: 280px; -webkit-border-radius:6px; -moz-border-radius:6px 6px 6px 6px; margin-bottom: 10px; padding: 10px; background-color: #e8e8e8; } /* Fin Mattias */ .tabxtag{ padding-bottom:10px !important; } #tuto-postmeta div h3 { color: #c0c0c0; font-size: 20px; float: left; width: 910px; margin-bottom: 15px; } #tuto-postmeta div img.aligncenter.size-full.wp-image-11141 { margin-bottom: -20px; margin-top: 20px; } #tuto-postmeta div div.post_column_1 p object { margin-bottom: 25px; margin-top: 10px; } #tuto-postmeta div div.post_column_1 p a img{ margin-top: -15px; } #thread .post img {max-width:610px;} ‹!--[if lte IE 6]› #contenu-page {height:100%;} ‹![endif]--› /** * @part: Home Mattrunks.com v2 */ body { } .home #c_header { padding-bottom: 0; background: transparent url(images/v2/hm/bg-c-header-home.gif) 0 0 repeat-x; } .home #extendheader { margin-top: 20px; margin-bottom: 0; } .home #extend_containers div.home_slider { float: none; margin: 0 0 22px; } /* @elmt: TU AS ENVIE D'APPRENDRE ? */ #home_learn { float: left; margin: 0 28px 0 10px; width: 285px; height: 101px; padding: 58px 20px 0; background: url(images/v2/hm/bg-home-learn.jpg); position: relative; top: 7px; } #home_learn h2, #home_learn ul { display: none; } #home_learn p { margin: 0 0 14px; color: #d5d5d5; text-align: center; font-size: 12px; font-weight: normal; font-style: normal; line-height: 14px; } #home_learn p strong { color: #fffeff; font-weight: normal; font-style: normal; } #home_learn a { display: block; margin: 0 0 0 116px; width: 156px; height: 31px; overflow: hidden; text-indent: -07011987px; background: url(images/v2/hm/spr-btn-home-learn.jpg); } #home_learn a:hover, #home_learn a:focus { background-position: 0 -31px; } #home_learn a:hover:active { background-position: 0 -62px; } /* @elmt: Navigation Home (BLOG+FORUMS+CONCOURS) */ #home_nav { margin: 60px 0 0; width: 598px; height: 119px; padding: 0; overflow: hidden; color: #5c5c5c; font: 12px/14px 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif; background: url(images/v2/hm/bg-home-nav.jpg); } #home_nav li { list-style: none; float: left; width: 159px; height: 99px; padding: 20px 20px 0; } li#home_nav_forums { width: 160px; } #home_nav h3 { display: none; } #home_nav p { margin: 0 0 14px; text-align: center; } #home_nav strong { color: #171616; font-weight: normal; } #home_nav a { display: block; margin: 0 0 0 70px; width: 83px; height: 30px; overflow: hidden; text-indent: -07011987px; background: url(images/v2/hm/spr-btn-home-nav.jpg); } #home_nav a:hover, #home_nav a:focus { background-position: 0 -30px; } #home_nav a:hover:active { background-position: 0 -60px; } #home_nav_forums a { background-position: -83px 0; } #home_nav_forums a:hover, #home_nav_forums a:focus { background-position: -83px -30px; } #home_nav_forums a:hover:active { background-position: -83px -60px; } #home_nav_concours a { background-position: -166px 0; } #home_nav_concours a:hover, #home_nav_concours a:focus { background-position: -166px -30px; } #home_nav_concours a:hover:active { background-position: -166px -60px; } #googlepluswidget { width: 280px; margin-bottom: 10px; padding: 10px; margin-top: 10px; }