/* Mise forme générale */
html, body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 110%;
text-align: center;
color: white;
background: url("../images/background.jpg") #d90089 repeat-x 0 0;
margin: 0;
padding: 0;
}
/* Conteneur de la Page */
#container {
width: 990px;
/* top right bottom left */
margin: 0 auto 10px auto;
text-align: center;
}
/* Catcher big */
#catcher_big {
width: 990px;
height: 140px;
text-align: center;
background: url("../images/catcher-background.gif") #210004 no-repeat center center;
clear: both;
}
#catcher_big .thumb {
float: left;
margin: 10px;
}
/* Hack IE 6 */
* html #catcher_big .thumb {
margin: 8px;
}
#catcher_big form {
width: 630px;
height: 79px;
font-size: 13pt;
float: left;
margin-top: 61px;
padding: 0;
}
#catcher_big p {
width: 500px;
height: 79px;
line-height: 40px;
margin: 0 auto;
background: url("../images/input-background.gif") transparent no-repeat 0 0;
}
#catcher_big .c_b_input {
width: 297px;
height: 24px;
font-size: 14pt;
text-align: center;
border: none;
float: left;
/* top right bottom left */
margin: 11px 10px 0 10px;
background-color: transparent;
}
#catcher_big .c_b_submit {
width: 179px;
height: 34px;
background: url("../images/submit-background.jpg") transparent no-repeat 0 0;
border: none;
/* top right bottom left */
margin: 9px 0 0 0;
float: left;
cursor: pointer;
}
/* Fake Player */
#fake_player {
width: 600px;
height: 480px;
/* top right bottom left */
margin: 10px 0 10px 0;
float: left;
}
/* Titre Fake Player */
#fake_player h1 {
width: 600px;
height: 30px;
line-height: 30px;
background: url("../images/fake_player-h1.jpg") transparent no-repeat 0 0;
font-size: 13pt;
font-weight: normal;
/* top right bottom left */
margin: 0 0 5px 0;
padding: 0;
}
/* Lien Fake Player */
#fake_player .fp {
width: 600px;
height: 400px;
display: block;
margin-bottom: 5px;
}
.fp:hover {
background: url("../images/fake_player_player.png") transparent no-repeat 11px 370px;
}
#fake_player .start {
/* top right bottom left */
margin: 175px auto 0 auto;
}
/* Top Vidéos */
#topvid {
width: 380px;
height: 480px;
text-align: left;
/* top right bottom left */
margin: 10px 0 10px 10px;
float: left;
}
/* Titre Top Vidéos */
#topvid h1 {
width: 380px;
height: 30px;
line-height: 30px;
background: url("../images/topvid_h1.jpg") transparent no-repeat 0 0;
font-size: 14pt;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color: #f4cc00;
text-shadow: 1px 1px 0 black;
/* top right bottom left */
margin: 0 0 5px 0;
padding: 0;
}
/* Liens Top Vidéos */
#topvid dl, dl {
width: 380px;
height: 443px;
text-align: left;
margin: 0;
color: white;
background: url("../images/topvid_background.jpg") #210004 repeat-y 0 0;
border-top: 1px solid white;
border-bottom: 1px solid white;
float: left;
}
#topvid dd, dd {
height: 23px;
line-height: 23px;
font-size: 14pt;
/* top right bottom left */
margin: 0 0 0 10px;
text-indent: 15px;
background: url("../images/topvid_fleche.jpg") transparent no-repeat 0 center;
}
/* Nouvelles Vidéos */
#newvid {
width: 990px;
clear: both;
}
/* Titre Nouvelles Vidéos */
#newvid h1 {
width: 990px;
height: 30px;
line-height: 30px;
background: url("../images/newvid_h1.jpg") transparent no-repeat 0 0;
font-size: 14pt;
font-weight: bold;
text-transform: uppercase;
color: #f4cc00;
text-shadow: 1px 1px 0 black;
/* top right bottom left */
margin: 0 0 5px 0;
padding: 0;
clear: both;
}
/* Conteneur des Nouvelles Vidéos */
#newvid .nv {
width: 188px;
height: 220px;
font-size: 10pt;
font-weight: bold;
color: black;
background-color: white;
/* top right bottom left */
margin: 0 5px 5px 5px;
float: left;
}
/* Hack IE 6 */
* html #newvid .nv {
/* top right bottom left */
margin: 0 4px 5px 4px;
}
#newvid .nv img {
margin: 10px auto 0 auto;
border: 1px solid black;
clear: both !important;
}
#newvid .nv .infos {
width: 178px;
line-height: 20px;
text-align: left;
font-size: 9pt;
font-weight: normal;
margin: 5px auto 0 auto;
padding-top: 2px;
border-top: 1px solid silver;
}
.infos img {
border: none !important;
margin: 0 !important;
}
#newvid .nv .infos div {
width: 100px;
height: 40px;
text-align: right;
float: right;
}
.nv a:link, .nv a:visited {
text-decoration: none;
color: black;
background-color: transparent;
outline: none;
display: block;
/* top right bottom left */
margin: 0 4px 0 4px;
}
.nv a:active, .nv a:hover {
text-decoration: none;
color: #720040;
background-color: transparent;
outline: none;
}
/* Bloc 3 images bas */
#center_thumbs {
width: 210px;
height: 443px;
text-align: center;
margin: 0 10px;
float: left;
}
#center_thumbs img {
/* top right bottom left */
margin: 0 auto 2px auto;
border: 1px solid black;
}
/* Footer */
#footer {
width: 990px;
font-size: 8pt;
/* top right bottom left */
padding: 5px 0 0 0;
clear: both;
}
.compteur {
width: 100px;
height: 81px;
margin: 5px auto;
}
/* Liens */
a:link, a:visited {
text-decoration: underline;
color: white;
background-color: transparent;
outline: none;
}
a:active, a:hover {
text-decoration: underline;
color: #f4cc00;
background-color: transparent;
outline: none;
}
img {
border: none;
}
iframe {
margin: 10px auto;
background-color: transparent;
}
object {
cursor: pointer;
outline: none;
}
.right {
float: right;
}
.end {
clear: both;
}