@charset "utf-8";
/* CSS Document */

body{
        padding:0;
        margin:0;
		background-color:#cccccc;
		color:#933;
}
div, h1, h2, h3, li, form, label, input, textarea, img, span{
        margin:0; padding:0px;
}
p{
        margin:0; padding:0px; color:#003; font-family:Verdana, Geneva, sans-serif; color:#003; font-size:13px
}
p1 { margin:0;
      padding:0px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#003; font-size:13px;
}
p2 { margin:0;
      padding:0px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#003; font-size:13px; color:#FFF;
}
span {font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; color: #010134; text-align:justify;}
.titre1 {font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-align:center; text-shadow:#FF3;}
.titre2 {font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color: #033; text-align:left; text-shadow:#FF3;}

ul{
        margin:0;
        padding:0;
        list-style-type:none;
        font-size:0;
}
.spacer{
        clear:both;
        font-size:0;
        line-height:0;
}
.imageflottante{ float:left;}
#cadrepanel{width:1024px; height:1578px; position:relative; margin:0 auto; padding:0; vertical-align:bottom; background-color:#cccccc; background-image:url(../bosomi_images/logo1.swf);}

/* TOP PANEL */

 #banniere {width:1024px; height:150px; vertical-align:top; background-color:#ff9900;
	 }
/* MENU PANEL*/
#cadrepanel #menu{width:1005px; height:55px; position:relative; top:0; right:px; background-image: url(../bosomi_images/menu.jpg); background-repeat:no-repeat; vertical-align:top; left:9px;}
#menu ul{display:block; width:850px; height:50px; position:absolute; top:0; left:13px; margin:0; padding:0; border-bottom:0; background:no-repeat; }
#menu ul li{float:left; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF;}
#menu ul li a{width:153px; height:48px; display:block; padding:0; color:#FFF; text-decoration:none; text-align:center; line-height:48px; margin:0; top:0px; left:0px; padding:0 1px; }
#menu ul li a:hover{width:150px; height:48px; text-decoration:none; line-height:48px; background: url(../bosomi_images/menu2.jpg) no-repeat 0 0 #AEAEAE; color: #006; padding:0 2px;}
#menu ul li.active{width:164px; display:block; height:48px; background:url(../bosomi_images/menu2.jpg) no-repeat center; color:#006; text-align:center; line-height:48px; margin:0; vertical-align:middle; padding:}



/* LE CORPS DU SITE INTERNET*/
/*  CARROUS  */
#carrousel{width:653px; height:346px; position:absolute; top:208px; left:9px;}
.slide{ position:absolute; top:0; left:0; width:653px; height:346px; }
.navigation1{display:block; float:left; position:absolute; width:653px; height:56px; bottom:0px; left:0px; background-image: url(../carrou/tir.jpg);}
.navigation{
    position:absolute;
    bottom:50px;
    right:5px;
}

.navigation span{
    background:#000;
    color:#FFF;
    padding:2px 4px;
    cursor:pointer;
    margin:0 1px;
}

.navigation span:hover,.navigation span.active{
    background:#FFF;
    color:#000;
}








/* Flash information*/
#scrollup {
	position: absolute;
	overflow: hidden;
	border:0;
	height: 45px;
	width: 630px;
	left:20px;
	top: 5px;
 }
 .headline { font:14px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#FFFFFF;
   position: absolute;
   top: 5px;
   left: 20px;
   height: 45px;
   width:630px;
 }





/**/
#cadrepanel #lift1 {
	width:348px;
	height:185px;
	right:10px;
	position:absolute;
	top:208px;
	background-image:url(../icones/lift1.png);
}
#lift1 #actu{ position: absolute; top:2px; width:346px; height:30px; }
#lift1 #actu1{
	width:339px;
	height:129px;
	position:absolute;
	left:4px;
	top:40px;
}
#lift1 #actu2{width:245px; height:85px; position:absolute; right:5px; top:40px;}
#lift1 #actu3{width:340px; height:40px; position:absolute; right:5px; top:126px;}


