/* 
Theme Name: whiteboard
Theme URL: http://whiteboardframework.com/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 2.0.1

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

@charset "UTF-8";

/* RESET CSS */

html{
	color:#000;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	padding:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
a { outline: none; }
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}



@font-face {
	font-family: romeral;
	src: url('css/romeral.otf');
}

@font-face {
	font-family: romeral;
	font-weight: bold;
	src: url('css/romeral.otf');
}

body {overflow-x: hidden; margin: 0px}
a {text-decoration: none; color: gray}
a:hover {color: black}
#wrapper_full {width: 100%; height: 100%; background-image: url(css/bg_body.png); background-repeat: no-repeat; background-position: center top; background-color: #121212;}
#ruban {width: 100%; height: 68px; left:0px; background-image: url(css/ruban.png); background-position: center; position: absolute; top: 140px; z-index: 1; background-repeat: no-repeat}

/* HEADER */
#header {width: 100%; height: 210px; overflow: auto; position: relative;}
#header #main_logo {width: 280px; height: 130px; background-image: url(css/main_logo_280.png); text-indent: -99999px; position: relative;  z-index: 2; margin: auto; top: 45px}
#header #main_logo #main_back {display: block; width: 280px; height: 130px}
#header #header_nav {width: 80px; height: 20px; position: relative; z-index: 3; margin: auto; top: 22px; padding-left: 820px;}
#header #header_nav a {display: block; float: left; width: 18px; height: 20px; text-indent: -99999px; background-repeat: no-repeat; background-image: url(css/nav_interact.png); margin-right: 2px}
#header #header_nav a#facebook:hover {background-position: 0px -24px}
#header #header_nav a#facebook {background-position: 0px 0px}
#header #header_nav a#twitter:hover {background-position: -23px -24px}
#header #header_nav a#twitter {background-position: -23px 0px}
#header #header_nav a#rss:hover {background-position: -46px -24px;}
#header #header_nav a#rss {background-position: -46px 0px;}
#header #header_nav a#bookmark:hover  {background-position: -69px -24px;}
#header #header_nav a#bookmark{background-position: -69px 0px;}

/* VIDEO PLAYER */
#video_player {width: 900px; height: 390px; background-image: url(css/bg_player_home.png); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px;}
.daily { position:absolute;}
#container_video{position:relative; margin: 20px; padding-top: 20px;width: 570px; height: 350px; overflow:hidden;}
#video_playlist {color:white; float:right; height:288px; margin-right:10px; margin-top:47px; width:268px; font-family: Lucida, Arial, Sans serif}
#video_playlist ul {margin-bottom: 0px; height:288px;}

#video_playlist li a:hover {color: white}
#video_playlist li {width: 266px; height: 36px; line-height: 34px; font-size: 12px}
a#toutes_vidz {display: block; width: 190px; height: 20px; background-image: url(css/toutes-nos-videos.png); text-indent: -99999px; margin-top: 12px; margin-left: 30px}
a#toutes_vidz:hover {background-position: 0px -20px}
a.video_fb {display: block; width: 16px; height: 16px; background-image: url(css/icones/facebook.png); text-indent: -99999px; border: none; cursor: pointer; float: right; margin-right: 5px; margin-top: 9px;  opacity : 0.4; filter : alpha(opacity=4); }
a.video_fb:hover {opacity : 1; filter : alpha(opacity=10);}
a.video_tweet {display: block; width: 16px; height: 16px; background-image: url(css/icones/retweet.png); text-indent: -99999px; border: none; cursor: pointer; float: right;  margin-right: 5px; margin-top: 9px;  opacity : 0.4; filter : alpha(opacity=4);}
a.video_tweet:hover {opacity : 1; filter : alpha(opacity=10);}

/* CONTENT */
#content {width: 920px; margin-left: auto; margin-right: auto}
#wrapper_cols {width: 920px; margin-left: auto; margin-right: auto; margin-top: 40px; overflow: hidden; min-height: 700px; padding-bottom: 60px}
#home_col_gauche {width: 572px; float: left; margin-right: 30px; margin-left: 8px;}
#home_col_droite {width: 300px; float: left;}

/* TOOLBOX */
.bulle_comments {width: 34px; height: 26px; background:url(css/bulle_comments.png) no-repeat; text-align: center; float: left; color: #474747; font-size: 12px; padding-top: 4px }
.bulle_comments a {color: #474747; text-decoration: none}
.bulle_comments a:hover {color: black}

/* MOTEUR DE RECHERCHE */

#search_form form {
background:transparent url(css/search_engine.png) /*no-repeat scroll 0 3px*/;
display: block;
width: 300px;
height: 37px;
color: white;
}

#search_form form.focus {
background:transparent url(css/search_engine.png) ;/*no-repeat scroll 0 3px;*/
background-position: 0px -38px;
display: block;
width: 300px;
height: 37px;
color: white;
}

