/* CSS Document
  http://www.somuchrecords.com
  Copyright (c) 2008 www.crea2web.com
*/

body { background-color: #162c42; }

#container	{
	margin: 0 auto; 
	padding: 0;
	width: 950px;
/*	text-align: left; */
	position: relative; 
	border: 2px solid #FFFFFF; /* White */
	background-color: #FFFFFF; /* White */ 
}
#header { }

#wrapper {
	width:100%;
	}

/* Footer */

#footer{
	width:100%;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}
.footerflash { color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: center; }
.footerflash A:link { color: #FF0000; text-decoration: none; }
.footerflash A:visited { color: #FF0000; text-decoration: none; }
.footerflash A:hover { color: #FF0000; text-decoration: none; }

.footer { COLOR: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; }
.footer A:link { color: #CCCCCC; text-decoration: none; }
.footer A:visited { color: #CCCCCC; text-decoration: none; }
.footer A:hover { color: #CCCCCC; text-decoration: underline; }

/* Texte */

h1 { font-size: 20px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; }
h2 { font-size: 16px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
h3 { font-size: 14px; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; }
h4 { font-size: 13px; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; }

.video { font-size: 13px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; }
.promo { font-size: 16px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; font-weight:bold; }
.bio {	font-size: 12px; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify}
.actutitre { font-size: 14px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align:left; font-weight:bold; }
.actutext { font-size: 11px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align:left; }

.ecoute { COLOR: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
.ecoute A:link { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
.ecoute A:visited { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
.ecoute A:hover { color: #0099FF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }

.lienblanc { COLOR: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
.lienblanc A:link { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
.lienblanc A:visited { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
.lienblanc A:hover { color: #CCCCCC; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }

/* Menu */
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_two */
.preload2 {background: url(../img/index/button4.gif); }
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../img/index/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:14px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px; color:#aaa;}
.menu2 li.current a {color:#fff; background: url(../img/index/button3.gif);}
.menu2 li.current a b {background: url(../img/index/button3.gif) no-repeat right top; color:#fff;}
.menu2 li a:hover {color:#fff; background:#000 url(../img/index/button4.gif);}
.menu2 li a:hover b {background: url(../img/index/button4.gif) no-repeat right top; color:#fff;}
.menu2 li.current a:hover {color:#fff; background:#000 url(../img/index/button3.gif); cursor:default;}
.menu2 li.current a:hover b {background: url(../img/index/button3.gif) no-repeat right top; color:#fff;}

/* module */

.boite {
	width: 220px;
	padding-bottom: 10px;
	background: white url(../img/index/05-milieu-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 12px;
}
.boite h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../img/index/05-haut.png) no-repeat;
	background-position: center top;
	text-align: center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;
}
.boite p {
	margin: 1em 20px; text-align: justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}
.boite p A:link { color: #000000; text-decoration: none; text-align: justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
.boite p A:visited { color: #000000; text-decoration: none; text-align: justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
.boite p A:hover { color: #0099FF; text-decoration: none; text-align: justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }

/* module central */
/* Noir */
.black_box {
   background: #000000;
}
.black_top div {
   background: url(../img/index/roundedcornr_660251_tl.png) no-repeat top left; 
}
.black_top {
   background: url(../img/index/roundedcornr_660251_tr.png) no-repeat top right;
}
.black_bottom div {
   background: url(../img/index/roundedcornr_660251_bl.png) no-repeat bottom left;
}
.black_bottom {
   background: url(../img/index/roundedcornr_660251_br.png) no-repeat bottom right;
}

.black_top div, .black_top, 
.black_bottom div, .black_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.black_content { margin: 0 20px; color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

/* Bleu */
.blue_box {
   background: #0668cf;
}
.blue_top div {
   background: url(../img/index/roundedcornr_164978_tl.png) no-repeat top left;
}
.blue_top {
   background: url(../img/index/roundedcornr_164978_tr.png) no-repeat top right;
}
.blue_bottom div {
   background: url(../img/index/roundedcornr_164978_bl.png) no-repeat bottom left;
}
.blue_bottom {
   background: url(../img/index/roundedcornr_164978_br.png) no-repeat bottom right;
}

.blue_top div, .blue_top, 
.blue_bottom div, .blue_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.blue_content { margin: 0 20px; color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; }

/* ligne */
.sep { background-image:url(../img/index/sep.jpg); }

/* annuaires */
a.annuaires { font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: normal; text-align:center; }
a.annuaires:link { font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
a.annuaires:hover {	font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }