*{padding:0 0 0 0; margin:0 0 0 0}
body{margin:0 0 0 0; font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#ffffff url(../gif/background_left.gif) repeat-y}
h1, h2, h3{padding:5px 0;}
a,a:link,a:visited{text-decoration:none; color:#000000}
a:hover{text-decoration:underline; color:#000000}
a img{border:none}
img{margin:1em;}
ul, ul li{list-style:none;}
.clear{clear:both;}

#main h1	{margin:0 30px 20px 30px; font:normal 20px/22px verdana;}
.home #main h2	{margin:0 30px 20px 30px; font:normal 20px/22px verdana;}
.home #main h2 a	{}
#main h2	{font:normal 18px/20px arial;}
#main h3	{font:normal 16px/18px arial;}
#main ul li	{background:url(../gif/puce_hkvideo.gif) 0 0 no-repeat; padding:0 0 5px 15px;}

.hiddenStructure {display:block;
background:transparent; background-image:none; /* safari bug */
border:none;width:1px;height:1px;overflow:hidden;
padding:0 0 0 0; margin:-1px 0 0 -1px;}

.cadreArrondi {background:transparent; width:80%; margin:0 auto 1em auto;}

.cadreArrondi h1, 
.inset p {margin:0 10px;}
#main .cadreArrondi h1 {font-size:2em;  letter-spacing:1px; margin-bottom:5px;}
.home #main .cadreArrondi h2 {font-size:2em;  letter-spacing:1px; margin-bottom:5px;}
.cadreArrondi p {padding-bottom:0.5em;}

.cadreArrondi .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.cadreArrondi .b1, .cadreArrondi .b2, .cadreArrondi .b3, .cadreArrondi .b4, .cadreArrondi .b1b, .cadreArrondi .b2b, .cadreArrondi .b3b, .cadreArrondi .b4b {display:block; overflow:hidden;}
.cadreArrondi .b1, .cadreArrondi .b2, .cadreArrondi .b3, .cadreArrondi .b1b, .cadreArrondi .b2b, .cadreArrondi .b3b {height:1px;}
.cadreArrondi .b2 {background:#fafafa; border-left:1px solid #F9E52D; border-right:1px solid #F9E52D;}
.cadreArrondi .b3 {background:#fafafa; border-left:1px solid #F9E52D; border-right:1px solid #F9E52D;}
.cadreArrondi .b4 {background:#fafafa; border-left:1px solid #F9E52D; border-right:1px solid #F9E52D;}
.cadreArrondi .b4b {background:#fafafa; border-left:1px solid #F9E52D; border-right:1px solid #F9E52D;}
.cadreArrondi .b3b {background:#fafafa; border-left:1px solid #F9E52D; border-right:1px solid #F9E52D;}
.cadreArrondi .b2b {background:#fafafa; border-left:1px solid #F9E52D; border-right:1px solid #F9E52D;}

.cadreArrondi .b1 {margin:0 5px; background:#F9E52D;}
.cadreArrondi .b2, .cadreArrondi .b2b {margin:0 3px; border-width:0 2px;}
.cadreArrondi .b3, .cadreArrondi .b3b {margin:0 2px;}
.cadreArrondi .b4, .cadreArrondi .b4b {height:2px; margin:0 1px;}
.cadreArrondi .b1b {margin:0 5px; background:#F9E52D;}

.cadreArrondi .boxcontent {display:block; overflow:auto; padding:1px; background:#fff; border-left:1px solid #F9E52D; border-right:1px solid #F9E52D;}
.cadreArrondi p{padding:0 1em 1em 1em}


#header{position:relative; width:100%; height:156px; margin:0 0 10px 0; background:url(../gif/background_header.gif) repeat-x;}
#header img{margin:0;}
#header ul#navigation {position:absolute;left:110px; top:120px}
#header ul#navigation li {float:left; padding:0 10px;}
#header ul#navigation li.active {background:#0000; color:purple}
#header ul#navigation li a.active {background:#0000; color:purple}
#header ul#navigation li a{text-transform:uppercase}


#main {width: 100%; float: right; margin-left: -106px;}
#main_int {margin-left: 106px; margin-right:20px}
#main_int .cadreArrondi{background:transparent; width:90%; margin:0 auto 1em auto;}
#main_int .cadreArrondi h1{font-size:12px}
.home #main_int .cadreArrondi h2{font-size:12px}
#main_int .cadreArrondi ul{margin-left:20px}

#left {width: 106px; float: left;}
#left h2{font-size:12px}
#left .cadreArrondi {margin:20px 5px 20px 5px;}
#left .cadreArrondi ul{margin:0 0 0 0}
#left .cadreArrondi img{width:80px; margin:0 auto}
#left .cadreArrondi div{width:80px; margin:0 auto 5px}

/*home - derniere critiques*/
#main .last_critique li		{padding:0 0 0 5px;background:none;}
.last_critique .illustration	{float:left;margin:-15px 0 0 0; padding:0;}
#main .last_critique li h3	{margin:0 0 2px 0; padding:0 0 2px 0; font-size:14px; font-weight:bold;}
#main .last_critique li h3 a	{border-bottom:1px solid  #f6e314;}
#main .last_critique li p	{margin:0;padding:0 5px 0 0;}

/*home - random*/
#main #random{clear:both;}
#main #random h1{margin-bottom:20px}
#main #random h2{font-size:12px}
#main #random h3{font-size:12px;}
#main #random h3	{margin:0 0 2px 0; padding:0 0 2px 0; font-size:14px; font-weight:bold;}
#main #random h3 a	{border-bottom:1px solid  #f6e314;}
#main #random ul li{float:left; width:300px; width:auto; height:180px; overflow:hidden; background:none; padding:0;}
#main #random ul li.odd{background:#fff;}
#main #random ul li.even{background:#ededed;}
#main #random ul li img{float:left; width:100px; width:50px;margin:0 8px 0 0}
#main #random ul li div{float:left; width:140px; margin:0 0 10px 0}
#main #random ul li div p{padding:0 5px; margin:0;}
#main #random ul li div p.sortie{padding:5px 0 0 5px;}

#main #random .cadreArrondi .bottom,
#main #random .cadreArrondi .b4b,
#main #random .cadreArrondi .b3b,
#main #random .cadreArrondi .b2b,
#main #random .cadreArrondi .b1b{clear:both}


/* tous les dvd */
ul#alldvds{padding:10px 30px}
ul#alldvds li{float:left; width:400px; height:170px; padding:10px 0; border-bottom:1px solid #f6e314; background:none;}
ul#alldvds li h2{font-size:14px}
ul#alldvds li img{float:left; width:100px; margin:0 10px 0 0}
ul#alldvds li div{float:left; width:250px; margin:0 0 0 0}
h2.letter{clear:left; background:#f6e314; border-bottom:1px solid #000; padding:5px 0 5px 50px; font-weight:normal;}

#main .alpha li{float:left; background-image:none; padding:0; margin:0 0 10px 0;}
#main .alpha li a{display:block; padding:5px 10px; background:#f6e314; border:1px solid #000;}

/*	Planning 	*/
#planning ul{padding:10px 30px}
#planning ul li{padding-bottom:5px}

/*	Fiche DVD	*/
#fiche		{margin:0 auto 5px auto; width:100%;}
#fiche .image	{float:left; width:39%; overflow:hidden;}
#fiche .text	{float:right; width:60%;}
#fiche .cast	{float:left; width:39%;}
#fiche .resum	{float:right; width:55%; margin-left:5%;}
#fiche h1	{padding:30px 0 0 0; margin:0;}
#fiche h2	{background-color: #f6e314; border-bottom:1px solid #000; padding:5px 0 5px 50px; margin-bottom:10px; font-weight:normal;}
#fiche .text h2	{background:none; border-bottom:none; padding:0; margin-bottom:10px; font-weight:normal;}
#fiche .caracteristiques h2	{background:none; border-bottom:none; padding:5px 0 5px 10px; margin-bottom:10px; font-weight:normal;}
#fiche .caracteristiques h3	{background:f6e314; border-bottom:none; padding:5px 0 5px 10px; margin-bottom:10px; font-weight:normal;}
#fiche p	{padding-bottom:5px}
#fiche ul	{padding:10px;}
#fiche ul li	{padding-bottom:5px}
#fiche .illustration	{margin-bottom:10px; text-align:center;}

.caracteristiques	{margin:10px 30px; padding:10px 30px;}
#fiche h3	{background-color: #f6e314; border-bottom:1px solid #000; padding:5px 0 5px 50px; font-weight:normal;}
#fiche .resum h3	{margin-bottom:10px;}
#fiche .resum p		{margin-bottom:10px; text-indent:10px;}
#fiche .resum p.auteur	{text-align:right;}
.caracteristiques p{padding-bottom:5px}
.caracteristiques ul{padding:10px;}
.caracteristiques ul li{padding-bottom:5px}

#fiche  .caracteristiques .detail h4		{padding:5px;border:1px solid #f6e314;  border-left:none; border-right:none; font-size:14px;}
#fiche  .caracteristiques .detail ul li		{}
#fiche  .caracteristiques .detail ul li ul		{}
#fiche  .caracteristiques .detail ul li ul li	{}

.standfirst		{margin:0 20px 20px 20px; padding:10px; border:1px solid #f6e314; border-top-width:2px; border-left-width:2px;}
.standfirst p		{padding:0 0 5px 0; font:14px/17px arial;}



.critique .standfirst{margin-left:320px;}
.article{clear:both;}

/*recherche*/
.search			{margin:0 10px 20px 10px;}
.search fieldset		{border:none;}
.search .input		{margin:0 0 10px 0;}
.search .submit input	{margin:0 0 0 100px; padding:3px; background:#f6e314; border:1px solid #000; border-top:none; border-left:none; cursor:pointer; }

#header 			{position:relative;}
#header .item_search		{position:absolute; top:90px; right:0;}
#header .search			{margin:0;}
#header .search .input		{float:left; margin:0; }
#header .search .input label	{display:none;}
#header .search .submit		{float:left; margin:0;}
#header .search .submit input	{margin:0;padding:0px 3px;}

#main .result_search h2	{background: #f6e314; border-bottom:1px solid #000; padding:5px 0 5px 10px; margin-bottom:10px; font-weight:normal;}
#main .result_search h3	{background:none; border-bottom:1px solid #f6e314; padding:5px 0 5px 10px; margin-bottom:10px; font-weight:normal;}
#main .result_search ul	{margin:0 0 10px 30px;}

#footer{clear:both; position:relative; width:100%; border-top:5px solid #000; background:#f6e314;}
#footer p{padding:10px}
#footer ul li{float:right; padding:10px}