/* videogay.eu */

/*reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}
/*end reset*/

html, body {width: 100%;height: 100%;}
body * {margin: 0;padding: 0;border: 0;}

body {
font: 90%/1em Verdana, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
background: #315994 url("../img/body_bg.jpg") top center no-repeat;
text-align: center;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
img {
border: 0;
font-size:0.5em;
color: #ccc;
}
.capitalize {text-transform: capitalize;}
.centerdiv {text-align: center;}
.centerdiv>div {margin: 0 auto;}
.fixeBox {display: inline-block;}
.blocFix {position:relative;}
.right{float:right;}
.left {float:left;}
.clear {clear: both;}
.round {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.justify {text-align: justify;}
.center {text-align: center;}

#hautpage a {
width: auto;
line-height: 70px;
display: block;
vertical-align: middle;
}
#hautpage a {
font-size: 80%;
font-weight: bold;
color: #fff;
text-decoration: none;
}
#hautpage a img {vertical-align:middle;}

#fixeRight {position: fixed;right:0;bottom:50%;z-index:500;}
#fixeTop {position: absolute;right:0;top:0px;z-index:500;}

/*[]*/
#disclaimer {
position: fixed;
top: 30%;
left: 30%;
border: 0;
width: 498px;
height: 296px;
margin: 0;
padding: 0;
z-index: 1600;
background: url("../img/disclaimer_bg.jpg") 0 0 no-repeat;
}
div.disclaimerOpen {position: absolute;bottom: 40px;right: 10px;width: 94px;height: 48px;display: block;}
div.disclaimerClose {position: absolute;bottom: 20px;left: 10px;width: 94px;height: 48px;display: block;}
#overlay {position: absolute;top: 0;left: 0;background-color: #000;-moz-opacity: 0.87;filter: alpha(opacity=87);opacity: 0.87;z-index: 1500;}
.overlay{ min-width: 1000px;width: 100%;height: 7000px;}

.shadow-left {background: url(../img/shadow_header.png) left top no-repeat;}
.shadow-right {
background: url(../img/shadow_header.png) right top no-repeat;
height: 1em;
color: #fff;
font-weight: bolder;
font-size: 1em;
}

/*[]*/
#boxSearch {
position: absolute;
top: 270px;
left: 35%;
width: 400px;
height: auto;
padding: 20px;
background-color: #ededed;
font: 1em Arial, helvetica;
color: #2c2c2c;
border: 1px solid #eee;
z-index: 11;
display: none;
overflow: hidden;
}
#boxSearch p {
margin: 10px 0;
text-align: center;
font-size: 0.8em;
}
#boxSearch a {
position: absolute;
top: 5px;
right: 5px;
}
#boxSearch form {
display: inline;
text-align: left;
font: 1em Arial, helvetica;
}
#boxSearch form span {font-size: 0.8em;}
#boxSearch form label {
color: #940000;
font-weight: bolder;
}
#boxSearch form input[type="text"] {
padding: 2px 0;
height: 20px;
border: 1px solid #aaa;
}
#boxSearch form input[type="radio"] {
padding: 20px;
}
#go {
width: 50px;
height: 27px;
border: 0;
margin: 0 10px;
background: url("../img/bt_go.png") 0 0 no-repeat;
color: #fff;
font: bold 14px tahoma, verdana, arial;
cursor: pointer;
}
#go:hover {background-position: 0 -25px;}


/*[]*/
#body {
position: relative;
margin: 0 auto;
width: 100%;
padding: 0;
min-height: 100%;
text-align: center;
background: transparent url(../img/shadow.png) top center repeat-y;
}

#topPage {
width: 980px;
height: 20px;
line-height: 20px;
margin: 135px auto 0;
padding: 0 40px;
font-size: 1.2em;
font-weight: bold;
color: #eee;
text-align: left;
vertical-align: middle;
letter-spacing: -0.02em;
vertical-align: middle;
background: transparent;
}
#topPage a {
font-size: 70%;
font-weight: bold;
color: #fff;
text-align: left;
text-decoration: none;
}
#topPage img {vertical-align: middle;}

/*header*/
#header {
position: relative;
width: 980px;
height: 150px;
margin: 0 auto;
background: #000 url(../img/film_bg.png) 0 0 repeat-x;
display: block;
clear: both;
}

/*[]*/
#logo {
position: absolute;
top: -5px;
left: 10px;
}
#logo h1 {text-indent: -9999px;}

