/* CSS Document */

body { 
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#191816;
	background:#191a1c;
	height:100%;
	padding:0px;
}


a {text-decoration:none;}
img {border:0;}

/* logo bbq*/
#logobbq {position:absolute; width:38px; height:60px; bottom:0;padding:10px;}

/* barre de titres de sections */
#barresite {width:396px; height:28px; background:url(barre_site.jpg) no-repeat top left;}
#barredev {width:396px; height:28px; background:url(barre_dev.jpg) no-repeat top left;}
#barrevideo {width:396px; height:28px; background:url(barre_video.jpg) no-repeat top left;}
#barreson {width:396px; height:28px; background:url(barre_son.jpg) no-repeat top left;}
#barremix {width:396px; height:28px; background:url(barre_mixtapes.jpg) no-repeat top left;}
#barrephot {width:396px; height:28px; background:url(barre_photos.jpg) no-repeat top left;}
#barrediapos {width:396px; height:28px; background:url(barre_diapos.jpg) no-repeat top left;}


/* zone haut */
#zonehaut {width:950px; height:63px; margin:0 auto;}
#header {width:auto; margin:0; height:63px; font-family:Trebuchet MS, Verdana, Arial, sans-serif; background:#191a1c;}
#logo {width:143px; height:63px;margin-left:55px;}


/* menu */
#menu {float:right; margin-right:100px;}
#menu ul {padding:0; margin:0;}
#menu ul li {list-style:none; padding:0; margin:0; float:left;text-indent:-9000px; width: 133px;}
#menu ul li a {width: 133px;float:left;height: 63px;background-repeat: no-repeat;background-position: left top;}
#menu ul li a:hover {background-position: left bottom;}
#vid a {background-image: url(imgs/menu_vid.jpg);}
#son a {background-image: url(imgs/menu_son.jpg);}
#bio a {background-image: url(imgs/menu_bio.jpg);}
#mix a {background-image: url(imgs/menu_mix.jpg);}
#phot a {background-image: url(imgs/menu_phot.jpg);}


/* Bande de sous-menu */
#zonesmenu {width:auto; height:1px; margin:0; background:#f2961c;}
#bandesmenu {width:auto; margin:0; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
#smenu {float:left;}
#smenu ul {padding:0;margin:3px 0 0 300px;}
#smenu ul li { list-style: none;	padding: 0;	margin-left: 5px; float: left; width: auto; height:20px; line-height:15px; letter-spacing:1px}
#smenu ul li a {color:#FFFFFF;}
#smenu ul li a:hover {color:#CCCCCC;}


/* conteneur général  */
#arriere {width:987px; height:576px; margin:auto; padding:0; background:url(imgs/background.jpg) no-repeat;}
#zonecentre {width:690px; padding:10px; margin:65px 0 0 145px; position:absolute;}
#pagecentre {float:right;height:350px;width:400px;padding:0;}
#photo {height:363px; width:270px; background:url(imgs/molia.jpg) no-repeat left top;padding:0;border:7px solid #191a1c;}
#photochris {height:209px; width:170px; background:url(imgs/chrissphoto.jpg) no-repeat left top;padding:0;border:1px solid #191a1c;}
.texte {text-align:justify; width:380px; height:auto; padding:8px;}
.texte a:link, .texte a:visited, .texte a:active { color:#000000; }
.texte a:hover {color:#FFFFFF; }


/* barre du bas */
#basdepage {width:690px; height:20px; margin:492px 162px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; text-align:center; font-size:11px;position:absolute;line-height:17px;}
#basdepage a {color:#999999; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; }
#basdepage a:hover, a:active {text-decoration:none;}
#basdepage a:visited {color:#999999; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; }
h10 {font-size:9px; }
.texte_bas {font-size:9px; }

/* vidéo & images vidéos */
.textevideo {width:250px; height:auto; padding:8px; margin-left:8px;}
#video {padding:0; margin:15px 0 0 0; width:360px; height:330px;}
#video_accueil {padding:0; margin:15px 0 0 80px; width:550px; height:auto;}
#video_accueil img {border:1px solid #191a1c;}
#image_video_mve {height:100px; width:250px; background:url(videos/imgs/mieu_vivre_ensemble.jpg) no-repeat left top;padding:0;border:3px solid #191a1c; margin:15px 0 0 15px;}
#image_video_velocite {height:100px; width:250px; background:url(videos/imgs/velocite.jpg) no-repeat left top;padding:0;border:3px solid #191a1c; margin:15px 0 0 15px;}
#image_video_yamakasi {height:100px; width:250px; background:url(videos/imgs/yamakasi.jpg) no-repeat left top;padding:0;border:3px solid #191a1c; margin:15px 0 0 15px;}
#image_video_dea {height:100px; width:250px; background:url(videos/imgs/dea.jpg) no-repeat left top;padding:0;border:3px solid #191a1c; margin:15px 0 0 15px;}
#image_video_brazza {height:100px; width:250px; background:url(videos/imgs/brazza.jpg) no-repeat left top;padding:0;border:3px solid #191a1c; margin:15px 0 0 15px;}
#zonecentrevideos {width:690px; padding:0; margin:65px 0 0 145px; position:absolute;}


/* bio */
/*#crea {overflow:auto; height:350px; width:500px; margin:0; padding:0;}*/
#crea {width:680px; overflow:auto; height:350px;}

/* créations sonores */
.texteson {width:250px; height:auto; padding:8px;  margin-left:8px;}

/* mixtapes */
.textemixtape {width:250px; height:auto; padding:8px;  margin:0 0 0 8px;}
#mixtape_accueil {padding-left:50px; margin:5px 100px 0 0; width:630px; height:auto;}
#mixtape_accueil img {border:1px solid #191a1c;}
#mixtape_lecteur {padding-left:35px; height:80px; width:540px; margin:12px 0 0 35px;}

/* photos, carnets de voyages */
#diapo {padding-left:15px; margin:15px 30px 0 0; width:330px; height:370px;}
.textediapo {width:580px; padding:0;  margin:8px 0 0 8px; }
#diapo_accueil {padding:0; margin:40px 0 0 20px; width:650px; height:350px;}
#diapo_accueil ul {padding:0;margin:0 0 0 8px;}
#diapo_accueil ul li {list-style:none;float:left; margin:10px 0 15px 2px; text-align:center; }
#diapo_accueil a {font-weight:bold; color:#000000; }
#diapo_accueil a:hover {color:#FFFFFF;}