/* CSS Document */


#lightbox{
	background-color:#333333;
	padding: 10px;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	}
#lightboxDetails{
color:white;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-indent:15px;
	font-size: 11px;
	padding-top: 5PX;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	


/* START of CSS Code from http://scott.sauyet.name/CSS/Demo/FooterDemo.css */


html, body, {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

td img {display: block;}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

/* END of CSS Code from http://scott.sauyet.name/CSS/Demo/FooterDemo.css > read their explanation at http://scott.sauyet.name/CSS/Demo/FooterDemo1.html <  Ty, guys !*/









body{
margin: 0px;
background-position:left;
background-repeat:repeat-y;
SCROLLBAR-face-color: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#CCCCCC;
SCROLLBAR-SHADOW-COLOR: #CCCCCC;
SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #CCCCCC;
SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC;}

*{

SCROLLBAR-face-color: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;}



/* ID DIVs start here */

/* DIV NAVI starts here */
#navi{
position:relative;
background-image:url(images/navi_m/navi_manga_css.jpg);
background-color:#FFFFFF;
height:110px;
width:800px;
margin-top:20px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
border:#999999 solid 1px;
border-top:none;

}

ul, li{
list-style-type:none;
margin:0;
padding:0;
}

ul{
position:absolute;
left:0px;;
top:0px;
background:transparent url(images/navi_m/navi_manga_css.jpg)top left no-repeat; 
height:110px;
width:800px;
text-align:left;
}

li{
display:block;
float:left;
}

li a{
	display:block;
	left:-5000px;
	top:-5000px;
	text-indent:-5000px;
	height:110px;
	line-height:110px;
	color:#999999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	
	
	
}

a#lien1 {
width:260px;
}

a#lien2{
width:100px;
}

a#lien3{
width:110px;

}

a#lien4{
width:105px;

}

a#lien5{
width:110px;

}

a#lien6{
width:115px;

}




li a:hover{
display:block;
color:#1C9BA6;
background:transparent url(images/navi_m/navi_manga_css.jpg) top left no-repeat;
text-decoration:none;
}

a#lien1:hover{
width:260px;
background-position: 0px -110px;
}

a#lien2:hover{
width:100px;
background-position: -260px -110px;
}

a#lien3:hover{
width:110px;
background-position: -360px -110px;
}

a#lien4:hover{
width:105px;
background-position: -470px -110px;
}

a#lien5:hover{
width:110px;
background-position: -575px -110px;
}

a#lien6:hover{
width:115px;
background-position: -685px -110px;
}


/* DIV NAVI ends here */


/* DIV GLOBAL starts here */
#global{
position:absolute;
top:5px;
left:50%;
width:800px;
margin-left:-400px;
padding:0px;
}




/* pages de visualition des mangas */

#album_title{

position:relative;
height:50px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;

padding:0px;
}

#album_viewer{
background: url(images/toast/open_book_background.jpg) right top no-repeat;
position:relative;
height:500px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;

padding:0px;
}

#image_left{
margin-left:40px;
margin-top:29px;
height:442px;
width:317px;
float:left;

}

#image_right{
margin-left:81px;
margin-top:29px;
height:442px;
width:317px;
float:left;
}

#album_control{
position:relative;
height:50px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border-bottom:#999999 solid 1px;
padding:0px;
}

.side{
height:100%;
width:10%;
background-color:#CCCCCC;
float:left;}
/* DIV GLOBAL ends here */



/* DIV HOME starts here */
#home{
background: url(images/manga_home_soangel.jpg) right top no-repeat;
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border:#999999 solid 1px;

padding:0px;
}

#links{
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border:#999999 solid 1px;

padding:0px;
}

#home_text{
position:relative;
height:350px;
width:800px;
overflow:auto;
float:left;
text-align:left;
margin:0px;
padding:0px;}

#links_text{
position:relative;
height:350px;
width:800px;
overflow:auto;
float:left;
text-align:left;
margin:0px;
padding:0px;}

