body {
	background:#000000 url(../struct/fond_plus_noir.jpg) top center no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	/* avoid DW crash */
}

a{
	color:#999999;
	text-decoration:none;
}
a:hover{
	color:#6699CC;
}
a:focus {
	outline:none;
}

#cont_site {
	width:860px;
	height:800px;
	margin-left:auto;
	margin-right:auto;
}

#cont_logos {
	width:860px;
	height:67px;
	margin-top:1px;
	margin-bottom:3px;
}
#cont_logos img{
	margin-right:1px;
	display:inline;
}

#cont_menu {
	width:860px;
	height:32px;
	margin-bottom:3px;
}
#centre {
	width:860px;
	height:493px;
	/*background:url(../struct/mutuality_02.png);*/
	margin-bottom:3px;
}

#centre img{
	margin-left:4px;
	display:inline;
}
#cont_news {
	width:860px;
	height:185px;
	margin-bottom:3px;
	background:url(../struct/cadre_news.png);
}

#cont_cpy {
	width:860px;
	height:10px;
	text-align:right;
	font:9px Verdana;
	color: #999999;
}





#centre_univers {
	width:860px;
	height:493px;
	background:url(../struct/fond_univers.png);
	margin-bottom:3px;

}
#univers_1 {
	width:194px;
	height:493px;
	float:left;
}
.univers_1_img_1 {
	height:474px;
	width:172px;
	margin-top:9px;
	margin-left:9px;
	margin-bottom:1px;
	display:inline;
	border:0;
}
.univers_1_img_2 {
	height:92px;
	width:165px;
	margin-left:11px;
	margin-bottom:1px;
	display:inline;
	border:#333333 1px solid;
}
.univers_2 {
	width:333px;
	height:493px;
	float:left;
}
.titre_univers {
	width:323px;
	height:20px;
	text-align:center;
	padding-top:15px;
	/*display:inline;*/
	color:#6699CC;
	font:12px Verdana;
}
.texte_univers {
	margin-top:65px;
	font:11px Verdana;
	text-indent:10px;
	color:#999999;
	width:301px;
	padding-right:9px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
}












#centre_persos_1 {
	width:860px;
	height:493px;
	background:url(../struct/fond_persos_1_mut.png);
	margin-bottom:3px;

}

#centre_persos_1 p {
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	}

#nom_lelouch{
	position: relative;
	top: 45px;
	left:41px;
	color:#6699CC;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}

#nom_suzaku{
	position: relative;
	top: 45px;
	left:83px;
	color:#6699CC;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#nom_cc{
	position: relative;
	clear:both;
	float:left;
	top: 183px;
	left:422px;
	color:#6699CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#texte_lelouch{
	position: relative;
	top:30px;
	left:20px;
	width:285px;
	height:200px;
	float:left;
	text-align:justify;
	text-indent:10px;
}
#texte_suzaku{
	position: relative;
	top:30px;
	left:114px;
	width:280px;
	height:200px;
	float:left;
	text-align:justify;
	text-indent:10px;
}
#texte_cc{
	position: relative;
	top: 95px;
	left:476px;
	width:280px;
	height:200px;
	float:left;
	text-align:justify;
	text-indent:10px;
}
#page_01 {
	position:relative;
	top:50px;
	clear:both;
	left:27px;
	font-size:12px;
}

#page_01 a{
	text-decoration:none;
	color:#999999;
	margin:0;
	padding:0;
	
}

#page_01 a:hover{
	color:#6699CC;
}

#page_01_h {
	position:relative;
	top:10px;
	left:27px;
	font-size:12px;
}

#page_01_h a{
	text-decoration:none;
	color:#999999;
	margin:0;
	padding:0;
	
}

#page_01_h a:hover{
	color:#6699CC;
}














#centre_persos_2 {
	width:860px;
	height:493px;
	background:url(../struct/fond_persos_2_mut.png);
	margin-bottom:3px;

}

#centre_persos_2 p {
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	}
	

#nom_euphemia{
	position:relative;
	top: 35px;
	left:42px;
	color:#6699CC;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}

#nom_nunnally{
	position: relative;
	top: 35px;
	left:76px;
	color:#6699CC;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#nom_karen{
	position: relative;
	clear:both;
	float:left;
	top: 75px;
	left:25px;
	color:#6699CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#nom_shirley{
	position: relative;
	float:left;
	top: 70px;
	left:175px;
	color:#6699CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#nom_charles{
	position: relative;
	float:left;
	top: 70px;
	left:223px;
	color:#6699CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#texte_euphemia{
	position: relative;
	top:30px;
	left:20px;
	width:283px;
	height:200px;
	float:left;
	text-align:justify;
	text-indent:10px;
}
#texte_nunnally{
	position: relative;
	top:30px;
	left:98px;
	width:278px;
	height:200px;
	float:left;
	text-align:justify;
	text-indent:10px;
}
#texte_karen{
	position: relative;
	top: 33px;
	left:55px;
	width:230px;
	height:120px;
	float:left;
	text-align:justify;
	text-indent:10px;
}

