/*  
Theme Name: Newlook
Theme URI: http://www.newlook.fr/
Description: Le theme du site Newlook.fr
Version: 1.0
Author: Benjamin Tacquet
Author URI: http://1633sa.com/

*/

/****** Les styles standarts et commun *****/

*{margin:0px;padding:0px;}

.clearboth{clear:both;}

.invisible{display:none;}
.clearboth{clear:both;}
.center{text-align:center;}

/*Police par defaut */
.police{font-family:Arial, Helvetica, sans-serif;}

/* Mise en forme d'une police */
.emphasis{font-style:italic;}
.strong{font-weight:bold;}
.normal{font-weight:normal;}
.emphasisBold{font-weight:bold;font-style:italic;}
.nodecoration{text-decoration: none;}
.underline{text-decoration: underline;}

/* Couleur des polices */
.noir{color:#000;}
.blanc{color:#FFF;}
.gris{color:#3b3b3b;}
.orange{color: #ffa210;}
.bleu{color: #113557;}
.rouge{color: #cc2222;}

/*Taille des polices */
.size10 {font-size: 10px;}
.size11 {font-size: 11px;}
.size12 {font-size: 12px;}
.size14 {font-size: 14px;}
.size16 {font-size: 16px;}
.size18 {font-size: 18px;}

/* Pour les images */
.alignleft {float: left; padding: 5px 5px 5px 0px;}
.alignmiddle {vertical-align: middle;}
.alignright {float: right; padding: 5px 0px 5px 5px}

.gauche {float: left;}
.droite{float: right;}

a:hover{text-decoration: underline;}
a{text-decoration: none;}
img {border: 0px;}


/********** Le placement de la page **********/
body {text-align:center;	font-family: arial; background: #000000 url(imgs/fond.jpg) no-repeat fixed top center;}

/********** Le logo + pub **********/
#header {margin: 15px auto 15px auto; height: 90px; text-align: left; width: 1000px;}
.logo {float: left; padding-top: 40px;}
#bandeau_pub {float: right;}

/********** Le contenu **********/
#corps {	width: 1000px; margin: 0px auto 0px; text-align: left; background-color: #FFFFFF;}

/********** La nav **********/
#nav {background: url(imgs/header/bg_nav.png) repeat-x; height: 69px; width: 100%;}
#nav ul {list-style: none;}
.nav {float: left;}
.nav a{display: block; height: 41px; background-position: 0px 0px;}
.nav_sexy {width: 121px; background-image: url(imgs/header/sexy.png);}
.nav_insolites {width: 120px; background-image: url(imgs/header/insolites.png);}
.nav_extreme {width: 120px; background-image: url(imgs/header/extreme.png);}
.nav_nouveaute {width: 120px; background-image: url(imgs/header/nouveaute.png);}
.nav_people {width: 120px; background-image: url(imgs/header/people.png);}
.nav a:hover {background-position: 0px 82px;}

.cat_active a {background-position: 0px 41px;}

.social_nav {float: right;}
.nav_mob {width: 50px; height: 40px; background: url(imgs/header/mobile.png) no-repeat center bottom; display: block;}
.nav_blog {width: 134px; height: 41px; background-image: url(imgs/header/blog.png); display: block;}
.nav_twitter {width: 64px; height: 48px; background-image: url(imgs/header/twitter.jpg); display: block;}
.nav_rss {width: 48px; height: 48px; background-image: url(imgs/header/rss.jpg); display: block;}
.nav_facebook {width: 52px; height: 48px; background-image: url(imgs/header/facebook.jpg); display: block;}

.breadcrumb {padding-bottom: 5px;}
.breadcrumb a{color:#3b3b3b;}

#nav h1 {font-size: 11px; clear: both; font-weight: normal; color:#3b3b3b; padding-left: 10px;}

/********** La home ********/
#pub_left_home {float: left; width: 160px; height: 600px; padding-right: 10px;}

#suite_home {padding-top: 10px;}

.news {background: url(imgs/bg_news.png); width: 500px; float: left; height: 94px;}
.news_vignette {float: left; padding-right: 32px; width: 158px; padding-top: 2px;}
.news_cat a{color: #414141; font-size: 12px; font-weight: bold; float: left; width: 216px; padding-top: 10px; padding-bottom: 5px;}
.news_title a {color: #113557; font-size: 12px; font-weight: bold; float: left;  width: 216px;}
.news_exerp {color: #444444; font-size: 12px; float: left;  width: 216px;}
.news_rat {float: right; padding-right: 12px;  width: 60px; font-size: 11px; padding-top: 25px; }
.news_view {font-size: 11px; color: #444444; width: 60px; text-align: center; padding-top: 3px;}

.news_rub{background: url(imgs/bg_news.png); width: 510px; float: left; height: 94px;}
.ind_cat {color: #414141; font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 5px;}
.ind_cat a {color: #414141;}

.bt_news {background: url(imgs/bt_news.png) no-repeat bottom; width: 500px; height: 42px; float: left; padding-top: 1px;}

#top_semaine {background: url(imgs/bg_top_semaine.png) no-repeat bottom; width: 650px; height: 124px; padding: 45px 0px 0px 20px;}
#top_semaine .news {width: 325px; background: none;}
#top_semaine .news_vignette {padding: 0px 12px 0px 0px;}
#top_semaine .news_cat a{width: 118px; background-color: #00274b; color: #FFFFFF; height: 16px; padding: 0px 0px 0px 10px;}
#top_semaine .news_title a{width: 128px; height: 48px; padding-top: 10px}
#top_semaine .news_rat {background-image: url(imgs/bg_etoile_top.png); width: 80px; height: 12px; padding: 4px 0px 0px 0px; text-align: center; float: left; }

#enorme {background: url(imgs/bg_enorme.png) no-repeat; width: 650px; height: 324px; padding: 20px 0px 0px 20px;}
.update {color: #444444; font-size: 11px; float: right; height: 42px; padding-right: 15px;}

#une {width: 310px; padding: 40px 10px 0px 0px; float: left;}
#une .news_title a {font-size: 16px; width: 310px; padding: 10px 1px 5px 1px;}

.une {width: 315px; float: left; }
.pad_10 {padding-top: 10px;}
.une .news_vignette {padding: 0px 23px 0px 0px; width: 136px;}
.une .news_cat a{width: 145px; background-color: #ffa210; color: #FFFFFF; height: 16px; padding: 0px 0px 0px 10px;}
.une .news_title a{width: 145px; height: 48px; padding-top: 0px;}
.une .news_rat {width: 60px; height: 12px; padding: 4px 0px 0px 0px; text-align: center; float: right; margin-top: -3px; position: relative;}

/********** Contenu ********/
#corps_content {float: left; width: 670px; padding: 12px 0px 10px 10px; background-color: #FFFFFF;}
#cat_main {float: left; width: 510px; padding-right: 10px;}
.vignette {border: 1px solid #999999;}
.vignette_top{border: 1px solid #FFFFFF;}

#art_main h1{font-size:22px; padding: 30px 0px 5px 10px; color: #113557;}
.content_art {font-size:12px; color:#3b3b3b; padding: 0px 10px 0px 10px;}
.content_art p {padding-top: 10px;}

.logo_art {float: right; margin: 30px 0px 10px 10px; border: 1px solid #717171;}

.lk_commentform {width: 100%; text-align: center; background: url(imgs/bg_reagir.png); height: 29px; padding-top: 7px; margin-top : 10px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;}

.tt_vr {padding-top: 10px; clear: both;}
.bloc_video_rel {float: left; width: 155px; padding-right: 16px; padding-top: 20px;}
.bloc_video_rel_last {padding-right: 0px;}
.visu_video_rel img {border: 1px solid #717171;}
.titre_video_rel a {color: #3b3b3b;}

#lk_social {border: 1px solid #c5c5c5; height: 39px; padding-top: 8px; color: #fb8b1e; padding-right: 10px;}
.envoyer_ami a{display: block; float: right; padding-right: 61px; background: url(imgs/ami.png) no-repeat right; height: 27px; padding-top: 6px; font-size: 12px; color: #fb8b1e;}

#pagebar {padding-top: 15px; font-weight: bold;}
#pagebar a {color: #113557; text-decoration: underline}


/********** Page en kiosque *********/
#kiosque_prez_slide {width: 648px; clear: both; border: 1px solid #b8b8b8;}

#visu_kiosque_prez  {width: 648px; height: 419px; overflow: hidden;}
#visu_kiosque_prez .section { width: 648px; height: 419px; overflow: hidden; float: left;}
#visu_kiosque_prez .section p {float: left; padding: 0;}
.content_kiosque_prez {width: 10000px;}

#kiosque_prez_controls {padding: 0px 0px 10px 275px; width: 375px; height: 28px;}
.cd_g {display: block; float: left; width: 32px; height: 28px; background: url(imgs/ct_g.png) 0px 0px;}
.cd_g:hover {background-position: 0px 28px;}
.cd_d {display: block; float: left; width: 32px; height: 28px; background: url(imgs/ct_d.png) 0px 0px; margin-left: 35px;}
.cd_d:hover {background-position: 0px 28px;}

/********** Les commentaires ********/
.ttcmtlt {padding-top: 20px;}
.avatar {float: left; padding-right: 10px;}
.commentlist {font-size: 12px; color: #717171; list-style: none;}
.commentlist a {color: #717171;}

#respond {color: #717171; padding-top: 30px;}
#author {border: 1px solid #717171; width: 193px;}
#email {border: 1px solid #717171; width: 193px;}
#url {border: 1px solid #717171; width: 193px;}
#comment {border: 1px solid #717171; width: 650px; height: 140px; margin-bottom: 15px;}
.pdb10 {padding-bottom: 15px;}

#submit {background: transparent url(imgs/soumettre.png) no-repeat center bottom; width: 169px; height: 27px; border: none; cursor: pointer;}

/********** Les jeux concours **********/
.label_qcm  {width: 120px; display: block; float:left;}
.txt_qcm {width: 260px; display: block; float:left;}
.input_qcm {border: 1px solid #717171;}

/********** Les pubs **********/
.ad_468 {width: 670px; padding-bottom: 15px;}

/********** La sidebar **********/
#sidebar {float: right; width: 300px; padding: 12px 10px 10px 10px; background-color: #FFFFFF;}

#recherche {width: 290px; height: 43px; padding: 17px 0px 0px 10px; background: url(imgs/sidebar/fd_recherche.png);}
#s {width: 193px; height: 19px; float: left;}
#ok_recherche {width: 80px; height: 22px; color: #FFFFFF; font-size: 13px; text-align: center; border: 1px solid #d5870d; background: #ffa210; cursor: pointer; float: left; margin-left: 5px;}
#ok_recherche:hover {background: #000000; color: #FFFFFF;}

.e_sidebar {padding-top: 10px;}
.pave {width: 300px; height: 250px;}

#newsletter {width: 150px; height: 28px; padding: 23px 0px 0px 150px; background: url(imgs/sidebar/fd_newsletter.png);}
#email_nav {width: 110px; float: left; height: 15px;}
#ok_news {border: none; background: transparent; font-weight: bold; font-size: 13px; float: left; color: #414141; cursor: pointer; margin-left: 4px;}

#kiosque {width: 300px; height: 196px; padding: 10px 0px 0px 0px; background: url(imgs/sidebar/fd_kiosque.png) 0px 10px;}
.couv {float: left; padding: 10px;}
.abo p {float: left; padding: 102px 0px 2px 0px;}
.abo ul {list-style: none; float: left;}
.abo li {padding-top: 2px;}
.nume {display: block; width: 151px; height: 21px; background: url(imgs/sidebar/abo_num.png);}
.nume:hover {background-position: bottom;}
.lign {display: block; width: 151px; height: 21px; background: url(imgs/sidebar/abo_ligne.png);}
.lign:hover {background-position: bottom;}

#nouveaute {width: 300px; height: 150px; padding: 10px 0px 0px 0px; background: url(imgs/sidebar/fd_nouveaute.png) repeat-x 0px 10px;}
#concours {width: 300px; height: 150px; padding: 10px 0px 0px 0px; background: url(imgs/sidebar/fd_concours.png) repeat-x 0px 10px;}
#concours a:hover{text-decoration: none;}
.accroche_nours {padding: 45px 0px 0px 10px;}
.visu_nours {float: right; padding: 10px;}
.visu_nours img {border: 1px solid #cfcfcf;}
.jouer {display: block; width: 110px; height: 30px; background: url(imgs/sidebar/jouer.png) repeat-x 0px 10px; padding-top: 10px;}

#last_post {width: 298px; height:266px; margin-top: 10px; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; background: url(imgs/sidebar/bg_last_post.png) repeat-x;}
#last_post .size16 {padding: 10px;}
.one_last_post {padding: 0px 10px 3px 10px; clear: both; font-size: 11px; float: left;}
.one_last_post a {color: #000000;}
.one_last_post img {border: 1px solid #8d8d8d; float: left; margin-right: 10px;}

/********** La middledebar **********/
#middlebar{float: left; width: 150px;}
.m_concours {width: 150px; padding: 20px 0px 10px 0px; background: url(imgs/sidebar/m_concours.png) no-repeat;}
.m_concours .visu_nours {padding-bottom: 3px; float: none;}
.m_concours .accroche_nours {height: 47px; padding: 0px 10px 0px 10px;}
.m_nouveaute {background: url(imgs/sidebar/m_nouveaute.png) no-repeat; padding-top: 25px;}

.m_kiosque {width: 150px; background: url(imgs/sidebar/m_kiosque.png) no-repeat;}
.m_kiosque .couv{padding-top: 57px; float: none;}
.m_kiosque .nume {display: block; width: 150px; height: 21px; background: url(imgs/sidebar/m_abo_num.png);}
.m_kiosque .nume:hover {background-position: bottom;}
.m_kiosque .lign {display: block; width: 150px; height: 21px; background: url(imgs/sidebar/m_abo_ligne.png);}
.m_kiosque .lign:hover {background-position: bottom;}

#top_vu {padding: 10px; background-color: #edecec; margin-top: 10px; float: left;}
#top_vu .size14 {padding: 10px;}
#top_vu ul {font-size: 11px;}
#top_vu ol {padding-bottom: 5px;}
#top_vu a {color: #000000;}

/********** Footer **********/
.site_amis {padding: 10px 0px 5px 20px;}
#vignettes_amis {margin : 10px; background: url(imgs/bg_amis.png) repeat-x; height: 180px; padding-top: 10px; border-right: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf;}
.vignette_ami {float: left; width: 140px; text-align: center; font-size: 10px; padding-left: 20px;}
.vignette_ami img {border: 10px solid #FFFFFF; margin-bottom: 2px;}
.vignette_ami a {color: #414141}
.vignette_ami a:hover {color: #00274b; text-decoration: none;}
#footer {color: #FFFFFF; font-size:12px; width: 1000px; margin: auto; padding: 10px 0px 35px 0px;}
#footer a {color: #FFFFFF;}

/*** Nuage de tags ****/
.t1 {color: #3b3b3b;}
.t2 {color: #ffa712;}
.t3 {color: #ffa712;}
.t4 {color: #ffa712;}
.t5 {color: #ffa712;}
.t6 {color: #ffa712;}
.t7 {color: #ffa712;}
.t8 {color: #ffa712;}
.t9 {color: #ffa712;}
.t10 {color: #ffa712;}
.t11 {color: #ffa712;}
.t12 {color: #ffa712;}
.t13 {color: #ffa712;}
.t14 {color: #ffa712;}
.t15 {color: #ffa712;}