#cadrepanel #lift2 {width:348px; height:170px; right:10px; position:absolute; top:559px; background-image:url(../icones/lift2.png);}
#lift2 #actualt1{width:338px; height:148px; position:absolute; left:4px; top:4px;
}

#cadrepanel #lift3 {
	width:348px;
	height:157px;
	right:10px;
	position:absolute;
	top:397px;
	background-image:url(../icones/lift3.png);
}
#lift3 #actual1{
	width:339px;
	height:155px;
	position:absolute;
	left:4px;
	top:2px;
}
#lift3 #actual2{width:245px; height:85px; position:absolute; right:5px; top:4px;}
#lift3 #actual3{width:340px; height:74px; position:absolute; right:5px; top:92px; }
#cadrepanel #lift4 {
	position:absolute;
	left:9px;
	top:1125px;
	width:325px;
	height:116px;
	background-color: #FFFFFF;
}
#cadrepanel #lift5 {
	position:absolute;
	left:9px;
	top:966px;
	width:325px;
	height:153px;
	background-color:#ff9900;
}
#cadrepanel #lift6 {
	position:absolute;
	left:9px;
	top:1254px;
	width:325px;
	height:240px;
	background-color: #FFFFFF;
}
#cadrepanel #lift7 {
	position:absolute;
	width:348px;
	height:223px;
	top:735px;
	right:10px;
	background-color: #FFFFFF; background-image:url(../icones/radio.jpg);
}
#lift7 #radio{width:348px; height:44px; position:absolute; bottom:4px;}
#lift7 #radio1{
	width:268px;
	height:52px;
	position: absolute;
	bottom:55px;
	right:9px;
}
#lift7 #radio2{
	width:200px;
	height:38px;
	position: absolute;
	top:5px;
	right:79px;
}
#lift7 #radio3{
	width:100px;
	height:42px;
	position: absolute;
	top:65px;
	right:5px;
}
/*Actualite mondial*/
#cadrepanel #right1 {width:325px; height:400px; left:9px; position:absolute; top:559px; background-color: #FFFFFF;}
#right1 #nouvels1 { width:325px; height:35px; background-image:url(../icones/icones2.jpg);}
#right1 #nouvmonde1{width:321px; height:190px; left:2px; position:absolute; top:37px;}
#right1 #nouvmonde2{width:321px; height:158px; left:2px; position:absolute; top:237px;}
/* actualite RD Congo*/
#cadrepanel #right2 {width:322px; height:400px; left:339px; position:absolute; top:559px; background-color: #FFFFFF;}
#right2 #nouvels { width:322px; height:35px; background-image:url(../icones/icones1.jpg);}
#right2 #info1{ width:313px; height:150px; position:absolute; top:40px; left:4px;}
#right2 #info2 { width:313px; height:170px; position:absolute; top:220px; left:4px; }
#right2 #info3{width:313px; height:150px; position:absolute; top:40px;}
#cadrepanel #rightcentre1 {position:absolute; left:338px; top:964px; width:676px; height:280px; background-color:#FFFFFF; background-image:url(../bosomi_images/ANNEE.gif); background-repeat:no-repeat; background-position:top;}


#cadrepanel #rightcentre2 {
	position:absolute;
	right:6px;
	top:1254px;
	width:341px;
	height:240px;
	background-color: #FFFFFF;
}
#cadrepanel #rightcentre3 {position:absolute; left:339px; top:1254px; width:330px; height:240px;}
#cadrepanel #rightcentre3 {
	position:absolute;
	left:339px;
	top:1254px;
	width:330px;
	height:240px; background-image:url(../INFO/marche.jpg);
}


/*LE BAS DU SITE*/
#cadrepanel #basdupage {position:absolute ; width:1024px; height:78px; bottom:0px; background-image:url(../bosomi_images/pied.jpg);}
#basdupage #basdup{ position:absolute; width:400px; height:50px; top:15px; left:300px; font:Verdana, Geneva, sans-serif; font-size:12px; color: #003; font-style:inherit; text-align:center; text-shadow:#036;}

/* Player */
#player {
	/* player dimension */
	width:225px;
	height:145px;
	display:block;
	
	/* fixed position to the top right corner */
	position:fixed;
	right:12px;
	top:12px;	
}