/* CSS Document Writted By Désiré KOUASSI kodesire@yahoo.fr */

body{
	background-color:#000000;
	margin-top:0px;
	margin-bottom:0px;
}
input{
	font-family:Verdana; font-size:11px; color:#333333;
}
/* ------ MENU  ----------  */

/* CSS Document */
.ddsmoothmenu{
float:left;
font: bold 11px Verdana;
background: #C4C4C4; /*background of menu bar (default state)*/
background-image:url(../img_menu/bckgd.jpg);
height:30px;
width: 100%;

}

.ddsmoothmenu ul{
z-index:100; 
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #999999; /*background of menu items (default state)*/
/*background-image:url(../img_menu/bckgd.jpg);
height:34px;*/
color: white;
padding: 8px 10px;
border-right: 1px solid #CCC;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #666666; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: gray; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 12px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
z-index:99; 
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/* --------------------- FIN MENU --------------------------------------- */


/*  MISE EN PAGE  */
#alaune{
	float:left;
	width:726px;
}

#banniere1{
	float:right;
	margin-top:2px;
	margin-right:2px;
	border:solid 1px #E1E2E3;
	width:728px;
	height:90px;
}

#banniere728x90{
	float:left;
	margin-top:15px;
	margin-left:1px;
	border:solid 1px #E1E2E3;
	width:728px;
	height:90px;
	/*background-color:#FFCC99; */
	text-align:center;
}
#banniere728x90-b{
	float:left;
	margin-top:15px;
	margin-left:1px;
	border:solid 1px #E1E2E3;
	width:728px;
	height:90px;
	text-align:center;
	background-color:#000000;
}

#bas{
	float:left;
	width:1050px;
	height:18px;
	/*margin-top:10px; */
	text-align:center;
	background-image:url(../images/fdfoot.jpg);
	background-repeat:repeat-x;
	font-family:Trebuchet MS; font-size:12px; color:#FFFFFF;
}

#bestof{
	float:left;
	width:715px;
	text-align:justify;
}

.bord{
	border:solid 1px #999999;
}
.bord2{
	border:solid 1px #999999;
	border-bottom:0px;
	border-right:0px;
	border-top:0px;
}
.bord3{
	border:solid 1px #999999;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
}
.bordtab{
	border:solid 1px #E1E2E3;
	border-left:0px;
	border-right:0px;
	border-top:0px;
}
.bordder{
	border:solid 1px #E1E2E3;
	border-left:0px;
	border-right:0px;
	border-bottom:0px
}

#container2{
	float:left;
	width:300px;
	height:262px;
	margin-left:0px;
	margin-right:0px;
}

#contenu{
	float:left;
	width:720px;
	margin-top:5px;
	margin-left:8px;
	text-align:justify;
	font-family:Verdana; font-size:12px;
}


#contenuc{
	float:left;
	width:728px;
	height:708px;
	background-image:url(../images/bckgrdclip.jpg);
	background-repeat:no-repeat;
	margin-top:5px;
	margin-left:0px;
	text-align:justify;
	font-family:Verdana; font-size:12px;
}

#date{
	float:right;
	width:100px;
	font-family:Verdana; font-size:11px; font-weight:bold; color:#000;
}

#derniereminute{
	float:left;
	/*border:solid 1px #E1E2E3;*/
	border-left:0px; border-right:0px; border-top:0px;
	margin-top:10px;
	margin-left:2px;
	width:726px;
	height:35px;
	text-align:left;
}

#line{
	height:15px;
}

#droite{
	float:left;
	width:300px;
	/*margin-left:741px;*/
	margin-right:2px;
	text-align:left;
}

#echangedelien{
	float:left;
	background-image:url(../images/fdechangelien.jpg);
	background-repeat:repeat-x;
	background-color:#FF9528;
	margin-top:15px;
	width:1050px;
	height:240px;
}

#echange{
	float:left;
	border:solid 1px #FFCC00;
	border-bottom:0px;
	border-left:0px;
	border-top:0px;
	margin-top:5px;
	/*padding-bottom:10px;*/
	padding-left:5px;
	text-align:left;
	width:194px;
	/*height:120px;*/
}
#echange2{
	float:left;
	border-bottom:0px;
	border-left:0px;
	border-top:0px;
	margin-top:5px;
	padding-left:5px;
	text-align:left;
	width:194px;
	height:120px;
}

#gauche{
	float:left;
	width:728px;
	margin-left:1px;
	margin-right:18px;
	text-align:justify;
}


