/* CSS Document */

/* GLOBAL PAGE D'ACCUEIL */
body {margin:00px 0px 0px 0px; font-size:9pt; color:#FFFFFF; font-family:arial; background-position:center top; background-repeat:no-repeat; background-image:url(http://www.rap2france.com/images/habillage-rask.jpg); background-color:black;}
img{border:none;}

a:link{font-family:verdana;font-size:10pt;text-decoration:none;color:#FFBB02;}
a:visited{font-family:verdana;font-size:10pt;text-decoration:none;color:#FFBB02;}
a:active{font-family:verdana;font-size:10pt;text-decoration:underline;color:#000000;}
a:hover{font-family:verdana;font-size:10pt;text-decoration:underline;color:#000000;}

a.fiche:link{font-family:arial;font-size:10pt;text-decoration:none;color:white;}
a.fiche:visited{font-family:arial;font-size:10pt;text-decoration:none;color:white;}
a.fiche:active{font-family:arial;font-size:10pt;text-decoration:underline;color:#FFF600;}
a.fiche:hover{font-family:arial;font-size:10pt;text-decoration:underline;color:#FFF600;}

a.lienmenu:link{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:none;color:#FFFFff;}
a.lienmenu:visited{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:none;color:#FFFFff;}
a.lienmenu:active{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:underline;color:#FFBA03;}
a.lienmenu:hover{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:underline;color:#FFBA03;}

a.lienmenu2:link{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:none;color:#FFBA03;}
a.lienmenu2:visited{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:none;color:#FFBA03;}
a.lienmenu2:active{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:underline;color:#FFFFff;}
a.lienmenu2:hover{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:underline;color:#FFFFff;}

a.lienmenu3:link{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:none;color:#990000;}
a.lienmenu3:visited{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:none;color:#990000;}
a.lienmenu3:active{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:underline;color:#FFFFff;}
a.lienmenu3:hover{font-family:verdana; font-weight:600; font-size:9pt;text-decoration:underline;color:#FFFFff;}

a.nouveaute1:link{font-family:verdana;font-size:9pt;text-decoration:none;color:#FFFF00;}
a.nouveaute1:visited{font-family:verdana;font-size:9pt;text-decoration:none;color:#FFFF00;}
a.nouveaute1:active{font-family:verdana;font-size:9pt;text-decoration:underline;color:#ffffff;}
a.nouveaute1:hover{font-family:verdana;font-size:9pt;text-decoration:underline;color:#ffffff;}

a.nouveaute2:link{font-family:arial;font-size:10pt;text-decoration:none;color:#ffffff;}
a.nouveaute2:visited{font-family:arial;font-size:10pt;text-decoration:none;color:#ffffff;}
a.nouveaute2:active{font-family:arial;font-size:10pt;text-decoration:underline;color:#FFFF00;}
a.nouveaute2:hover{font-family:arial;font-size:10pt;text-decoration:underline;color:#FFFF00;}

a.nouveaute3:link{font-family:arial;font-size:10pt;text-decoration:none;color:#FFBB02;}
a.nouveaute3:visited{font-family:arial;font-size:10pt;text-decoration:none;color:#FFBB02;}
a.nouveaute3:active{font-family:arial;font-size:10pt;text-decoration:underline;color:#FFFFff;}
a.nouveaute3:hover{font-family:arial;font-size:10pt;text-decoration:underline;color:#FFFFff;}

a.interview:link{font-family:arial;font-size:10pt;text-decoration:none;color:#660000;}
a.interview:visited{font-family:arial;font-size:10pt;text-decoration:none;color:#660000;}
a.interview:active{font-family:arial;font-size:10pt;text-decoration:underline;color:#000000;}
a.interview:hover{font-family:arial;font-size:10pt;text-decoration:underline;color:#000000;}

a.interview2:link{font-family:arial;font-size:10pt;text-decoration:none;color:#660000;}
a.interview2:visited{font-family:arial;font-size:10pt;text-decoration:none;color:#660000;}
a.interview2:active{font-family:arial;font-size:10pt;text-decoration:underline;color:#000000;}
a.interview2:hover{font-family:arial;font-size:10pt;text-decoration:underline;color:#000000;}

a.paroles1:link{font-family:arial;font-size:9pt;text-decoration:none;color:#FACA08;}
a.paroles1:visited{font-family:arial;font-size:9pt;text-decoration:none;color:#FACA08;}
a.paroles1:active{font-family:arial;font-size:9pt;text-decoration:underline;color:white;}
a.paroles1:hover{font-family:arial;font-size:9pt;text-decoration:underline;color:white;}

a.paroles2:link{font-family:arial;font-size:9pt;text-decoration:none;color:white;}
a.paroles2:visited{font-family:arial;font-size:9pt;text-decoration:none;color:white;}
a.paroles2:active{font-family:arial;font-size:9pt;text-decoration:underline;color:#FACA08;}
a.paroles2:hover{font-family:arial;font-size:9pt;text-decoration:underline;color:#FACA08;}

a.paroles10:link{font-family:arial black;font-size:8pt;text-decoration:none;color:#FFF600;}
a.paroles10:visited{font-family:arial black;font-size:8pt;text-decoration:none;color:#FFF600;}
a.paroles10:active{font-family:arial black;font-size:8pt;text-decoration:underline;color:white;}
a.paroles10:hover{font-family:arial black;font-size:8pt;text-decoration:underline;color:white;}

a.paroles20:link{font-family:arial black;font-size:8pt;text-decoration:none;color:white;}
a.paroles20:visited{font-family:arial black;font-size:8pt;text-decoration:none;color:white;}
a.paroles20:active{font-family:arial black;font-size:8pt;text-decoration:underline;color:#FFF600;}
a.paroles20:hover{font-family:arial black;font-size:8pt;text-decoration:underline;color:#FFF600;}

a.paroles3:link{font-family:verdana;font-size:10pt;text-decoration:underline;color:#FFBA02;}
a.paroles3:visited{font-family:verdana;font-size:10pt;text-decoration:underline;color:#FFBA02;}
a.paroles3:active{font-family:verdana;font-size:10pt;text-decoration:underline;color:white;}
a.paroles3:hover{font-family:verdana;font-size:10pt;text-decoration:underline;color:white;}

a.paroles4:link{font-family:arial;font-size:8pt;text-decoration:none;color:white;}
a.paroles4:visited{font-family:arial;font-size:8pt;text-decoration:none;color:white;}
a.paroles4:active{font-family:arial;font-size:8pt;text-decoration:underline;color:#FFF600;}
a.paroles4:hover{font-family:arial;font-size:8pt;text-decoration:underline;color:#FFF600;}

a.menuhaut:link{font-family:arial;font-size:8pt;text-decoration:none;color:white;}
a.menuhaut:visited{font-family:arial;font-size:8pt;text-decoration:none;color:white;}
a.menuhaut:active{font-family:arial;font-size:8pt;text-decoration:underline;color:#FFF600;}
a.menuhaut:hover{font-family:arial;font-size:8pt;text-decoration:underline;color:#FFF600;}

a.menuhaut2:link{font-family:arial;font-size:8pt;text-decoration:none;color:#FFF600;}
a.menuhaut2:visited{font-family:arial;font-size:8pt;text-decoration:none;color:#FFF600;}
a.menuhaut2:active{font-family:arial;font-size:8pt;text-decoration:underline;color:white;}
a.menuhaut2:hover{font-family:arial;font-size:8pt;text-decoration:underline;color:white;}

a.album:link{font-family:arial;font-size:9pt;text-decoration:none;color:white;}
a.album:visited{font-family:arial;font-size:9pt;text-decoration:none;color:white;}
a.album:active{font-family:arial;font-size:9pt;text-decoration:underline;color:#FFFF00;}
a.album:hover{font-family:arial;font-size:9pt;text-decoration:underline;color:#FFFF00;}

a.news:link{font-family:arial;font-size:9pt;text-decoration:none;color:white;}
a.news:visited{font-family:arial;font-size:9pt;text-decoration:none;color:white;}
a.news:active{font-family:arial;font-size:9pt;text-decoration:underline;color:#ee9f0b;}
a.news:hover{font-family:arial;font-size:9pt;text-decoration:underline;color:#ee9f0b;}

#content {width:960px;height:1152px;margin:auto;margin-top:0px;}

.logo {width:226px;height:107px;background-image:url(design5/logo.jpg);margin-top:0px;margin-left:0px;float:left;}
.BanPubTop {width:auto;height:auto;margin-top:10px;margin-left:0px;float:left;}

.menu {width:914px;height:40px;background-image:url(design5/menu_haut.jpg);margin-top:0px;margin-left:23px;float:left;}
.CatMenu {margin-top:13px;margin-left:50px;float:left; font-size: 12px;color: #FFFFFF;}

.clip_du_moment {width:205px;height:230px;background-image:url(design5/chronic.jpg);margin-top:5px;margin-left:23px;float:left;}
.mp3_du_moment {width:205px;height:230px;background-image:url(design5/mp3.jpg);margin-top:5px;margin-left:23px;float:left;}
.lecteur_actualite {width:456px;height:230px;background-image:url(design5/new_def.jpg);margin-top:5px;margin-left:00px;float:left;}
.interview {width:206px;height:230px;background-image:url(design5/interview.jpg);margin-top:20px;margin-left:23px;float:left;}
.nouveaute {width:456px;height:230px;background-image:url(design5/nouveaute.jpg);margin-top:20px;margin-left:23px;float:left;}
.chronic {width:206px;height:230px;background-image:url(design5/chronic.jpg);margin-top:20px;margin-left:23px;float:left;}
.pub_gauche {width:120px;height:575px;margin-top:20px;margin-left:23px;float:left;}
.lecteur_audio {width:444px;height:252px;background-image:url(design5/lecteur_audio.jpg);margin-top:20px;margin-left:23px;float:left;}
.lecteur_audiotitre {margin-top:4px;color: #FFFF00;font-size:16px; text-align: center;}
.lecteur_audioprev {width:435px;height:220px;margin-top:5px;margin-left:5px;float:left;}
.pub_droite {width:301px;height:252px;margin-top:20px;margin-left:23px;float:left;}
.parole {width:263px;height:231px;background-image:url(design5/parole.jpg);margin-top:20px;margin-left:23px;float:left;}
.top {width:483px;height:231px;background-image:url(design5/top.jpg);margin-top:20px;margin-left:23px;float:left;}

.TitreClip {margin-top:5px;color:#FFFFFF;font-size:16px; text-align: center;}
.PrevClip {margin-top:10px;text-align: center; font-size:16px; color:#ffffff;}

.TitreNouveaute {margin-top:4px;color: #FFFF00;font-size:16px; text-align: center;}
.NouveauteLeft{width:215px;height:auto;margin-top:10px;color:#FFFFFF;font-size:12px;text-align: center;float:left;margin-left: 5px;}
.NouveauteRight {width:215px;height:auto;margin-top:10px;color:#FFFFFF;font-size:12px;text-align: center;float:left;margin-left: 12px;}

.PrevParole {margin-top:10px;text-align: center; color:#ffffff;font-size:12px;}

.Style1 {color: #FFFF00}

.TitreTop {margin-top:5px;color: #FFFF00;font-size:16px; text-align: center;}
.top_1{width:230px;height:auto;margin-top:8px;color:#FFFFFF;font-size:12px;text-align: center;float:left;margin-left: 10px;float:left;}
.top_2{width:220px;height:auto;margin-top:8px;color:#FFFFFF;font-size:12px;text-align: center;float:left;margin-left: 10px;float:left;}
.top_3{width:230px;height:auto;margin-top:8px;color:#FFFFFF;font-size:12px;text-align: center;float:left;margin-left: 10px;float:left;}
.top_4{width:220px;height:auto;margin-top:8px;color:#FFFFFF;font-size:12px;text-align: center;float:left;margin-left: 10px;float:left;}




/* LECTEUR DE NEWS PAGE ACCUEIL */
.ContentSlider{width:456px;height:230px;margin-top: 4px;margin-left: 4px;}

.main_image {width: 300px;height: 225;float: left;background: #333;position: relative;overflow: hidden;color: #fff;}
.main_image h2 {font-size: 14px;font-weight: normal;margin: 0 0 5px;padding: 10px;font-weight:bold;}

.main_image p {font-size: 12px;line-height: 1.6em;padding: 10px;margin: 0;}
.block small { /*--We'll be using this same style on our thumbnail list--*/font-size: 12px;padding: 0 0 0 20px;background: url(icon_calendar.gif) no-repeat 0 center;}
.main_image .block small {margin-left: 10px;}
.main_image .desc{position: absolute;bottom: 0;left: 0; /*--Stick the desc class to the bottom of our main image container--*/width: 100%;display: none; /*--Hide description by default, if js is enabled, we will show this--*/}
.main_image .block{width: 100%;background: #111;border-top: 1px solid #000;}
.main_image a.collapse { /*--This is our hide/show tab--*/background: url(btn_collapse.gif) no-repeat left top;height: 27px;width: 93px;text-indent: -99999px;position: absolute;top: -27px;right: 20px;}
.main_image a.show {background-position: left bottom;}

.image_thumb {float: left;width: 155px;}
.image_thumb img {border: 1px solid #ccc;padding: 5px;background: #fff;float: left;}
.image_thumb ul {margin: 0;padding: 0;list-style: none;}
.image_thumb ul li{margin: 0;padding: 0px 5px;width: 138px;float: left;border-bottom: 1px solid #4a5872;border-top: 1px solid #4a5872;border-right: 1px solid #4a5872;background-color: #2C2C2C;}
.image_thumb ul li.hover { /*--Hover State--*/background: #000;cursor: pointer;}
.image_thumb ul li.active { /*--Active State--*/background: #363D47;cursor: default;}

html .image_thumb ul li h2 {font-size: 14px;margin: 5px 0;padding: 0;}
.image_thumb ul li .block {float: left;margin-left: 0px;padding: 6px 5px;width: 140px;}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

h1 {font-size:14px; margin:5px; }