#texte_shirley{
	position: relative;
	top: 23px;
	left:138px;
	width:230px;
	height:120px;
	clear:both;
	text-align:justify;
	text-indent:10px;
	float:left;
}
#texte_charles{
	position: relative;
	top:-75px;
	left:244px;
	width:216px;
	height:160px;
	text-align:justify;
	text-indent:10px;
	float:left;
}
#page_02 {
	position:relative;
	top:-30px;
	clear:both;
	left:27px;
	font-size:12px;
}

#page_02 a{
	text-decoration:none;
	color:#999999;
	margin:0;
	padding:0;
	
}

#page_02 a:hover{
	color:#6699CC;
}

#page_02_h {
	position:relative;
	top:10px;
	left:27px;
	font-size:12px;
}

#page_02_h a{
	text-decoration:none;
	color:#999999;
	margin:0;
	padding:0;
	
}

#page_02_h a:hover{
	color:#6699CC;
}










#centre_manga {
	width:860px;
	height:493px;
	/*background:url(../struct/visu03.png);*/
	margin-bottom:3px;
	background:url(../struct/fond_manga_dvd.png);
}

.manga_img_jaq_lelouch {
	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:10px;
	/*display:inline-block;*/
	border:#666666 1px solid;
	float:left;
	background: url(../img/Code-Geass-Lelouch-manga-1.jpg);
	height:475px;
	width:327px;
}

.manga_img_jaq_suzaku {
	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:10px;
	border:#666666 1px solid;
	float:left;
	background: url(../img/Code-Geass-suzaku-manga-1.jpg);
	height:475px;
	width:327px;
}

.manga_img_jaq_nunnally {
	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:10px;
	border:#666666 1px solid;
	float:left;
	background: url(../img/Code-Geass-Nunnally-manga-1.jpg);
	height:475px;
	width:327px;
}

.manga_img_jaq_queen {
	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:10px;
	border:#666666 1px solid;
	float:left;
	background: url(../img/Code-Geass-Queen-manga-1.jpg);
	height:475px;
	width:331px;
}

.manga_img_jaq_knight {
	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:10px;
	border:#666666 1px solid;
	float:left;
	background: url(../img/Code-Geass-Knight-manga-1.jpg);
	height:475px;
	width:331px;
}

.manga_img_jaq_mutuality {
	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:10px;
	border:#666666 1px solid;
	float:left;
	height:475px;
	width:336px;
}

.manga_img_int {
	margin-top:10px;
	margin-left:20px;
	/*display:inline;*/
	border:#666666 1px solid;
	float:left;
}

.manga_titre {
	font-size:14px;
	font-weight:bold;
	color:#6699CC;
	margin-top:15px;
	padding-left:20px;
	display:inline-block;
}

.manga_resume {
	text-align:justify;
	text-indent:10px;
	padding-left:20px;
	padding-top:8px;
	width:480px;
	height:auto;
	display:inline-block;
}

.manga_tech {
	padding-left:60px;
	padding-top:12px;
	padding-bottom:15px;
	display:inline-block;
	width:400px;
	margin:0;

}
.manga_tech ul{
	list-style-type:none;
	margin:0;
}

#manga_suivant {
	margin-top:10px;
	float:left;
	font-size:12px;
	display:block;
	padding-left:20px;

}

#manga_precedent {
	float:left;
	font-size:12px;
	display:block;
	padding-left:20px;
	margin-top:21px;

}

.manga{
	float:left;
	text-align:center;
	font-weight:bold;
	border:#666666;
	display:inline;
	width:225px;
}

.dvd2{
	float:left;
	text-align:center;
	font-weight:bold;
	display:inline;
	width:225px;
}

#mangas_cont {
	width:780px;
	margin-left:auto;
	margin-right:auto;
}





.dvd{
	float:left;
	text-align:center;
	font-weight:bold;
	border:#666666;
	display:inline;
	width:225px;
}

.dvd a img{
	border:0;
}

#dvd_cont {
	width:780px;
	margin-left:auto;
	margin-right:auto;
}




#centre_dvd {
	width:860px;
	height:493px;
	/*background:url(../struct/visu03.png);*/
	margin-bottom:3px;
	background:url(../struct/fond_manga_dvd.png);
}


.dvd_img_jaq {
	margin-top:10px;
	margin-left:0px;
	display:inline-block;
	border:0;
	float:left;
}

.dvd_img_int {
	margin-top:8px;
	margin-left:8px;
	display:inline;
	border:#666666 1px solid;
	float:left;
}