/*
#search_form .searchbox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
color:#7E7E7E;
font-size:15px;
height:37px;
line-height:13px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:absolute;
width:250px;
z-index:100;
color: white;
margin-left: 15px;
margin-top: 0px;
}
*/

#search_form .searchbox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
color:white;
font-size:15px;
margin-left:5px;
margin-top:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:10px;
width:240px;
}

#mco { visibility:hidden; float:right; }
/* NAV CATEGORIES */
#nav_categories {width: 300px; padding: 0px; color: white; margin-top: 30px; margin-bottom: 30px}
#nav_categories li.cat-item {background-image: url(css/nav_cat.png); height: 26px; background-repeat: no-repeat}
#nav_categories li.cat-item a {display: block; text-indent: -99999px}
#nav_categories li.cat-item-3 {background-position: 0px 0px}
#nav_categories li.cat-item-3:hover {background-position: -300px 0px}
#nav_categories li.cat-item-4 {background-position: 0px -28px}
#nav_categories li.cat-item-4:hover {background-position: -300px -28px}
#nav_categories li.cat-item-5 {background-position: 0px -56px}
#nav_categories li.cat-item-5:hover {background-position: -300px -56px}
#nav_categories li.cat-item-6 {background-position: 0px -84px}
#nav_categories li.cat-item-6:hover {background-position: -300px -84px}
#nav_categories li.cat-item-7 {background-position: 0px -112px}
#nav_categories li.cat-item-7:hover {background-position: -300px -112px}
#nav_categories li.cat-item-8 {background-position: 0px -140px}
#nav_categories li.cat-item-8:hover {background-position: -300px -140px}
#nav_categories li.cat-item-11 {background-position: 0px -168px}
#nav_categories li.cat-item-11:hover {background-position: -300px -168px}
#nav_categories li.cat-item-123 {background-position: 0px -224px}
#nav_categories li.cat-item-123:hover {background-position: -300px -224px}
#nav_categories li.cat-item-124 {background-position: 0px -196px}
#nav_categories li.cat-item-124:hover {background-position: -300px -196px}