#hautdepage{
	float:left;
	width:1050px;
	height:17px;
	background-image:url(../images/fdhautdepage.jpg);
	text-align:right;
	background-repeat:no-repeat;
	
}
#hautdepage2{
	float:left;
	width:1050px;
	height:17px;
	background-image:url(../../images/fdhautdepage.jpg);
	text-align:right;
	background-repeat:no-repeat;
	
}

#int{
	float:left;
	width:1050px;
	margin-top:-3px;
	height:12px;
	text-align:right;
	}
	
#lecteur{
	float:left;
	width:300px;
	height:290px;
	margin-left:0px;
	margin-right:0px;
	margin-top:2px;
}

#mytabsmenu{
	width:1000px;
	margin-top:2px;
	margin-left:2px;
	margin-right:1px;
}
#mysubmenuarea{
	width:1035px;
	margin-left:1px;
}

#logo{
	float:left;
	width:263px;
	height:99px;
	background-image:url(../images/africaboxmusic.jpg);
	margin-left:2px;
	margin-top:-7px;
}
#logo2{
	float:left;
	width:263px;
	height:99px;
	/*background-image:url(images/africaboxmusic.jpg);*/
	margin-left:2px;
	margin-top:-7px;
}


#page{
	width:1050px;
	margin-left:auto;
	margin-right:auto;
}

#proverbe{
	float:left;
	width:1050px;
	height:30px;
	padding-left:2px;
	background-color:#33FF66;
	border: solid 1px #006600; border-right:0px; border-left:0px;
}

#pubdroite{
	float:left;
	width:298px;
	height:250px;
	border:solid 1px #E1E2E3;
	margin-top:10px;
	/* background-color:#FFFFCC; */
}
#pubdroite2{
	float:left;
	width:298px;
	height:300px;
	border:solid 1px #E1E2E3;
	margin-top:10px;
	/* background-color:#FFFFCC; */
}

#reseauxsocial{
	float:left;
	width:1050px;
	text-align:center;
}

#slogan{
	float:left;
	width:1050px;
	height:20px;
	font-family:Arial; font-size:12px; 
}

#souligne{
	float:left;
	width:1048px;
	height:1px;
	margin-left:1px;
	margin-right:1px;
	/*background-color:#FF7215; */
	background-color:#009900;
}


#tiret{
	width:300px;
	height:2px;
	background-color:#FF7215;
}

#titre{
	float:left;
	width:728px;
	height:20px;
	margin-top:10px;
}

#titregauche{
	float:left;
	width:723px;
	height:22px;
	margin-top:10px;
	background-image:url(../images/fdtitre.jpg);
	background-repeat:repeat-x;
	padding-top:5px;
	padding-left:5px
}

#titrecommentaire{
	float:left;
	width:710px;
	height:18px;
	margin-top:10px;
	background-color:#F1F2F3;
	border:solid 1px #999999; border-top:0px; border-left:0px; border-right:0px;
	padding-top:2px;
	padding-left:4px
}

#titredroite{
	float:right;
	width:295px;
	height:22px;
	margin-top:10px;
	background-image:url(../images/fdtitre.jpg);
	background-repeat:repeat-x;
	padding-top:5px;
	padding-left:5px
}

#titreune{
	float:left;
	width:721px;
	line-height:30px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;
	/*background-image:url(../images/fdtitre.jpg);
	background-repeat:repeat-x; */
	background-color:#F1F2F3;
	padding-top:3px;
	padding-left:5px;
	border:solid 1px #999999; border-left:0px; border-right:0px; border-top:0px;
}

#titreclip{
	float:left;
	width:721px;
	height:30px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../images/fdclip.jpg);
	background-repeat:repeat-x; 
	/*background-color:#00FF00;*/
	padding-top:3px;
	padding-left:5px;
	/*border:solid 1px #999999; border-left:0px; border-right:0px; border-top:0px; */
}


