/* Name: VIDULE.COM Version: 1.0 Author: Occy Mail: occy@cercle-trafic.com */ * {margin:0;padding:0;} body {background:url(../images/background.jpg) no-repeat top center #57023e;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;} img {display:block;} .clear {clear:both;} #header {position:relative;width:990px;margin:auto;height:165px;} #header #top {position:absolute;top:0;padding-left:20px;} #header #header_promo {position:absolute;bottom:45px;right:30px;} #header #zone {position:absolute;bottom:5px;left:30px;font-weight:bold;color:#FFFFFF;font-size:16px;} #main {background:url(../images/vidule_45.jpg) no-repeat bottom center #edebeb;width:990px;margin:0 auto 0 auto;padding:0 0 30px 0;} #main #menu_h {background:url(../images/vidule_03.jpg) no-repeat left top;width:986px;height:19px;border:2px solid #FFFFFF;} #main #menu_h {float:left;} #main #menu_h a {color:#FFFFFF;font-weight:bold;padding:0 30px 0 30px;} #main #trade_top {width:100%;margin:0 0 0 0;padding: 5px 0 0 0 ;} #main #trade_top a {text-decoration:none;} #main #trade_top .trade_img {float:left;border:0;margin:0 2px 2px 2px;} #main #menu_v {margin:0 0 0 2px;float:left;} #main #menu_v #user {background:url(../images/vidule_06.jpg) no-repeat top #FFFFFF;width:180px;margin:0 0 3px 0;} #main #menu_v #user .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #menu_v #user #name {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #menu_v #user .contenu {display:block;padding:3px 0 0 3px;} #main #menu_v #user #mail {display:block;margin:5px 0 0 0;} #main #menu_v #user #date_ins {display:block;} #main #menu_v #menu {list-style:none;margin:0 0 3px 0;} #main #menu_v #menu li {background:url(../images/vidule_19.jpg);width:160px; height:17px;padding-left:20px;border-top:1px solid #FFFFFF;} #main #menu_v #menu li a{display:block; width:160px; height:17px; color:#773800;font-weight:bold;text-decoration:none;} #main #menu_v #menu li a:hover{background:url(../images/vidule_17.jpg) no-repeat left; width:140px;color:#FFFFFF;padding-left:20px;} #main #menu_v #menu .active a{background:url(../images/vidule_17.jpg) no-repeat left; width:140px;color:#FFFFFF;padding-left:20px;} #main #menu_v #menu .last {background:url(../images/vidule_24.jpg);width:160px; height:17px;padding-left:20px;border-top:1px solid #FFFFFF;color:#773800;} #main #menu_v #promo {} #main #menu_v #der_sondage {background:url(../images/vidule_39.jpg) no-repeat top #FFFFFF;width:160px;margin:0 0 3px 0;padding:0 10px 0 10px;} #main #menu_v #der_sondage .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #menu_v #der_sondage .question {font-weight:bold;display:block;} #main #contenu {float:left;width:800px;margin:0 0 0 3px;} #main #contenu #editorial {background:url(../images/vidule_08.jpg) no-repeat top #FFFFFF;margin:0 0 25px 0 ;} #main #contenu #editorial .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #contenu #editorial p {padding:5px;display:block;color:#666666;text-align:justify;text-indent:30px;} #main #contenu #editorial p:first-letter {font-weight:bold;font-size:14px;} #main #contenu #editorial a {text-decoration:none;color:#660033;} #main #contenu #editorial a:hover {text-decoration: underline;} #main #contenu #video_jour {background:url(../images/vidule_11.jpg) no-repeat top #FFFFFF;width:480px;height:410px;float:left;margin:0 3px 3px 0;} #main #contenu #video_jour .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #contenu #sondage {background:url(../images/vidule_13.jpg) no-repeat top #FFFFFF;width:316px;float:left;} #main #contenu #sondage .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #contenu #sondage .affichage {display:block;padding:5px 0 10px 10px;} #main #contenu #amatrice {background:url(../images/vidule_13.jpg) no-repeat top #FFFFFF;width:316px;float:left;} #main #contenu #amatrice .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #contenu #actus {background:url(../images/vidule_31.jpg) no-repeat top #FFFFFF;width:264px;float:left;margin:3px 3px 0 0;} #main #contenu #actus .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #contenu #actus h2 a {display:block;font-size:11px;font-weight:bold;color:#d81175;text-align:justify;padding:3px 3px 0 3px;} #main #contenu #actus p {display:block;font-size:11px;color:#333;text-align:justify;padding:0 3px 0 3px;} #main #contenu #b_hard {background:url(../images/vidule_31.jpg) no-repeat top #FFFFFF;width:264px;float:left;margin:3px 3px 0 0;} #main #contenu #b_hard .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #contenu #b_hard h2 a {display:block;font-size:11px;font-weight:bold;color:#d81175;text-align:justify;padding:3px 3px 0 3px;} #main #contenu #b_hard p {display:block;font-size:11px;color:#333;text-align:justify;padding:0 3px 0 3px;} #main #contenu #b_sexy {background:url(../images/vidule_31.jpg) no-repeat top #FFFFFF;width:264px;float:left;margin:3px 0 0 0 ;} #main #contenu #b_sexy .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #contenu #b_sexy h2 a {display:block;font-size:11px;font-weight:bold;color:#d81175;text-align:justify;padding:3px 3px 0 3px;} #main #contenu #b_sexy p {display:block;font-size:11px;color:#333;text-align:justify;padding:0 3px 0 3px;} #main #contenu #videos_dump {background:url(../images/vidule_38.jpg) no-repeat top #FFFFFF;} #main #contenu #videos_dump .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #main #contenu #videos_dump .tradethumb {border:2px solid #F5D0E1; width:150px;height:113px;margin:0;padding:0; } #main #contenu #videos_dump .tradethumb:hover {border:2px solid #970E6A; } #main #contenu #videos_dump .box_tube {width:154px; border-bottom:1px solid #d9d9d9;margin:0 0 5px 8px;} #main #contenu #videos_archives {background:url(../images/vidule_38.jpg) no-repeat top #FFFFFF;} #main #contenu #videos_archives .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;} #footer {background:url(../images/vidule_45.jpg) no-repeat bottom center #edebeb;width:990px;margin:20px auto 0 auto;padding:0 0 30px 0;position:relative;text-align:center;} #footer #footer-top {position:absolute;top:-17px;} /* Web TV */ #main #contenu #chaines {background:url(../images/vidule_005.jpg) no-repeat top #FFFFFF;margin:0 0 3px 0;color:#666666;padding:0 5px 5px 5px;text-align: justify;} #main #contenu #chaines .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 5px 10px;} #main #contenu #chaines .active{color:#CC00CC;text-decoration:none;display:inline-block;} #main #contenu #chaines a {color: #666666;text-decoration:none;} #main #contenu #chaines a:hover {color: #000000;text-decoration:none;} #main #contenu #partenaires {width:90%;margin:auto;text-align:justify;} #main #contenu #partenaires a {color: #666666;text-decoration:none;} #main #contenu #partenaires a:hover {color: #000000;text-decoration:none;} #main #contenu #description {background:url(../images/vidule_006.jpg) no-repeat top #FFFFFF;margin:0 0 3px 0;color:#666666;padding:25px 5px 5px 5px;text-align: justify;} #main #contenu #description p {text-indent:30px;} #main #contenu #description a {color: #666666;text-decoration:none;} #main #contenu #description a:hover {color: #000000;text-decoration:none;} #main #contenu #liste_videos {background:url(../images/vidule_005.jpg) no-repeat top #FFFFFF;margin:0 0 3px 0;color:#666666;padding:0 5px 5px 5px;text-align: justify;} #main #contenu #liste_videos .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 5px 10px;} #main #contenu #liste_videos .video_a {} #main #contenu #liste_videos .video_a h2 a {display:block;font-size:12px;font-weight:bold;color:#57023e;padding:3px 0 5px 10px;} #main #contenu #liste_videos .video_b {background-color:#F2F2F2;} #main #contenu #liste_videos .video_b h2 a {display:block;font-size:12px;font-weight:bold;color:#57023e;padding:3px 0 5px 10px;} /* blogs */ #main #contenu #sidebar {float:right;} #main #contenu #sidebar #search {background:url(../images/vidule_002.jpg) no-repeat top #FFFFFF;width:170px;margin:3px 0 0 0;} #main #contenu #sidebar #search .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;text-decoration:none;} #main #contenu #sidebar #search #searchform {text-align:center;padding:10px 0 10px 0;} #main #contenu .article_a {background:url(../images/vidule_003.jpg) no-repeat top #FFFFFF;width:628px;margin:3px 3px 0 0;} #main #contenu .article_a .titre a {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;text-decoration:none;} #main #contenu .date {float:right;} #main #contenu .article {width:98%;margin:5px auto 0 auto;text-align:justify;padding:0 0 5px 0;} #main #contenu .article_b {background:url(../images/vidule_001.jpg) no-repeat top #FFFFFF;width:628px;margin:3px 3px 0 0;} #main #contenu .article_b .titre a {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 0 10px;text-decoration:none;} /* disclaimer */ #main #disclaimer {text-align:center;background:url(../images/vidule_006.jpg) no-repeat top #FFFFFF;margin:0 auto 0 auto;color:#666666;padding:25px 5px 5px 5px;text-align: justify;width:790px;} #main #disclaimer_links a{color:#666666;} #main #disclaimer_links a:hover{color:#333333;} #main #disclaimer img {margin:auto;} #main .texte {width:90%;margin:auto;display:block;text-indent:30px;} #main h1 {width:90%;margin:auto;display:block;text-align:center;color:#57023e;} #links a {color:#FFFFFF;} /* videos */ #main #sites {float:left;background:url(../images/vidule_006.jpg) no-repeat top #FFFFFF;margin: 0 0 0 3px;color:#666666;padding:30px 5px 5px 5px;text-align: justify;width:790px;} #main #sites img {border:2px solid #57023e;} #main #sites .down {color: #57023e;font-weight:bold;font-size:24px;} #main #sites .down a{color: #57023e;font-weight:bold;font-size:24px;text-decoration:none;} #main #sites .site_a {background:#EDEBEB;position:relative;padding:5px;} #main #sites .site_a h2 a{color:#d81175;line-height:24px;} #main #sites .site_a .cat {position:absolute;top:10px;right:10px;} #main #sites .site_a .cat a {color:#333333;} #main #sites .site_b {padding:5px;} #main #sites .site_b h2 a{color:#d81175;line-height:24px;} #main #sites .site_b .cat {position:absolute;top:10px;right:10px;} #main #sites .thumb {float:left;margin:0 10px 0 0;} /* TUBE */ #tube {float:left;width:800px; } #tube #nouveautes {background:url(../images/vidule_006.jpg) no-repeat top #FFFFFF;margin: 0 0 0 3px;color:#666666;padding:30px 5px 5px 15px;text-align: justify;width:780px;} #tube #nouveautes .box_tube {width:190px;} #tube #nouveautes .box_tube .tube_titre h2 a {color:#d81175; font-size:10px;text-decoration:none;} #tube #nouveautes .box_tube s.vote { } #tube #nouveautes .box_tube .tubethumb {border:2px solid #d81175;width:180px;} #tube #extraits {background:url(../images/vidule_006.jpg) no-repeat top #FFFFFF;margin: 0 0 0 3px;color:#666666;padding:30px 5px 5px 15px;text-align: justify;width:780px;} #tube #extraits .site_a {background:#EDEBEB;position:relative;padding:5px;} #tube #extraits .site_a h2 a{color:#d81175;line-height:24px;} #tube #extraits .site_a .cat {position:absolute;top:10px;right:10px;} #tube #extraits .site_a .cat a {color:#333333;} #tube #extraits .site_b {padding:5px;} #tube #extraits .site_b h2 a{color:#d81175;line-height:24px;} #tube #extraits .site_b .cat {position:absolute;top:10px;right:10px;} #tube #extraits .thumb {float:left;margin:0 10px 0 0;} /* systeme de vote */ .star-rating{list-style:none;margin: 0px;padding:0px;width: 80px;height: 20px;position: relative;overflow:hidden;background: url(../images/stars.gif) top left repeat-x;} .star-rating li{padding:0px;margin:0px;width:16px;height:20px;float: left;} .star-rating li a{display:block;width:16px;height: 20px;line-height:20px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;overflow:hidden;} .star-rating li a:hover{background: url(../images/stars.gif) left bottom;z-index: 2; left: 0px;border:none;} .star-rating a.one-star{ left: 0px;} .star-rating a.one-star:hover{width:16px;} .star-rating a.two-stars{left:16px;} .star-rating a.two-stars:hover{width: 32px;} .star-rating a.three-stars{left: 32px;} .star-rating a.three-stars:hover{width: 48px;} .star-rating a.four-stars{left: 48px;} .star-rating a.four-stars:hover{width: 64px;} .star-rating a.five-stars{left: 64px;} .star-rating a.five-stars:hover{width: 80px;} .star-rating li.current-rating{background: url(images/stars.gif) left center;position: absolute;height: 20px;display: block;text-indent: -9000px; z-index: 1;} /*PLAYER*/ #player {margin:0 0 10px 0;position:relative;width:480px;} #player_controls { background-image:url(images/player_background.gif); width:480px; height:35px; position:relative; } #player_chaine { position:absolute; left:90px; top:10px;color: #CCCCCC; font-weight:bold; } #player_chaine h2 { display:inline; color:#CCCCCC; margin-left:5px; color:#FFFFFF; font-weight:bold; } #playpause {position:absolute;left:10px;top:2px;} #fullscreen {position:absolute;right:165px;top:2px;} #sound {position:absolute;right:115px;top:2px;} #vidule {position:absolute;right:5px;top:2px;} #partenaires {margin-bottom:10px;} #partenaires a {color:#FF007E;} #partenaires a:hover {color:#000000;} /* dump */ #main #contenu #menur {float:left;width:200px;} #main #contenu #dump {float:left;background:url(../images/vidule_005.jpg) no-repeat top #FFFFFF;margin: 0 0 0 3px;color:#666666;padding:0 5px 5px 5px;text-align: justify;width:790px;} #main #contenu #dump p {text-indent:30px;} #main #contenu #dump h1 {font-size:16px;} #main #contenu #dump h2 {font-size:14px;} * html #main #contenu #dump {width:780px;} #main #contenu #dump .titre {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 5px 10px;} #main #contenu #dump .plug_content {padding:0 0 10px 0;} #main #contenu #dump .plug_content img {border:2px solid #57023e;float:left;margin:0 5px 0 0;} #main #contenu #dump .plug_details {float:right; margin:0px 5px 0 0;} #main #contenu #dump .plug_details a {color:#666666;} #main #contenu #dump .down {color: #57023e;font-weight:bold;font-size:24px;} #main #contenu #dump .down a{color: #57023e;font-weight:bold;font-size:24px;text-decoration:none;} #main #contenu #dump .plug_a {background:#EDEBEB;padding:5px;} #main #contenu #dump .plug_a h2 a{color:#d81175;line-height:24px;} #main #contenu #dump .plug_a .cat {position:absolute;top:10px;right:10px;} #main #contenu #dump .plug_a .cat a {color:#333333;} #main #contenu #dump .plug_b {padding:5px;} #main #contenu #dump .plug_b h2 a{color:#d81175;line-height:24px;} #main #contenu #dump .plug_b .cat {position:absolute;top:10px;right:10px;} #main #contenu #dump .plug_b .cat a {color:#333333;} #main #contenu #dump .thumb {float:left;margin:0 10px 0 0;} #main #contenu .thumb_gratuite {float:left;border:2px solid #57023e;margin:4px;} * html #main #contenu .thumb_gratuite {margin:3px;} #main #menu_v #col .col_item {background:url(../images/vidule_39.jpg) no-repeat top #FFFFFF;width:180px;margin:0 0 3px 0;padding:0 0 10px 0;} #main #menu_v #col .col_title {display:block;font-size:12px;font-weight:bold;color:#FFFFFF;padding:3px 0 5px 10px;} #main #menu_v #col .col_item_content a {color:#666666;padding:0 0 0 10px;text-decoration:none;} #main #menu_v #col .col_item_content a:hover {color: #333333;} #main #contenu #details h1 a {color:#d81175;line-height:24px;font-size:16px;} #main #contenu #pagination {margin:auto;text-align:center;} #main #contenu #pagination a {color:#666666;} #main #contenu #pagination a {color:#333333;}