.dvd_titre {
	font-size:14px;
	font-weight:bold;
	color:#6699CC;
	margin-top:20px;
	padding-left:10px;
	display:inline-block;
}

.dvd_resume {
	text-align:justify;
	padding-left:10px;
	padding-top:10px;
	width:502px;
	height:200px;
	display:inline-block;
	text-indent:0;
}


.dvd_resume_img {
	margin-top:0px;
	margin-bottom:11px;
	margin-right:6px;
	display:inline;
	border:#666666 1px solid;
	float:left;
	height:83px;
	width:148px;
}

#dvd_r {
	width:500px;
	height:473px;
	float:right;
	padding-top:20px;
	overflow:hidden;
}

#dvd_r p {
	text-indent:10px;
	padding-right:10px;
	padding-bottom:5px;
	margin-bottom:0;
	text-align:justify;
	}

.dvd_recompenses {
	padding-top:7px;
	text-align:center;
	line-height:17px;
	padding-bottom:5px;
	text-align:center;
}

.dvd_recompenses a{
	color:#999999;
	text-decoration:none;
}

.dvd_recompenses a:hover{
	color:#6699CC;
}






#award_l {
	width:430px;
	height:493px;
	float:left;
}

#award_r {
	width:500px;
	height:473px;
	float:right;
	padding-top:20px;
	overflow:hidden;
}

#award_r p {
	text-indent:10px;
	padding-right:10px;
	text-align:justify;
	}

#award_r ul li {
	font-size:11px;
}




#merch_r {
	width:830px;
	height:473px;
	float:right;
	padding-top:20px;
	padding-left:10px;
	overflow:hidden;
}

#merch_r img {
	margin-top:0px;
	margin-bottom:20px;
	display:inline;
	border:#666666 1px solid;
	float:left;
	height:120px;
	width:auto;
}

#merc_desc {
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:150px;
}

#merc_desc_par_2 {
	width:345px;
	float:left;
}








h1 {
	color:#6699CC;
	font-size:12px;
	padding-left:0px;
}

h2 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#6699CC;
	margin:0;
	padding:0;
}

h3 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#6699CC;
	padding-top:15px;
	padding-bottom:30px;
	margin:0;
}







/* Scrollbar & content css */						
#awards_cont{
	width:470px;
	height:455px;
	float:left;
	overflow:hidden;
}

#resume_cont{
	width:470px;
	height:455px;
	float:left;
	overflow:hidden;
}

#merch_cont{
	width:800px;
	height:455px;
	float:left;
	overflow:hidden;
}
			
.scrollbar-vert{
	background-color:#999999;
	height: 455px;
	width: 10px;
	float:left;
}
.handle-vert{
	height: 120px;
	width: 10px;
	/*background:url(struct/scroll/handle.gif) no-repeat;*/
	background: #333333;
}
.handle-vert_resume{
	height: 80px;
	width: 10px;
	/*background:url(struct/scroll/handle.gif) no-repeat;*/
	background: #333333;
}
		
.scrollbar-hor{
	background-color: #d2e8ff;
	height: 10px;
	width: 300px;
	float:left;
}
.handle-hor{
	height: 10px;
	width: 42px;
	background: url(../pre_air/css/struct/scroll/handle-hor.gif) no-repeat;
}









#extraits_cont {
	width:790px;
	margin-left:auto;
	margin-right:auto;
}

.extrait{
	float:left;
	text-align:center;
	font-weight:bold;
	border:#666666;
	display:inline;
}

#extrait_cont_vid {
	width:640px;
	height:360px;
	margin-left:auto;
	margin-right:auto;
	border:#666666 3px solid;
}

#extraits_cont a{
	color:#999999;
	text-decoration:none;
}

#extraits_cont a:hover{
	color:#6699CC;
}

#extraits_cont a img{
	/*border:0;*/
}









#cont_news ul li a:hover{
	color:#6699CC;
}


#news_cg{
	float:left;
	width:240px;
	height:150px;
	padding-top:33px;
	padding-left:20px;
}

#news_cg ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
	font-weight:bold;
}
#news_cg ul li{
	margin-bottom:3px;
}

#news_tk {
	float:left;
	width:240px;
	height:150px;
	padding-top:33px;
	padding-left:25px;
}
#news_tk ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}
#news_tk ul li{
	margin-bottom:3px;
}

#news_tk ul li a{
	margin-bottom:4px;
	color:#333333;
}


#news_fo {
	float:right;
	width:290px;
	height:150px;
	padding:0;
	padding-right:6px;
	padding-left:15px;
	padding-top:10px;
}
#news_fo ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
	font-weight:bold;
}

#news_fo ul li{
	margin-bottom:3px;
}