body {
  margin:0px;
  padding:0px;
  font-family:Arial;
  font-size:12px;
}

h1 {
  margin:0px;
  padding:0px;

}

span.hidden {
  display:none; 
}


/*****************
 * CADRE
 *****************/


#cadre {
  width : 984px;
  height : 100%;
  background-color : #fffbce;
  margin : auto;
  border : 1px solid #ffde00;
}
/*
#cadre div.top{
  height : 38px;
  width : 930px;
}
*/
#cadre #jeux-concours{
  font-size : 22px;
  font-weight : bold;
  color : #ffb400;
  padding:5px 0px 5px 35px;
}

#main {
  margin:auto;
  padding-bottom:30px;
  width:912px;
  height:664px;
  background:url(../images/bg_commun.jpg) #fffbce no-repeat;
}


#main #titre {
  position:absolute;
  margin:0px 0px;
}
#titre span {
  display:none;
}
/**********************
 * BLOC LOGIN
 **********************/
#main #bloc-login {
  z-index:10000;
  position:absolute;
  margin:5px 690px;
  width:230px;
  height:60px;
  font-size:10px;
  color:#f98b02;
}
#bloc-login .pseudo {
  margin:20px 0px 20px 0px;
  width:100%;
  text-align:center;
  font-size:14px;
  font-weight:bold;
}
#bloc-login .deconnexion {
  padding:0px 10px 0px 0px;
  float:right;
}
#bloc-login a {
  color:white;
}
#bloc-login a:hover {
  text-decoration:none;
}

#bloc-login fieldset {
  border:0px;
}
#bloc-login legend {
  margin:0px;
  padding:0px;
  color:white;
}
* html #bloc-login legend {
  margin-left:-6px;
}
#bloc-login label {
  width:80px;
  display:block;
  height:13px;
  line-height:13px;
  float:left;
  margin-left:2px;
}
#bloc-login input.champs {
  width:75px;
  height:13px;
  font-size:10px;
  border-top:1px solid #796858;
  border-right:1px solid white;
  border-bottom:1px solid white;
  border-left:1px solid #796858;
  float:left;
  margin-left:2px;
}
#bloc-login input.checkbox {
  width:13px;
  height:13px;
  border-top:1px solid #796858;
  border-right:1px solid white;
  border-bottom:1px solid white;
  border-left:1px solid #796858;
  margin-left:2px;
}

#bloc-login input.submit {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 2px;
  width:25px;
  height:16px;
  font-size:10px;
  border:0px;
  float:left;
  background:#dc861b;
  color:white;
  font-size:10px;
}

#bloc-login ul {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#bloc-login li {
  margin:0px 10px 0px 10px;
  list-style: inside;
  list-style-type: none;
}
* html #bloc-login li {
  margin:0px 10px 0px 2px;
}
/*******************
 *
 *******************/
#main #bloc-video {
  position:absolute;
  margin:188px 75px;
  width:320px;
  height:432px;
  background:url(../images/bg_video.jpg) #fff;
}

#bloc-video #video{ 
  position:absolute;
  margin:14px 0px;
  width:320px;
  height:240px;
}

#bloc-video #descriptif { 
  position:absolute;
  margin:277px 0px;
  width:320px;
  height:155px;
}

#descriptif p {
  line-height:17px;
  font-weight:bold;
  font-size:11px;
  padding:5px;
  margin:0px;
}
/*******************
 * MENU VIDEO
 *******************/
#main #menu-video {
  position:absolute;
  margin:243px 43px;
  width:422px;
  height:95px;
  overflow:hidden;
}

* html #main #menu-video {
  height:98px;
}



#menu-video ul {
  padding:0px 0px 0px 0px;
  margin :0px 0px 0px 0px;
}

#menu-video  li{
  margin :0px 10px 0px 0px;
  float: left;
  list-style: inside;
  list-style-type: none;
  border:1px solid #c9a56d;
  width:91px;
  height:91px;
}

#menu-video  li.active{
  border-bottom:3px solid #ffcf49;
}

#menu-video  li img{
  width:91px;
  height:68px;
  border:0px;
}
#menu-video  div.vignette a{
  width:91px;
  height:68px;
  display:block;
}
#menu-video  div.vignette a:hover {
  /*
  background:white;
  opacity:0.2;  
  */
  background:url(../images/alpha_white.png);
}
* html #menu-video  div.vignette a:hover  {
  cursor:pointer;
  background:transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="skins/images/alpha_white.png", sizingMethod="scale");
}

#menu-video  div.info{
  color:white;
  font-size:9px;
  font-weight:bold;
  width:91px;
  height:22px;
  overflow:hidden;
  border-top:1px solid #c9a56d;
  background:url(../images/bg_info.jpg) ;
}
#menu-video div.info div.title,
#menu-video  div.info div.nb-vote {
  width:100px;
  height:11px;
  padding:0px 0px 0px 0px;
  line-height:11px;
  overflow:hidden;
}