#links_column{
width:350px;
margin-left:25px;
margin-right:25px;
float:left;
height:100%}

/* DIV HOME ends here */


/* DIV STORIES starts here */


#stories{
position:relative;
height:350px;
width:800px;
margin-left:0px;
margin-top:0px;
border:#999999 solid 1px;
padding:0px;
}

.liens_stories{
padding:20px;
float:right;}



#epita{
position:relative;
height:auto;
width:800px;
margin-left:0px;
margin-top:0px;
border:#999999 solid 1px;
padding:0px;
}

#epita_text{
height:auto;
width:700px;
margin:auto;
padding:0px;
}
#manga_thumbnails{
height:235px;
width:740px;
overflow:auto;
text-align:left;
margin:auto;
clear:left;
}

#artwork_thumbnails{
height:350px;
width:780px;
overflow:auto;
text-align:left;
margin:auto;
clear:left;
}


/* DIV STORIES starts here */
#contact{
position:relative;
background-image:url(images/iconesophie.gif);
background-repeat:no-repeat;
background-position:right;
height:350px;
width:756px;
margin-left:21px;
margin-top:0px;
border:#CCCCCC solid 1px;
}

#contact_text{
height:350px;
width:756px;
background-image:url(images/sections/titre_section_resume.jpg);
background-position:top left;
background-repeat:no-repeat;
overflow:auto;
float:left;
text-align:left;
}
/* DIV CONTACT ends here */




/* DIV BOTTOM starts here */
#bottom{

height:65px;
width:800px;
position:relative;
background-image: url(images/footer/footer_manga.jpg);
background-color:#FFFFFF;
background-position:center;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:20px;
border:#999999 solid 1px;
}

/* DIV BOTTOM ends here */


/* ID DIVs end here */




/* chapeau de la news */
h1{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin-left:0px;
margin-right:0px;
margin-top:45px;
margin-bottom:15px;
padding:0px;

text-indent:0px;}



/* titre des news */
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin-left:0px;
margin-right:0px;
margin-top:30px;
margin-bottom:10px;
padding:0px;
text-align:left;
font-weight:normal;
}

/* h3 >>>  navi, copyright, liens */
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin-left:0px;
margin-right:0px;
margin-top:5px;
margin-bottom:0px;
padding:0px;
text-align:center;
font-weight:normal;
}


/* h4 h5 h6 page contact */
h4{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:2S0px;
padding:0px;
text-align:left;
font-weight:bold;
}

h5{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-left:20px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
padding:0px;
text-align:left;
font-weight:normal;
}

h6{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-left:20px;
margin-right:20px;
margin-top:5px;
margin-bottom:0px;
padding:0px;
text-align:right;
font-weight:normal;
}


/* texte courant */

p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-align:justify;
text-indent:10px;
padding-right:20px;

}

/* START of classes */


.image{
margin-top:20px;
margin-right:20px;
margin-bottom:20px;
margin-left:40px;
float:left;}

.margin_toast_titre{
margin-top:10px;}



.thumb{
margin:10px;
border: 1px solid #cccccc;
padding:3px;}
.margin_toast{
margin-right:85px;}


/* date dans les news, couleur plus sombre */
.date{
color:#333333;
margin-right:5px;
}

/* decale le copyright de 25px */
.copyright{

margin-top:25px;}

/* div biographie, permet au texte de ne pas se superposer à la photo */
.padding{
padding-right:330px;
padding-left:130px;
}

/* marge à droite pour les flèches, page contact */
.margin_arrow{
margin-right:5px;}


.align_right{
text-align:right;}

.align_center{
text-align:center;}

/* décale le bouton submit du formulaire de courriel */
.margin_submit{
margin-top:20px;
}
.margin-bottom{
margin-bottom:20px;}
.Style1 {color: #333333}td img {display: block;}
/* END of classes */



 
a{
color:#FE72AD;
text-decoration:none;
cursor:crosshair;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}

a:hover{
color:#FEAFC5;
cursor:crosshair;
text-decoration:underline;}
.grey{
color:#CCCCCC;}