/*  POLICES UTILISES  */
.texte10{font-family:Verdana; font-size:10px; color:#333333}
.texte11{font-family:Verdana; font-size:11px; color:#333333}
.texte12{font-family:Verdana; font-size:12px; color:#333333}
.texte13{font-family:Verdana; font-size:13px; color:#333333}
.texteorange10{font-family:Verdana; font-size:10px; color:#FF3F04}
.texteorange11{font-family:Verdana; font-size:11px; color:#FF3F04}
.texteorange12{font-family:Verdana; font-size:11px; color:#FF3F04}
.texteorange13{font-family:Verdana; font-size:13px; color:#FF3F04}
.texteorange15{font-family:Verdana; font-size:15px; color:#FF3F04}
.textenoir12{font-family:Verdana; font-size:12px; color:#000000}
.textevert9{font-family:Verdana; font-size:9; color:#009900}
.textevert10{font-family:Verdana; font-size:10; color:#009900}
.textevert11{font-family:Verdana; font-size:11; color:#009900}
.textegris11{font-family:Verdana; font-size:11; color:#999999}


/*  LIENS  */

A.ptimenu{ font-family: Verdana; font-size:10px; font-weight:bold; color:#FFF; text-decoration:underline}
A.ptimenu:hover{ font-family: Verdana; font-size:10px; font-weight:bold; color:#FFF; text-decoration:none}
A.ptimenu:active{ font-family: Verdana; font-size:10px; font-weight:bold; color:#FFF; text-decoration:underline}

A.linkpotin { font-family:Verdana;font-size:11px; text-decoration:none; color:#000000}
A.linkpotin:hover {font-family:Verdana;font-size:11px; text-decoration:none; color:#FF3300}
A.linkpotin:active {font-family:Verdana;font-size:11px; text-decoration:none; color:#000000}

A.link {font-family:Trebuchet MS;font-size: 12px; text-decoration:none; color:#333333;}
A.link:hover {font-family:Trebuchet MS;font-size: 12px; text-decoration:none; color:#FF3300;}
A.link:active {font-family:Trebuchet MS;font-size: 12px; text-decoration:none; color:#333333;}

A.echange {font-family:Tahoma; font-size: 11px; font-weight:bold; text-decoration:underline; color:#000000;}
A.echange:hover {font-family:Tahoma; font-size: 11px; font-weight:bold; text-decoration:none; color:#FFFFFF;}
A.echange:active {font-family:Tahoma; font-size: 11px; font-weight:bold; text-decoration:underline; color:#000000;}

A.link10 { font-family:Verdana;font-size:10px; text-decoration:none; color:#333333}
A.link10:hover {font-family:Verdana;font-size:10px; text-decoration:none; color:#0000FF}
A.link10:active {font-family:Verdana;font-size:10px; text-decoration:none; color:#333333}

A.link11 { font-family:Verdana;font-size:11px; text-decoration:none; color:#333333}
A.link11:hover {font-family:Verdana;font-size:11px; text-decoration:none; color:#0000FF}
A.link11:active {font-family:Verdana;font-size:11px; text-decoration:none; color:#333333}

A.link12 { font-family:Verdana;font-size:12px; text-decoration:none; color:#333333}
A.link12:hover {font-family:Verdana;font-size:12px; text-decoration:none; color:#0000FF}
A.link12:active {font-family:Verdana;font-size:12px; text-decoration:none; color:#333333}

A.linkorange11 { font-family:Verdana;font-size:11px; text-decoration:none; color:#FF3F04}
A.linkorange11:hover {font-family:Verdana;font-size:11px; text-decoration:none; color:#333333}
A.linkorange11:active {font-family:Verdana;font-size:11px; text-decoration:none; color:#FF3F04}

A.linkorange12 { font-family:Verdana;font-size:12px; text-decoration:none; color:#FF3F04}
A.linkorange12:hover {font-family:Verdana;font-size:12px; text-decoration:none; color:#333333}
A.linkorange12:active {font-family:Verdana;font-size:12px; text-decoration:none; color:#FF3F04}

A.linkorange13 { font-family:Verdana;font-size:13px; text-decoration:none; color:#FF3F04}
A.linkorange13:hover {font-family:Verdana;font-size:13px; text-decoration:none; color:#0000FF}
A.linkorange13:active {font-family:Verdana;font-size:13px; text-decoration:none; color:#FF3F04}

A.linkorange15 { font-family:Verdana;font-size:15px; text-decoration:none; color:#FF3F04}
A.linkorange15:hover {font-family:Verdana;font-size:15px; text-decoration:none; color:#0000FF}
A.linkorange15:active {font-family:Verdana;font-size:15px; text-decoration:none; color:#FF3F04}

A.linkrouge11 { font-family:Verdana;font-size:11px; text-decoration:none; color:#FF0000}
A.linkrouge11:hover {font-family:Verdana;font-size:11px; text-decoration:none; color:#00FF00}
A.linkrouge11:active {font-family:Verdana;font-size:11px; text-decoration:none; color:#FF0000}

A.linkvert11 { font-family:Verdana;font-size:11px; text-decoration:none; color:#009900}
A.linkvert11:hover {font-family:Verdana;font-size:11px; text-decoration:none; color:#FF3F04}
A.linkvert11:active {font-family:Verdana;font-size:11px; text-decoration:none; color:#009900}

A.menulink11 { font-family:Verdana;font-size:11px; text-decoration:underline; color:#009900}
A.menulink11:hover {font-family:Verdana;font-size:11px; text-decoration:none; font-weight:bold; color:#009900}
A.menulink11:active {font-family:Verdana;font-size:11px; text-decoration:underline; color:#009900}