body {
	font-size: 75%; 
	font-family: 'Arial', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: left;
	margin:0;
	width:100%;
	height:100%;
	background: #262626 url(images/bg_degrade.jpg) scroll repeat-x top left;
	float:left;
	margin-bottom:100px;
	display:block;
	}
body.credits { background:#000; color:#fff;}
body.index { background:#000; color:#fff;}

/* INDEX */
#index_wrapper { margin:auto; width:970px; }
#index { float:left; display:block; color:#fff; margin-top:40px;}
#underline { display:block; float:left; padding-bottom:10px; margin-bottom:20px; border-bottom:5px solid #262626; }
#abcdr_present  { width:970px; height:50px; text-indent:-9999px; background:transparent url(images/titre_abcdr.jpg) no-repeat scroll left top; display:block; float:left; }
#abcdr_present a { margin:auto; width:370px; height:50px; display:block;  }
#texte_intro_wrapper { width:970px; margin:auto;}
#texte_intro { width:970px; float:left; display:block;}
#texte_intro_wrapper p { color:#fff; font-size:1.8em; font-family:georgia; }
#feat_haterz_wrapper {width:500px; margin:auto;}
#feat_haterz {width:500px; float:left; display:block; margin-top:60px; }
#feat_haterz { text-align:center; margin-bottom:10px; }
#feat_haterz h2 { letter-spacing:0.5em; text-transform:uppercase; font-size:0.9em; font-weight:normal; font-family:arial; }
#feat_haterz img { border:none;  }
p { padding-right:5px; line-height:1.5em; }


a { color:#0970B2; }

p.red { color:#FF0000; }
/* HEADER */	
#wrapper { width:970px; margin:auto;  }
#wrapper_int { width:970px; float:left; display:block;}
#titre_center { width:970px; margin:auto; }
#titre { margin-top:20px; width:970px; float:left; display:block; }
#titre_underline { width:970px; float:left; display:block; }
#titre_big { margin:auto; width:970px;  }
#titre_big img { border:0px; }

/* NAVIGATION */ 
#wrapper_navigation { margin:auto; width:970px; }
#navigation { height:40px; float:left; display:block; width:100%; background:#000; padding-top:5px; padding-bottom:5px; }
#navigation_centre { margin:auto; width:80px;}
#navig_prev { width:40px; float:left; display:block; height:40px; text-indent:-9999px;  }
#navig_prev a {width:40px; float:left; display:block;  height:40px; background: #000 url(images/img_previous.jpg) scroll no-repeat top left;}
#navig_prev a:hover {width:40px; height:40px; background: #000 url(images/img_previous.jpg) scroll no-repeat top left; background-position:left -41px;}
#navig_next { width:250px; float:right; display:block; height:40px; text-indent:-9999px; }
#navig_next a {width:250px; float:right; display:block;  height:40px; background: #000 url(images/img_next.jpg) scroll no-repeat top left;}
#navig_next a:hover {width:250px; height:40px; background: #000 url(images/img_next.jpg) scroll no-repeat top left; background-position:left -41px;}
#quote_wrapper { margin:auto; width:400px; }
#quote { margin-left:20px; margin-top:5px; width:350px; display:block; float:left; color:#1C1C1C; font-family:arial; font-size:0.9em;}

/* CONTENT */ 
#wrapper_content { width:970px; margin:auto; clear:both;  }
#main_content { float:left; display:block; width:100%; }
#navig_left { display:block; float:left; width:100px; padding-top:300px;  }
#navig_left img { float:right; margin-right:20px; border:0px; }
#navig_right { display:block; float:left; width:100px; padding-top:300px;  }
#navig_right img { float:left; margin-left:20px; border:0px;}
#content { width:930px; padding-left:20px; padding-right:20px; padding-top:40px; display:block; float:left; background:#ffffff; padding-bottom:40px; }

#content h2 { font-size:1.2em; text-transform:uppercase; font-weight:bold; margin-bottom:5px; color:#000; margin-top:0px; }

#content h3 {
font-size:1em;
color:#666666;
font-weight:normal;
margin-top:0px;
margin-bottom:5px;
}

#content h2.bigger {
font-size:2.5em;
margin-top:0px;
margin-bottom:0px; 


}

#content h3.bigger {
font-size:2em;
}

#content h2.bigger_max { font-size:6.5em; margin-top:20px; line-height:1em;}
#content h3.bigger_max { font-size:5em; }


.row_1 { width:100%; display:block; float:left; margin-bottom:40px; }
.row_2 { width:510px; display:block; float:left; margin-bottom:40px; margin-left:20px; background:#d4d4d4; padding:20px; }


.row_big_left {
width:510px;
display:block;
float:left;
margin-bottom:40px;
margin-right:20px;
background:#d4d4d4;
padding:20px;
}

.row_2 img, .row_big_left  img{
float:left;
margin-bottom:20px;
}

.row_big_left p, .row_2 p {
font-family:Georgia;
margin-bottom:10px;
font-size:1em;
text-align:justify;
}

.row_2 small, .row_big_left small { font-size:1em; float:left; width:510px; margin-bottom:10px;}
/* BONUS */ 
#wrapper_bonus { margin:auto; width:970px; }
#bonus_zone { background:#999; height:300px; display:block; float:left; width:100%; border-top:5px solid #0970B2; }
#bonus_zone img { border:none; }
/* CREDITS TOP 5 */

#album_center { margin:auto; width:200px; }
#album { margin-top:40px; float:left; display:block; width:200px;}
#album p { text-align:center; margin-bottom:10px; }
p.small_top5 { font-size:1.4em; margin-bottom:20px;  }


/* IDEAL */
#mehdi { float:right; width:300px; display:block; text-align:justify; padding:20px; background:#d4d4d4;}
#mehdi p { font-family:arial; font-size:1em; margin-bottom:10px;} 
#armen { float:left; width:550px; display:block; text-align:justify;}
#armen_titre { float:left; display:block; width:210px; font-size:1.9em; text-align:right; padding-bottom:20px; margin:20px; margin-left:0px; margin-top:0px; font-family:georgia; border-bottom:5px solid #000; }
#mehdi_titre { width:300px; float:left; display:block; font-size:3em; text-align:left; padding-bottom:5px; margin-bottom:20px; font-family:georgia; border-bottom:5px solid #000; }

/* XMEN */
#quote_xmen_left {text-align:justify; width:455px; float:left; display:block;}
#quote_xmen_right {text-align:justify; width:455px; float:right; display:block;}
#quote_titre { float:left; display:block; width:220px; font-size:1.9em; text-align:right; padding-bottom:20px; margin:20px; margin-left:0px; font-family:georgia; border-bottom:5px solid #000; }

/* LUNATIC */
#content h2.lunatic { font-size:8.5em; margin-top:0px; line-height:1em;}
#jpseck {text-align:justify; width:455px; float:right; display:block;}
#djmars {text-align:justify; width:455px; float:left; display:block;}
#zoxea { padding:20px; background:#d4d4d4; margin-top:20px; text-align:justify; width:890px; float:left; display:block;}
#zoxea_titre { text-align:right; float:left; display:block; font-size:2em; padding-bottom:5px; margin-bottom:40px; margin-right:20px; font-family:georgia;  }
#zoxea p { font-family:arial; font-size:1em; margin-bottom:10px;} 

/* IAM */
#akh { display:block; float:right; width:455px;}
#shurikn { display:block; float:left; width:455px;}

/* ENFANT SEUL */
#quote_mars { float:left; width:300px; display:block; text-align:justify; padding:20px; background:#d4d4d4;}
#quote_mars p { font-family:arial; font-size:1em; margin-bottom:10px; } 
#quote_oxmo { float:right; display:block; width:550px;}
#oxmo_titre { width:200px; text-align:right; float:left; display:block; font-size:2em; text-align:left; padding-bottom:5px; margin-bottom:20px; font-family:georgia;  }
#mars_titre { width:300px; float:left; display:block; font-size:2em; text-align:left; padding-bottom:5px; margin-bottom:20px; font-family:georgia; border-bottom:5px solid #000;  }

/* FOOTER */ 
#footer { padding:20px; background:#262626; height:20px; background:#000; color:#fff; width:930px; float:left; display:block; margin-bottom:40px;}
#credits { font-size:0.9em; text-transform:uppercase; color:#999; width:300px; float:left; display:block;}
#social_facebook a, #social_twitter a, #credits a{ color:#ccc; text-decoration:none; }
#social_facebook a:hover, #social_twitter a:hover, #credits a:hover{ color:#999; text-decoration:none; }
#social_facebook { font-size:0.9em; float:right; display:block; margin-left:20px; }
#social_twitter { font-size:0.9em; float:right; display:block;}
#social_facebook img, #social_twitter img { margin-right:5px; border:none; }
#social_blog_center { margin:auto; width:600px;  }
#social_blog { border-bottom:40px solid #262626; display:block; float:left; width:600px; text-align:center; font-family:georgia; font-style:italic; color:#fff;}
#social_blog a:hover { color:#fff; }
/* CREDITS */ 
#data { background:#000; padding:20px; color:#fff;}
#data h1 { font-size:1em; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff; font-size:1em; color:#fff; text-transform:uppercase; font-weight:normal; text-align:center;}
#data p {color:#fff; text-align:left; font-size:0.9em; margin-bottom:10px;}
#generique { display:block; float:left; padding-top:20px; padding-bottom:20px; width:100%; }
#data p.generique {color:#fff; text-align:left; font-size:0.8em; margin-bottom:5px; text-transform:uppercase; color:#d4d4d4; border-bottom:1px solid #222; padding-bottom:5px;}

.row_3 { width:360px; display:block; float:left; margin-bottom:40px; }

.morceau { width:170px; float:left; margin-right:20px; margin-bottom:20px; }
.morceau a, .morceau_right a { margin-right:20px; border-top:1px solid #000; padding-top:5px; text-transform:uppercase; text-align:left; text-decoration:none; font-size:0.8em; color:#0970B2; font-weight:normal; float:left; margin-top:5px;}
.morceau a:hover, .morceau_right a:hover  { color:#000;  }

.morceau_right img, .morceau img { border:0px; margin-bottom:10px; }
.morceau_right small, .morceau small { margin-bottom:10px; float:left; width:170px;}

.morceau_right {
width:170px;
float:left;
margin-bottom:20px;
}

span.lettrine {
font-size:2em;
float:left;
}

span.vupar {
font-weight:bold;
color:#000000;
}

p.chapo { font-family:arial; border-bottom:5px solid #262626; padding-bottom:10px; margin-bottom:20px; font-size:1.2em; line-height:1.2em; text-align:justify; }
p.chapo_big { float:left; display:block; font-size:1.8em; font-weight:bold; line-height:1em; text-align:justify; margin-bottom:40px; padding-bottom:20px; border-bottom:5px solid #000; }
p.more { background:transparent url(images/icon_more.jpg) no-repeat left center; padding-left:25px; font-family:arial; font-weight:bold; text-transform:uppercase; float:right; }
p.more a:hover { color:#000; }
p.top5 {
font-family:Georgia;
font-size:1em;
text-align:justify;
margin-bottom:10px;
}

/* THICKBOX */

 
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }

#TB_window a:link {color: #000;}
#TB_window a:visited {color: #000;}
#TB_window a:hover {color: #fff;}
#TB_window a:active {color: #fff;}
#TB_window a:focus{color: #fff;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px;	height:100%;	width:100%; }

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
}

#TB_caption{	height:25px;	padding:7px 30px 10px 25px;	float:left;}
#TB_closeWindow{ height:25px;	padding:11px 25px 10px 0;	float:right; color:#000;}
#TB_closeWindow a { color:#fff; }
#TB_closeAjaxWindow{	padding:7px 10px 5px 0;	margin-bottom:1px;	text-align:right;	float:right;}

#TB_ajaxWindowTitle{float:left; padding:7px 0 5px 10px; margin-bottom:1px; background:#0970B2;}

#TB_title{	height:27px; background:#0970B2; color:#fff; text-transform:uppercase; font-size:0.9em; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px;}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}