/*CSS by anou//072008*/

* { margin: 0; padding: 0; border: 0 none; }
html {  }
body { font: normal 14px 'Arial', sans-serif; color: #4c4c4c; background: #fff url(gfx/bg-body2.png) repeat-y left top; }
#container { position:relative; padding: 0 0 0 79px;}

a { color:#b2b2b2 ; text-decoration: none; }
a:hover {color: #e7511e; text-decoration: none; }

.access {display: none;}
.clear { clear: both;  visibility: hidden; width:1px; height:1px; line-height:1px;display:block; margin:0 !important; margin:-7px 0;}

.right {float: right;}
.left {float: left;}

p { width: 825px; height: auto; padding: 0 0 7px 5px; }

/* TOP *********************************************/
 #all_top { position:relative; background: transparent url(gfx/bg-all_top.png) no-repeat 189px top; }
/** Logo **/
#logo { position: relative; background: transparent url(gfx/bg-logo.png) no-repeat -79px top; width: 268px; height: 101px; }
#logo a { display: block; width: 180px; height: 60px; position: absolute; top: 35px; left: 0; }
/** Nav **/
#top-menu { position: absolute; left:189px; top:70px; list-style: none; height: 31px;}
#top-menu li { float: left; }
#arrondi-menu {  background: transparent url(gfx/arrondi-menu.png) no-repeat left top; width: 19px; height:31px; }

#top-menu li a { display:block; height:31px; }
#top-menu li a#home { background: transparent url(gfx/bt-accueil.png) no-repeat left top; width: 88px; }
#top-menu li a#home:hover, #top-menu li a#home.active { background: transparent url(gfx/bt-accueil.png) no-repeat left -37px; width: 88px; }

#top-menu li a#programmestv { background: transparent url(gfx/bt-progammes.png) no-repeat left top; width: 132px; }
#top-menu li a#programmestv:hover, #top-menu li a#programmestv.active { background: transparent url(gfx/bt-progammes.png) no-repeat left -37px; width: 132px; }

#top-menu li a#marques { background: transparent url(gfx/bt-marques.png) no-repeat left top; width: 174px; }
#top-menu li a#marques:hover, #top-menu li a#marques.active { background: transparent url(gfx/bt-marques.png) no-repeat left -37px; width: 174px; }

#top-menu li a#kabo { background: transparent url(gfx/bt-qui.png) no-repeat left top; width: 166px; }
#top-menu li a#kabo:hover, #top-menu li a#kabo.active { background: transparent url(gfx/bt-qui.png) no-repeat left -37px; width: 166px; }

#top-menu li a#contact { background: transparent url(gfx/bt-contact.png) no-repeat left top; width: 91px; }
#top-menu li a#contact:hover, #top-menu li a#contact.active { background: transparent url(gfx/bt-contact.png) no-repeat left -37px; width: 91px; }


/* CONTENT *********************************************/
#top-arrondi {  position: relative; background: #fff url(gfx/arrondi-content-top.png) no-repeat right top; width: 859px; height:10px; }

#content { position: relative;  background: #fff url(gfx/bg-content.png) repeat-y right top; width: 859px; clear: both; padding-top: 4px;}

#btm-arrondi {  position: relative; background: transparent url(gfx/arrondi-content-btm.png) no-repeat -79px top; width: 860px; height:21px; }

/** Home **/
.home div { float: left; height: auto;}

.home div#left { width: 189px; }
.home div#left h1 { background: transparent url(gfx/titre-derniersajouts.png) no-repeat left top; width: 189px; height:30px;}
.home div#left ul#last { list-style: none; width: 185px; padding: 5px 0 0 4px; }
.home div#left ul#last li { padding: 0 0 7px 0; }
/* modif de cyx escuzé moi missié le chef du css*/
.home div#left ul#last li h2, .listing li h2 {font-size: 14px; font-weight: bold; text-transform: uppercase; color: #e7511e; padding-bottom: 5px }
/* voila c'est tout */
.home div#left ul#last li span, .listing li span { font-size: 10px; line-height: 1em; color: #808080; display: block; width:180px; text-align: right; }
.home div#left ul#last li span img, .listing li span img { vertical-align: middle; }

.home div#prez-prog { width: 311px; padding: 0 0 0 16px; height: auto;}
.home div#prez-prog h1 {  background: transparent url(gfx/titre-progtv.png) no-repeat -15px top; width: 100%; height:38px; }

.home div#prez-marque { width: 324px;  padding: 0 0 0 4px;}
.home div#prez-marque h1 {  background: transparent url(gfx/titre-contmarques.png) no-repeat -2px top; width: 100%; height:38px; }

.home .homebtm { width: 620px; height: auto; padding: 15px 0 0 16px; }
.home #player1 { position: relative; z-index:0; }
.home #player2 { position: relative; z-index:0; }

/** Listing **/
.listing { list-style:none; padding:7px 0 0 5px;}
.listing li { float: left; width:180px; height:188px; margin-right: 33px; }
 
.programmestv h1#titlepage  {  background: transparent url(gfx/titre-progtv.png) no-repeat -13px top; width: 100%; height:38px; }
.marques h1#titlepage  {  background: transparent url(gfx/titre-contmarques.png) no-repeat left top; width: 100%; height:38px; }

#noon{ clear: both; width: 100%}
#noon *{ float: left;}
#noon .txt{display:block;font-size:13px; width: 595px; margin:0 auto; padding:10px 10px;text-align:center}

/** qui sommes-nous (kabo) **/
.kabo h1#titlepage  {  background: transparent url(gfx/titre-kabo.png) no-repeat left top; width: 100%; height:38px; }
.p1, .p2 { width: 407px; }
.p1 { padding:0 12px 10px 0;}
.p2 { padding:0 0 10px 0;	}

.reference h1#titlepage2  {  background: transparent url(gfx/titre-kabo2.png) no-repeat left top; width: 100%; height:38px; }
.reference { position: relative;  background: #fff url(gfx/bg-content.png) repeat-y right top; width: 859px; clear: both;}
#top-arrondi-ref {  position: relative; background: #fff url(gfx/bg-top-reference.png) no-repeat -1px top; width: 859px; height:18px; }

.red{ color: #e7511e;}

/** contact **/
.contact h1#titlepage  {  background: transparent url(gfx/titre-contact.png) no-repeat left top; width: 100%; height:30px; }
.contact h1#titlepage2  {  background: transparent url(gfx/titre-tv.png) no-repeat left top; width: 100%; height:30px; }
.contact h1#titlepage3  {  background: transparent url(gfx/titre-contenu.png) no-repeat left top; width: 100%; height:30px; }
.contact h1#titlepage4  {  background: transparent url(gfx/titre-kaboprod.png) no-repeat left top; width: 100%; height:30px; }

/* FOOTER *********************************************/
#footer { text-align: right; color: #b2b2b2; font-size: 9px; width: 823px;}

/** VIDEO **/
.listvideos {position: absolute; bottom:12px; right:40px; list-style: none; background: #fff;	z-index:4; 	width:300px;}
.listvideos li a, .listvideos li a.inactive{font-size:12px; color: #b2b2b2;}
.listvideos li a:hover, .listvideos li a.active, .listvideos li a.onestep{font-size:12px; color:#e7511e;}

#flashcontent{padding:0 0 0 7px;}
body.iframebody { background-color: #fff; background-image: none; overflow: hidden;}

/*SLIDESHOW*/
#box1{
	position:absolute;
}


.mask{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
	border:1px solid red
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}


/*TEST*/
#barre_navigation {
width : 200px;
padding: 0 ;
margin : 0;
float : left ;
}
#barre_navigation h4{
padding: 4px 10px ;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
color: #000;
background: #F3F3F3;
cursor: pointer;
margin : 0 0 1px 0 ;
}
#barre_navigation a{
text-decoration : none;
}
#barre_navigation ul{
padding: 4px 2px 4px 10px;;
font-size: 11px;
color: #000;
}
#barre_navigation ul li{
list-style-type : none;
padding : 2px 0 2px 0;
margin : 0;
}
#barre_navigation ul li a {
text-decoration: none;
color: #000;
}
#barre_navigation ul li a:hover {
text-decoration: none;
color: #00F;
background-color: #FF3366;
}
#contenu {
background-color: white;
}
#contenu img{
padding : 1px ;
border : 1px solid #FF3366;
margin: 0px 10px 0px 10px;
}

.multiBoxDesc{height:0} 

.offline {border:2px solid #999;padding:25px 15px; text-align:center;font-weight:bold;color:#4c4c4c;font-size:18px;width:450px;margin:50px 0 20px 150px}
.offline-contact {padding:25px 15px; text-align:center;font-weight:bold;color:#4c4c4c;font-size:12px;width:450px;margin:10px 0 50px 150px}