/*[]*/
#welcome {
float: right;
width: 350px;
height: 90px;
color: #fff;
padding: 30px 10px;
background: transparent url(../img/sprite.png) -200px 0 no-repeat;
text-align: right;
display: block;
line-height: 17px;
}
#pubHeader {
position: relative;
top: 25px;
left: 195px;
width: 400px;
height: 120px;
line-height: 140px;
overflow: hidden;
vertical-align: middle;
}

/*[Menu]*/
#menu {
width: 980px;
height: 40px;
display: block;
margin: 0 auto;
background: #000 url(../img/film_bg.png) left center repeat-x;
}
#menu ul {
padding: 0;
margin: 0;
list-style: none;
}
#menu li {
margin: 0 auto;
padding: 0;
text-align: center;
height: 40px;
float: left;
}
#menu li a {
width: 195px;
height: 30px;
margin-left: 1px;
padding: 10px 0 0 0;
background: transparent url(../img/sprite.png) 0 -263px no-repeat;
font: bold 17px Verdana, Arial, Helvetica;
color: #fff;
text-decoration: none;
text-transform: capitalize;
display: block;
text-shadow: #000 1px 1px 1px;
}
#menu li a:hover, #menu li a.actif {
color: #5a0442;
text-shadow: #fff 1px 1px 1px;
background-position: 0 -303px;
}

/*[]*/
#wrapper {
width: 980px;
height: auto;
margin: 0 auto;
padding: 0px 3px;
background-color: #605fdf;
/*border-color: #95bcc9;*/
border-color: #605fdf;
border-style: solid;
border-width: 0 0 3px 0;
}

/*[]*/
#inner {
float: left;
width: 709px;
min-height: 400px;
padding: 10px;
background: #eee url(../img/inner_bg.jpg) top right repeat;
}

/*[]*/
.pub {
width: auto;
height: auto;
margin: 20px auto;
padding: 10px;
background-color: #605fdf;
text-align: center;
}

/*[]*/
#bandeau {
width: 220px;
height: auto;
float: left;
margin: 0 2px;
padding: 10px;
background: #eee;
}

/*[]*/
div.box {
width: auto;
height: auto;
margin: 0 auto 10px;
padding: 5px;
border: 4px solid #adb2ce;
background: #fff;
}
div.box h2 {
height: 60px;
line-height: 60px;
font: bold 1.22em Arial, helvetica;
color: #2c2c2c;
text-align: left;
vertical-align: middle;
background: url(../img/player_bg.png) 0 0 repeat-x;
text-shadow: #cdc8e8 1px 1px 1px;
}
div.box h2 a {
color: inherit;
text-decoration: none;
}
div.box h3 {
width: 100%;
height: 40px;
line-height: 40px;
vertical-align: middle;
color: #cdc8e8;
background: #000 url("../img/noir_degrader.png") 0 0 repeat-x;
display: block;
font-size: 1em;
}
div.box h4 {
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
background: #000 url("../img/noir_degrader.png") bottom left repeat-x;
vertical-align: middle;
font-size: 0.6em;
color: #cdc8e8;
text-decoration: none;
display: block;
letter-spacing: -1px;
}
div.box p {
text-align: left;
}
div.box ul {
list-style: none;
text-align: left;
overflow: hidden;
background: #000;
}
div.box li {
padding: 2px;
height: 24px;
line-height: 24px;
vertical-align: middle;
border-bottom: 1px dotted #aaa;
clear: right;
}
div.box li img {
float: left;
width: 80px;
height: 40px;
margin-right: 5px;
vertical-align: middle;
}
div.box li a {
width: auto;
padding: 0 0 0 24px;
vertical-align: middle;
text-decoration: none;
display: block;
font-weight: bolder;
font-size: 12px;
text-decoration: none;
color: #b4c8fc;
background: transparent url("../img/puce_li.png") 4px center no-repeat;
}
div.box li a:hover {background-color: #605fdf;color:#fff;}
div.box li a.actif {background-color: #aa0000;color:#fff;}

/*[TAGS]*/
div.tag-cloud {
width: auto;
height: auto;
overflow: hidden;
padding: 0;
text-align: left;
background: #000;
}
div.tag-cloud a {
text-decoration: none; 
margin-right: 5px;
padding: 0 0.2em;
letter-spacing: 0;
color: #efc773;
text-shadow: #f7f3e7 1px 1px 1px;
}
div.tag-cloud a:hover{
background-color: #f75573;
color: #fff;
text-shadow: #rgba(0,0,0,0.6) 1px 1px 1px;
}

/*[]*/
#inner div.thumb {
position: relative;
float: left;
width: 180px;
height: 180px;
margin: 0 10px 0 0;
padding: 0;
background: transparent url("../img/sprite.png") 0 -74px no-repeat;
text-align: center;
}
#inner div.thumb div.new, #inner div.thumb div.best {
position: absolute;
top:0;
right:0;
width: 49px;
height: 49px;
}
#inner div.thumb div.new {background: transparent url("../img/sprite.png") -142px 0 no-repeat;}
#inner div.thumb div.best {background: transparent url("../img/sprite.png") -65px 0 no-repeat;}

