HTML { overflow-y: scroll; }

DIV, A, BODY { font-family: verdana }

BODY { margin: 0; padding: 0; width: 100%; background: #483f4d url('/images/top-bg.jpg') repeat-x top }

IMG { margin: 0; padding: 0; border: 0 }

A { outline: 0 }

DIV{ margin: 0; padding: 0 }

DIV.fullcenter { width: 990px; margin: 0 auto; color: #FFFFFF }

DIV.header { width: 990px; height: 137px }
DIV.header DIV { float: left }
DIV.header DIV.logo { width: 116px; height: 137px }
DIV.header DIV.title { width: 450px; height: 137px }
DIV.header DIV.title DIV.sitetitle { width: 450px; height: 52px; text-align: left }
DIV.header DIV.title DIV.banpub { width: 450px; height: 75px; text-align: center; margin-top: 9px }
DIV.header DIV.title DIV.banpub IMG { border: 1px solid #E5E5E5 }

DIV.header DIV.right { width: 400px; height: 107px; text-align: center; padding: 15px 12px 15px 12px }
DIV.header DIV.right H1 { font-size: 13px }
DIV.header DIV.right FORM.recherche { margin: 4px 0 0 0; padding: 0 }
DIV.header DIV.right FORM.recherche INPUT.text { border: 1px solid #CCCCCC; width: 220px; padding: 4px; font-size: 14px; text-align: center; margin: 0 15px 0 0 }
DIV.header DIV.right FORM.recherche INPUT.button { border: 1px solid #CCCCCC; background: #E1E1E1; width: 110px; padding: 4px; font-size: 14px; text-align: center; font-weight: bold; color: #333333 }

DIV.menu { margin-bottom: 9px; font-family: sans-serif }
DIV.menu A, DIV.menu IMG { font-family: sans-serif; float: left; margin-bottom: 8px }

DIV.footer { clear: both; width: 990px; text-align: center; font-size: 10px; padding-bottom: 10px }

/*PAGE HOME*/

DIV.pagemid { width: 774px; float: left; margin-bottom: 15px }

DIV.sidebar { width: 210px; float: left; margin-left: 6px }

DIV.sidebar DIV.cats { width: 210px; float: left }
DIV.sidebar DIV.cats DIV { float: left }
DIV.sidebar DIV.cats DIV.title { background: url('/images/title-bg.jpg') repeat-x; width: 196px; height: 24px; color: #FFFFFF; font-weight: bold; font-size: 13px; padding: 6px 0 0 12px }
DIV.sidebar DIV.cats DIV.list { width: 190px; padding: 4px 0 10px 18px; line-height: 22px; margin: 2px 0 16px 0; background: #fafafa }
DIV.sidebar DIV.cats DIV.list A { color: #e505ff; font-weight: bold; font-size: 13px; background: #fafafa; padding: 3px 2px }
DIV.sidebar DIV.cats DIV.list A:hover { color: #EEEEEE; background: #e505ff }

DIV.sidebar DIV.sidebanner { width: 210px; float: left; height:306px; margin: 0 0 16px 0 }

DIV.sidebar DIV.other { width: 210px; float: left; text-align: center; float: left; margin-bottom: 16px; background: #fafafa }

DIV.sidebar DIV.links { width: 180px; float: left; margin: 0 0 16px 0; padding: 6px 15px 0 15px; background: #fafafa }
DIV.sidebar DIV.links UL { list-style:none; margin: 0 4px; padding: 0; width: 196px }
DIV.sidebar DIV.links UL LI { float: left; width: 196px; margin-bottom: 4px }
DIV.sidebar DIV.links UL LI A { float: left; margin-bottom: 6px; font-size: 11px; color: #666666 }
DIV.sidebar DIV.links UL LI A:hover { color: #e505ff }

DIV.video { float: left; width: 240px; margin: 0 8px 8px 0; border: 1px solid #666666; padding: 0 4px 4px 4px; background: #fafafa }
DIV.video DIV.title { float: left; width: 236px; height: 34px; overflow: hidden; padding: 4px 2px }
DIV.video DIV.title A { color: #e505ff; font-weight: bold; font-size: 13px; text-decoration: none; height: 34px; overflow: hidden; display: block }
DIV.video DIV.title A:hover { color: #EEEEEE; background: #e505ff }
DIV.video DIV.infos { float: left; width: 240px; margin-top: 6px }
DIV.video DIV.infos DIV.views { float: left; width: 100px; padding: 0 4px; font-size: 13px; color: #888888 }
DIV.video DIV.infos ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 10px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('/images/stars.gif') repeat-x; CURSOR: pointer; }
DIV.video DIV.infos li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
DIV.video DIV.infos li.curr { BACKGROUND: url('/images/stars.gif') left 25px; FONT-SIZE: 1px; }
DIV.video DIV.infos div.user { LEFT: 15px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; COLOR: #888888; }

/*PAGE TAG*/

DIV.videotag { float: left; width: 756px; margin: 0 8px 8px 0; border: 1px solid #E1E1E1; padding: 4px; background: #fafafa }
DIV.videotag DIV.thumb { float: left; width: 240px; height: 180px }
DIV.videotag DIV.inside { float: left; width: 504px; margin-left: 10px }
DIV.videotag DIV.inside DIV.title { float: left; width: 504px; padding: 4px 0 10px 0 }
DIV.videotag DIV.inside DIV.title A { color: #e505ff; font-weight: bold; font-size: 13px; text-decoration: none; height: 18px; overflow: hidden; display: block }
DIV.videotag DIV.inside DIV.title A:hover { color: #888888 }
DIV.videotag DIV.inside DIV.infos { float: left; width: 500px; margin-top: 6px }
DIV.videotag DIV.inside DIV.infos DIV.views { float: left; width: 160px; padding: 0 4px 0 0; font-size: 13px; color: #888888 }
DIV.videotag DIV.inside DIV.infos ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 10px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('/images/stars.gif') repeat-x; CURSOR: pointer; }
DIV.videotag DIV.inside DIV.infos li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
DIV.videotag DIV.inside DIV.infos li.curr { BACKGROUND: url('/images/stars.gif') left 25px; FONT-SIZE: 1px; }
DIV.videotag DIV.inside DIV.infos div.user { LEFT: 15px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; COLOR: #888888; }
DIV.videotag DIV.inside DIV.desc { float: left; width: 480px; padding: 6px 0 10px 0; font-size: 11px; color: #333333; line-height: 18px }

/*PAGE VIDEO*/

DIV.pagemidvid { width: 666px; float: left }
DIV.pagemidvid DIV { float: left }
DIV.pagemidvid DIV.player { float: left; padding: 12px; border: 1px solid #E1E1E1; margin-top: 2px; background: #fafafa }
DIV.pagemidvid DIV.titlevideo { background: url('/images/title-bg.jpg') repeat-x; width: 651px; height: 24px; color: #FFFFFF; font-weight: bold; font-size: 13px; padding: 6px 0 0 15px }
DIV.pagemidvid DIV.descvideo { clear: both; width: 644px; color: #333333; font-size: 13px; padding: 10px; border: 1px solid #E1E1E1; margin-top: 10px; text-align: justify; background: #fafafa }
DIV.pagemidvid DIV.commentwrite { clear: both; width: 644px; padding: 10px; border: 1px solid #E1E1E1; margin: 10px 0 0 0; background: #fafafa }
DIV.pagemidvid DIV.commentwrite DIV { float: left }
DIV.pagemidvid DIV.commentwrite DIV.commentlink { padding: 6px 0 0 12px }
DIV.pagemidvid DIV.commentwrite DIV.commentlink A { color: #333333; font-size: 23px; text-decoration: none }
DIV.pagemidvid DIV.commentwrite DIV.commentlink A:hover { text-decoration: underline }
DIV.pagemidvid DIV.commentwrite DIV.commentedit { padding: 12px 0 0 12px; display: none; visibility: hidden; line-height: 25px; color: #333333 }
DIV.pagemidvid DIV.commentwrite DIV.commentedit INPUT { width: 250px }
DIV.pagemidvid DIV.commentwrite DIV.commentedit TEXTAREA { width: 550px; height: 50px; font-size: 12px }
DIV.pagemidvid DIV.comment { clear: both; width: 644px; padding: 4px 12px 2px 12px; margin-top: 10px; background: #fafafa }
DIV.pagemidvid DIV.comment DIV { float: left }
DIV.pagemidvid DIV.comment DIV.commentlogo { width: 40px; height: 40px }
DIV.pagemidvid DIV.comment DIV.commentinfo { color: #333333; font-size: 18px; text-decoration: none; padding: 10px 0 8px 10px; width: 594px }
DIV.pagemidvid DIV.comment DIV.commenttext { color: #333333; clear: both; font-size: 12px; padding: 4px 0 4px 8px; width: 636px }

DIV.sidebar2 { width: 316px; float: left }
DIV.sidebar2 DIV { float: left }
DIV.sidebar2 DIV.banpub { margin: 0 0 0 10px; width: 304px }
DIV.sidebar2 DIV.banpub IMG { border: 0 }
DIV.sidebar2 DIV.infos { width: 304px; float: left; margin: 10px 0 10px 10px }
DIV.sidebar2 DIV.infos DIV { float: left }
DIV.sidebar2 DIV.infos DIV.title { background: url('/images/title-bg.jpg') repeat-x; width: 272px; height: 24px; color: #FFFFFF; font-weight: bold; font-size: 13px; padding: 6px 0 0 30px }
DIV.sidebar2 DIV.infos DIV.list { width: 280px; padding: 4px 10px 10px 10px; line-height: 20px; border: 1px solid #E1E1E1; margin-top: 2px; background: #fafafa }
DIV.sidebar2 DIV.infos DIV.list DIV { width: 274px; padding: 4px; font-size: 12px; color: #333333 }
DIV.sidebar2 DIV.infos DIV.list DIV A { font-size: 12px; color: #888888 }
DIV.sidebar2 DIV.infos DIV.list DIV A.linkdl { font-size: 12px; color: #ff8a00; font-weight: bold }

DIV.sidebar2 DIV.infos ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 10px; TOP: 2px; POSITION: relative; FLOAT: left; BACKGROUND: url('/images/stars.gif') repeat-x; CURSOR: pointer; }
DIV.sidebar2 DIV.infos li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; COLOR: #CCCCCC }
DIV.sidebar2 DIV.infos li.curr { BACKGROUND: url('/images/stars.gif') left 25px; FONT-SIZE: 1px; COLOR: #CCCCCC }
DIV.sidebar2 DIV.infos div.user { LEFT: 20px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; COLOR: #CCCCCC }

DIV.videomore { width: 100%; overflow: hidden; padding-top: 1px; margin-bottom: 10px }
DIV.videomore DIV.titlemore { background: url('/images/title-bg.jpg') repeat-x; width: 100%; height: 24px; color: #FFFFFF; font-weight: bold; font-size: 13px; padding: 6px 0 0 15px }
DIV.videomore DIV.videomoreinside { float: left; border: 1px solid #E1E1E1; margin-top: 2px; background: #fafafa }
DIV.videomore DIV.videomoreinside DIV.video { float: left; width: 240px; margin: 1px 2px 2px 1px; padding: 2px; border: 0 }

/*CSS Badoo style pagination*/

div.pagination {	background-color:#fafafa; color:#333333; padding:20px 0 15px 0; font-size: 16px; text-align:center; border: 1px solid #666666; width: 764px; float: left; margin-bottom: 10px }
div.pagination a { color:#333333; padding:2px 5px; margin:0 2px; text-decoration:none; border:2px solid #f0f0f0 }
div.pagination a:hover, div.pagination a:active { border:2px solid #d802db; color:#d802db }
div.pagination span.current { padding:2px 5px; border:2px solid #d802db; color:#ffffff; font-weight:bold; background-color:#e505ff }
div.pagination span.disabled { display:none }
div.pagination span.titre { padding-right: 10px; font-weight: bold }