/* HOME : ARTICLES */
.item_large {width: 570px; height: 260px; position: relative; border: 1px solid #3f3f3f; margin-bottom: 30px}

.item_large .legende {position: absolute; width: 546px; height: 31px; background-image: url(css/bg_main_titre.png); color: white; bottom: 0px; padding: 12px}
/*.item_large .legende div, .item_large .legende h3 {float: left}*/
.item_large .legende .mois {float: left; background-image: url(css/bg_mois.png); background-repeat: no-repeat; width: 10px; height: 32px; text-indent: -99999px}
.item_large .legende .jour {float: left; width: 55px; height: 32px; border-right: solid 1px white; font-family: Arial Black, Arial, sans-serif; font-size: 41px; line-height: 27px; letter-spacing: -5px} 
.item_large h3.item_large_titre {float: left; margin-left: 10px; width: 420px; margin-right: 12px; height: 32px; margin-bottom: 0}
.item_large h3.item_large_titre a {font-family: romeral, Arial Black, Arial; font-size: 22px;  /*text-transform: uppercase;*/ color: #d0d0d0; text-decoration: none; letter-spacing:1.5px;line-height:20px;}
#home_col_gauche h3.item_large_titre {font-family: romeral, Arial Black, Arial; font-size: 20px;  text-transform: uppercase; color: #d0d0d0; text-decoration: none; letter-spacing:1px;}
h3.item_large_titre a:hover {color: white}

/* LEGENDE : LES MOIS (HOME + CAT) */
.jan {background-position: 0px 0px;}
.fev {background-position: -10px 0px;}
.mar {background-position: -20px 0px;}
.avr {background-position: -30px 0px;}
.mai {background-position: -40px 0px;}
.jun {background-position: -50px 0px;}
.jui {background-position: -60px 0px;}
.aou {background-position: -70px 0px;}
.sep {background-position: -80px 0px;}
.oct {background-position: -90px 0px;}
.nov {background-position: -100px 0px;}
.dec {background-position: -110px 0px;}

/* ONGLETS CATEGORIES */
.onglet {width: 100px; height: 28px; background-image: url(css/onglets.png); background-repeat: no-repeat; text-indent: -99999px; position: absolute; margin-left: -10px; top: 10px}
.videos {background-position: 0px 0px}
.stuff {background-position: 0px -38px}
.music {background-position: 0px -80px}
.pubs {background-position: 0px -120px}
.wtf {background-position: 0px -160px}
.morning-wood {background-position: 0px -200px}
.sites {background-position: 0px -240px}
.geek {background-position: 0px -280px}

/* ARTICLE */
#article_chapeau {width: 560px; background-image: url(css/chapeau_bg.png); background-repeat: repeat-y; padding: 10px; position: relative; background-position:31px; z-index: 2}
#article_content {width: 528px; background-image: url(css/article_bg.png); background-repeat: repeat-y; margin-left: 31px; padding: 10px; }
h2.titre_article {float: left; margin-left: 10px; width: 435px; margin-right: 12px; font-family: romeral, Arial Black, Arial; font-size: 20px; /*text-transform: uppercase;*/ margin-top: -5px; padding-top: 0px; margin-bottom: 0px; color: #1e1e1e; text-decoration: none; letter-spacing:1px; margin-left:72px;}
#auteur {margin-left: 80px; margin-top:10px; font-size: 12px; width: 100%; clear: both}
#article_titre .bulle_comments {margin-top: 5px}
#chapeau_txt {width: 500px; font-size: 14px; margin-left: 45px; margin-top: 8px}
#chapeau_txt p {text-align: justify; color: #4a4a4a}
#article_content_txt {width: 500px; font-size: 13px; line-height:20px; margin-top: 10px; margin-left: 13px}
#article_content_txt p {/*text-align: justify;*/ color: #4a4a4a}
#article_footer {width: 548px; height: 22px; background-image: url(css/article_footer.png); margin-left: 31px}
#nav_ext {width: 18px; height: 160px;  margin-top: 145px; margin-left: 12px; position: relative; z-index: 10000}

/*lulu */
.date_single { position: absolute; z-index:305; top: 10px; left: 10px}
#fond_gauche {background:transparent url('css/article_col_gauche.png') no-repeat top left scroll; top:-4px; width:45px; height:262px; z-index:1;  position: absolute; left:1px;}

/* BLOC COMMENTAIRES */
#comments_block {width: 500px; font-size: 14px; margin-top: 10px; margin-left: 13px; color: gray;/*  background-image: url(css/article_bg.png); background-repeat: repeat-y;  */}


/* ARTICLE : COL DROITE */
#related {margin-top: 0px;}
#related_title {text-indent: -99999px; background-image: url(css/encore_quelques.png); background-repeat: no-repeat; width: 300px; height: 19px; margin-bottom: 15px}
#related li {width: 249px; height: 114px; margin:10px auto; position: relative; color: white; border: 1px solid #3f3f3f; text-align: center}
#related li .thumb_article_mini {}
#related li h3 {display: block; width: 249px; height: 99px; position: absolute; top: 0px; left: 0px; z-index: 2; color: white; font-family: romeral, Arial Black, Arial; font-size: 20px; text-align: center; background-image: url(css/bg_titre_col_droite.png); margin-bottom: 5px; line-height: 22px; padding-top: 15px; text-shadow:1px 2px 1px black; letter-spacing:1px;}
#related li a h3 {visibility: hidden}
#related li a:hover h3 {visibility: visible }

#fan_box {margin-bottom: 30px}
/* LES MOIS (ARTICLE) */
#article_titre .mois {float: left; background-image: url(css/mois-article.png); background-repeat: no-repeat; width: 10px; height: 32px; text-indent: -99999px}
#article_titre .jour {float: left; width: 55px; height: 32px; border-right: solid 1px #1e1e1e; font-family: Arial Black, Arial, sans-serif; font-size: 41px; line-height: 27px; letter-spacing: -5px; color: #1e1e1e} 
#article_titre .jan {background-position: 0px 0px;}
#article_titre .fev {background-position: -10px 0px;}
#article_titre .mar {background-position: -20px 0px;}
#article_titre .avr {background-position: -30px 0px;}
#article_titre .mai {background-position: -40px 0px;}
#article_titre .jun {background-position: -50px 0px;}
#article_titre .jui {background-position: -60px 0px;}
#article_titre .aou {background-position: -70px 0px;}
#article_titre .sep {background-position: -80px 0px;}
#article_titre .oct {background-position: -90px 0px;}
#article_titre .nov {background-position: -100px 0px;}
#article_titre .dec {background-position: -110px 0px;}

/* COMMENTAIRES */
#form_comment {border-top: 6px solid gray; color: #4A4A4A; font-size: 12px }
#comments_reply {}
#form_comment h3 {font-family: romeral, Arial Black, Arial; font-size: 20px; color: #1d1d1d; margin-bottom: 5px; margin-top: 20px}
form#commentform {}
form#commentform input {border: 1px solid #d4d4d4; padding: 5px; color: #4A4A4A; cursor: pointer}
form#commentform textarea {border: 1px solid #d4d4d4; padding: 5px; color: #4A4A4A; width: 97%}
.comment_text {}
.comment_text p {font-family: Georgia, Arial, sans serif; font-size: 16px;}
ol#comments_list li {padding-bottom: 0px; border-bottom: 1px solid #c6c6c6}
form#commentform input#submit {font-family: romeral, Arial Black, Arial; font-size: 12px; cursor: pointer; padding:0 5px 5px; }
form#commentform input#submit:hover {background-color: #4A4A4A; color: white}

/* FOOTER */
#wrap_footer {background-image: url(css/bg_wrap_footer.png); background-repeat: repeat-x; overflow: auto; background-color: #ededed;}
#footer {width: 918px; height: 200px; margin-left: auto; margin-right: auto; background-image: url(css/bg_footer.png); background-repeat: no-repeat; margin-top: 15px; color: white; font-size: 12px; padding-top: 30px;}

ul#most_viewed {width: 280px; margin-right: 30px; float: left; margin-left: 0px}
ul#most_viewed li {height: 30px; line-height: 30px; padding-left: 12px; background-image: url(css/puce_carre.png); background-repeat: no-repeat; background-position: 3px 15px; border-bottom: 1px solid #cecece}
ul#most_viewed li a {color: #7a7a7a; display: block; width: 280px; height: 30px; overflow:hidden}
ul#most_viewed li a:hover {color: white}
ul#most_viewed li:hover {background-color: #a9a9a9; color: #2e2e2e; background-position: 3px 15px;}

ul#last_comms {width: 258px; margin-right: 32px; float: left;}
ul#last_comms li {height: 30px; line-height: 30px; padding-left: 26px; background-image: url(css/puce_bulle.png); background-repeat: no-repeat; background-position: 3px 10px; border-bottom: 1px solid #cecece}
ul#last_comms li a {color: #7a7a7a; display: block; width: 258px; height: 30px}
ul#last_comms li a:hover {color: white}
ul#last_comms li:hover {background-color: #a9a9a9; color: #2e2e2e; background-position: 2px 10px;}

ul#infos {width: 300px; float: left;}
ul#infos li {height: 30px; line-height: 30px; padding-left: 12px; background-image: url(css/puce_triangle.png); background-repeat: no-repeat; background-position: 2px 12px; border-bottom: 1px solid #cecece}
ul#infos li a {color: #7a7a7a; display: block; width: 300px; height: 30px}
ul#infos li a:hover {color: white}
ul#infos li:hover {background-color: #a9a9a9; color: #2e2e2e; background-position: 2px 12px;}

/* RESULTATS RECHERCHE */
#search_results {color: white}

/* LIGHTBOX FOOTER */
#superbox-innerbox iframe {overflow: hidden}
#wrapper_text_lightbox {overflow: hidden}
#text_lightbox {font-size: 12px; color: white; padding: 10px; width: 874px; background-color: black; overflow: hidden; height:478px;color: white}
#text_lightbox p {text-align: justify; margin-bottom: 0px; margin-right: 19px}
#text_lightbox h2 {font-family: romeral, Arial Black, Arial; font-size: 20px; border-bottom: 1px solid gray}
#text_lightbox input {padding: 5px; background-color: #292929; border: 1px solid gray; color: white; margin-bottom: 5px}
#text_lightbox textarea {padding: 5px; background-color: #292929; border: 1px solid gray;color: white}
#text_lightbox input[type="submit"] {border: 1 solid gray;font-family: romeral, Arial Black, Arial; font-size: 14px; padding-top: 2px}
#wrapper_text_lightbox a:hover {color: white}

/* 404 */
#page_404 {color: gray; background-image: url(css/404_10min.png); padding-top: 160px; background-repeat: no-repeat; background-position: center top; font-size: 14px; margin-top: 50px}
#page_404 a {color: white}
#page_404 a:hover {color: gray}

/* 9e page */

#neuviemepage {width: 920px; padding-top: 0px; overflow: auto; margin-left: auto; margin-right: auto}
#neuviemepage .neuflink {background-image:url("css/logo_9p.png");
background-position:right top;
background-repeat:no-repeat;
display:block;
float:right;
height:16px;
padding-right:25px;
padding-top:8px;
text-align:right;
width:199px; margin-right: 10px}
#neuviemepage .neuflink:hover {background-position: right -25px}

/* JEAN JACQUES */
#jeanjacques {width: 300px; margin-bottom: 30px}