#inner div.thumb .play {
position: absolute;
top: 60px;
left: 75px;
width: 34px;
height: 34px;
background: url(../img/sprite.png) 0 0 no-repeat;
}
#inner div.thumb .play:hover {background-position: 0 -34px;}
#inner div.thumb img {
margin: 17px auto;
width: 160px;
height: 115px;
}
#inner div.thumb p {
text-align: center;
color: #fff;
line-height: 1em;
font-size: 0.7em;
overflow: hidden;
}

#play {
margin: 0;
background: #fff;
text-align: left;
}
#play h2 {
width: auto;
padding: 5px;
height: 60px;
line-height: 60px;
font: bold 1.333em Arial, helvetica;
color: #2c2c2c;
text-align: left;
vertical-align: middle;
background: url(../img/player_bg.png) 0 0 repeat-x;
text-shadow: #cdc8e8 1px 1px 1px;
}
#play h2 img {
float: left;
padding: 2px;
vertical-align: middle;
background: #fff;
margin-right: 10px;
border: 1px outset;
width: 70px;
height: 50px;
display: block;
}
#play p {
margin: 10px 0;
font-size: 0.8em;
color: #2c2c2c;
font-weight: normal;
}
#player {float: left;}

#playList {
float: left;
width: 185px;
height: 358px;
margin-left: 1px;
padding: 0;
overflow: auto;
background-color: #fff;
text-align: left;
border: 1px outset #aaa;
}
#playList .img {
position: relative;
width: 160px;
height: 110px;
padding: 0 0 2px 0;
}
#playList .play {
position: absolute;
top: 40px;
left: 65px;
width: 34px;
height: 34px;
background: url(../img/sprite.png) 0 0 no-repeat;
}
#playList .play:hover {background-position: 0 -34px;}
/*[]*/
#telecharger {
margin: 0 auto;
width: 203px;
height: 50px;
display: block;
cursor: pointer;
background: url("../img/sprite.png") -195px -157px no-repeat;
}
#telecharger:hover {background-position: -195px -207px;}

#galerie {
text-align: center;
}
#galerie img {
border: 1px outset;
margin: 10px;
padding: 5px;
background: #fff;
}

/*[nav page]*/
#navPage {
width: 100%;
height: 48px;
margin: 0 auto;
padding: 0;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #4f7777;
border: 0px solid #eee;
vertical-align: middle;
}
#navPage a {text-decoration: none;color: #F91813;}
#navPage img {vertical-align: middle;}
#navPage span {
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 3px;
padding: 0px;
background: #777 url('../img/degrade_vert.png') left center repeat-x;
border: 0;
font-weight: bold;
color: #000;
display: inline-block;
}
#navPage b {padding: 7px;background-color: transparent;color: #2c2c2c;}
#navPage a.num {
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 3px;
padding: 0px;
background: #eee url('../img/degrade_bleu.png') left center repeat-x;
border: 0;
text-decoration: none;
color: #000;
display: inline-block;
}
#navPage .imgVide {margin: 0 4px 0 4px;}
#navPage a:hover.num {background: #ccc url('../img/degrade_rouge.png') left center repeat-x;color: #940000;}
#navPage p {padding: 0;color: #aaa;font-size: 80%;text-align: center;}

/*[]*/
#footer {
position: relative;
width: 980px;
height: 100px;
margin: 0 auto;
display: block;
color: #ddd;
}

/*[COPYRIGHT]*/
#copy {
background: #eee;
margin: 0;
padding: 0;
font-size: 80%;
color: #a0a0a0;
text-align: center;
}
#copy p, #copy a {color: #2c2c2c;}