/****************
 * BLOC VIDEO
 ****************/
#main #bloc-video-player {  
  position:absolute;
  margin:351px 80px;
  width:320px;
  height:280px;
  overflow:hidden;
}
#bloc-video-player ul {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

#bloc-video-player li{
  margin :0px 0px 0px 0px;
  list-style: inside;
  list-style-type: none;
  width:320px;
}
#bloc-video-player li.vote{
  height:20px;
  width:220px;
  line-height:20px;
  padding-left:5px;
  display:inline;
}

#bloc-video-player li.vote-reponse{ 
  padding-left:5px;
  height:20px;
  width:220px;
  line-height:20px;
  display:inline;
  float:left;
}

#bloc-video-player li.voter a{
  margin-top:-14px;
  float: right;
  display:block;
  width:93px;
  height:29px;
  background:url(../images/bt_voter_big.jpg);
}
#bloc-video-player li.voter a:hover {
  background:url(../images/bt_voter_big.jpg);
}


/*******************
 * MENU GENERAL
 *******************/
#main #menu-general {
  position:absolute;
  margin:171px 38px;
  width:411px;
  height:68px;
  background:url(../images/bg_menu_general.jpg);
}

#menu-general ul {
  padding:0px 0px 0px 0px;
  margin :0px 0px 0px 0px;
}
#menu-general li{
  margin :0px 0px 0px 0px;
  float: left;
  list-style: inside;
  list-style-type: none;
}
#menu-general li.home a{
  width:149px;
  height:34px;
  margin:7px 5px;
  display:block;
}
#menu-general li.ba a{
  width:240px;
  height:34px;
  margin:7px 5px;
  display:block;
}

/*********************
 * API VIRAL
 *********************/
#carmen a{
  position:absolute;
  margin:75px 595px;
  width:170px;
  height:130px;
  /*
  background:red;
  opacity:0.5;
  */
}
/****************************
 * MENU HOME VIDEO
 ****************************/

#main #menu-video-home {
  position:absolute;
  margin:243px 43px;
  width:440px;
  height:349px;
  padding:0px;
  overflow:hidden;
}

#menu-video-home ul {
  padding:0px 0px 0px 0px;
  margin :0px 0px 0px 0px;
}
#menu-video-home  li{
  margin :0px 38px 16px 0px;
  float: left;
  list-style: inside;
  list-style-type: none;
  border:1px solid #c9a56d;
}
#menu-video-home  li img{
  width:179px;
  height:133px;
  border:0px;
}

#menu-video-home  div.vignette a{
  width:179px;
  height:133px;
  display:block;
}
#menu-video-home  div.vignette a:hover {
  background:url(../images/alpha_white.png);
}

* html #menu-video-home  div.vignette a:hover  {
  cursor:pointer;
  background:transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="skins/images/alpha_white.png", sizingMethod="scale");
}


#menu-video-home  div.info{
  color:white;
  font-size:9px;
  font-weight:bold;
  width:179px;
  height:24px;
  overflow:hidden;
  border-top:1px solid #c9a56d;
  background:url(../images/bg_info.jpg);
}


#menu-video-home  div.info div.title,
#menu-video-home  div.info div.nb-vote {
  width:100px;
  height:11px;
  padding:0px 0px 0px 5px;
  line-height:11px;
  overflow:hidden;

}
#menu-video-home  div.info div.nb-vote{
  clear:left;
  float:left;
}
#menu-video-home  div.info div.voter a{
  width:67px;
  height:24px;
  margin-top:-11px;
  line-height:24px;
  overflow:hidden;
  float:left;  
  background:url(../images/bt_menu_voter.jpg) no-repeat;
}
#menu-video-home  div.info div.voter a:hover {
  background:url(../images/bt_menu_voter.jpg) no-repeat;
}
/***********************
 * BIG CONTENT
 ***********************/
#main #big-content {
  position:absolute;
  margin:351px 45px;
  width:800px;
  height:280px;
  overflow:auto;
  background:white;
  padding:5px;
}

.reglement{
  font-weight:bold;
  text-align:center;
}

/*************
 * FOOTER
 ************/
#main #footer {
  position:absolute;
  margin:643px 210px;
  width:300px;
  height:20px;
}

#footer a {
  color:black;
}
#footer a:hover {
  text-decoration : none;
}

#footer ul, li{
  padding:0px 0px 0px 0px;
  display: inline;
}
#footer  li{
  margin:0px 10px 0px 0px;
  float: left;
  line-height:20px;
}

#main #bg-alpha{
  z-index:1;
  position:absolute;
  margin:590px 80px;
  background:url(../images/alpha_white_70.png);
  width:320px;
  height:40px;
}
* html #main #bg-alpha  {
  background:transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="skins/images/alpha_white_70.png", sizingMethod="scale");
}

