/*feuille de style du site elite-manga*/

/********************************************************************************
*****general
********************************************************************************/
body {
	margin: auto;
	padding: 20px;
	z-index: 0;
	
	background-color: #CCC;
	
	font-family: verdana, "Times New Roman",Arial,  sans-serif;
	font-size: 0.76em;
}

/********************************************************************************
*****liens
********************************************************************************/
a{
	color: #0f4f81;
}
a:visited {
	color: #1879c5;
}
a:hover{
	text-decoration: none;
	color: red;
}

#menu a, #menu a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#menu_vertical a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
#menu_droite a, #menu_droite a:visited {
	color: #FFF;
	text-decoration: none;
}
#menu_droite a:hover{
	text-decoration: none;
	color: red;
}

a img{ border: none; }

/********************************************************************************
*****baniiere
********************************************************************************/
#banniere {
	width: 759px;
	height: 185px;
	margin : auto;
	margin-bottom : 35px;
	
	border : none;
}

/********************************************************************************
*****menu gauche
********************************************************************************/
/*#conteneur {
	width: 95%;
	border : 0px solid yellow;
	margin: auto;
	padding: 0px;
	
	height: auto;
}*/
	
	
#menu {
	width: 148px;
	float: left;
	
	margin : auto;
	margin-bottom: 25px;
	margin-top: 0px;
	padding: 0px;
	
	border : 0px;
}

#menu_vertical{ 
	text-align: right; 
	padding-right: 10px; 
	font-weight: bold; 
	color: #000; 
	margin: 0px;
	width: 100%;
	
	position: relative;
	top: -20px;
	left: -5px;
	filter:alpha(opacity=75);
}

.transparance {
	position: relative;
	width:100%;
	height:100%;
	
	-moz-opacity:0.75;
	opacity: 0.75;
	-khtml-opacity: 0.75;
	
	background-color: #FFF;
	border: 1px solid #8FC2E4;
}
.transparance:hover{
	border: 1px solid red;
	background-color: #BFF5F7;
}


#menu_droite{
	width: 177px;
	float: right;
	
	margin : auto;
	margin-bottom: 25px;
	margin-top: 0px;
	padding: 0px;
	
	border : 0px;
}


/*sous-menu : element du menu*/
#menu div, #menu_droite div {
	width: 98%;
	
	/*border: 1px solid #8FC2E4;*/
	overflow:hidden;
	background-color: #8FC2E4;

}

.boutton_menu
{
	display: block;
	background-image: url("images/puces.jpg"); /* source de l'image de départ */
    background-repeat: no-repeat;
	background-position: left center;
	
	margin-left: 8px;
	padding-left: 15px;
}
.boutton_menu:hover
{
	display: block;
	background-image: url("images/puces_red.jpg"); /* source de l'image de départ */
    background-repeat: no-repeat;
	background-position: left center;
	
	margin-left: 8px;
	padding-left: 15px;
}

.fond_menu {
	padding: 2px;
	/*padding-top: 36px;	*/padding-top: 0px;
	min-height: 150px;
	
	background-image: url("images/fond_menu2.png");
	background-repeat: no-repeat;
	
	background-image: url("images/arriere_plan_menu2.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
}
.fond_menu  img {	position: relative;
	left: -2px;
	margin-bottom:5px;
}

.fond_rech {
	padding: 2px;
	padding-top: 36px;	
	
	background-image: url("images/fond_rechercher.gif");
	background-repeat: no-repeat;
	
	text-align: center;
}
.fond_partenaire {
	padding: 2px;
	padding-top: 36px;	
	
	background-image: url("images/fond_partenaire.gif");
	background-repeat: no-repeat;
}
.fond_promo {
	padding: 2px;
	padding-top: 36px;	
	text-align: center;
	color: #ffffff;
	
	background-image: url("images/fond_promo.gif");
	background-repeat: no-repeat;
}
.fond_hit {
	padding: 2px;
	padding-top: 36px;	
	
	background-image: url("images/fond_hit.gif");
	background-repeat: no-repeat;
}
.fond_sorties {
	padding: 2px;
	padding-top: 36px;	
	
	background-image: url("images/fond_sorties.gif");
	background-repeat: no-repeat;
}
.fond_nouv_anime {
	padding: 2px;
	padding-top: 36px;	
	
	background-image: url("images/fond_new_anime.gif");
	background-repeat: no-repeat;
}
.fond_nouv_scans {
	padding: 2px;
	padding-top: 36px;	
	
	background-image: url("images/fond_new_scans.gif");
	background-repeat: no-repeat;
}
.fond_google {
	padding: 2px;
	padding-top: 36px;	
	
	background-image: url("images/fond_google.gif");
	background-repeat: no-repeat;
	text-align: center;
}

.fond_sous_menu {
	background-color: #8FC2E4;
	height: 15px;
	padding: 2px;
	
	background-image: url("images/menu_coin_d.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	
	margin-bottom: 25px;
}
.fond_sous_menu_detail {
	width: 25px;
	height: 15px;
	float: left;

	background-image: url("images/menu_coin_g.gif");
	background-repeat: no-repeat;
	
	position: relative;
	left: -2px;
	bottom: -2px;
}


#menu ul, #menu_droite ul { list-style-image: url("images/puces.jpg"); }
	

/********************************************************************************
*****corps
********************************************************************************/
#corps {
	margin-left : 170px;
	margin-right : 195px;
	border: 1px solid #0F4F81;
	/*border-bottom: none;*/
	
	overflow: visible;
	
	padding: 5px;
	margin-top: 0px;

	min-height: 590px;
	
	background-color: #FFF;
	background-image: url("images/fondcorps.png");
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
}


/*en tete du corps*/
.en_tete_corps{
	margin-left : 190px;
	margin-bottom:0px;
	padding:0px;

}
.en_tete_corps table {
	height: 24px;
	border: none;
	padding: 0px;
	border-bottom: 1px solid #0F4F81;
}
.en_tete_corps td {
	height: 24px;
	border: none;
	padding: 0px;
}
	
.en_tete_corps_c {
	background-image: url("images/header_corps_c.png");
	background-repeat: repeat-x;
	height: 24px;
	
	color: #FFF;
}
.en_tete_corps_g {
	background-image: url("images/header_corps_g.gif");
	background-repeat: no-repeat;
	height: 24px;
	width: 20px;
}
.en_tete_corps_d {
	background-image: url("images/header_corps_d.gif");
	background-repeat: no-repeat;
	height: 24px;
	width: 61px;
}

/*bordure arondie du corps*/
.corps_bordure_hg {
	background-image: url("images/corps_bordure_hg.gif");
	background-repeat: no-repeat;
	
	width: 20px;
	height: 20px;
	position: relative;
	left: -6px;
	top: -6px;
}
.corps_bordure_hd {
	background-image: url("images/corps_bordure_hd.gif");
	background-repeat: no-repeat;
	
	width: 20px;
	height: 20px;
	float: right;
	
	position: relative;
	left: 6px;
	top: -26px;
}
.corps_bordure_bg {
	background-image: url("images/corps_bordure_bg.gif");
	background-repeat: no-repeat;
	
	width: 20px;
	height: 20px;
	position: relative;
	left: -6px;
	bottom: -6px;
}
.corps_bordure_bd {
	background-image: url("images/corps_bordure_bd.gif");
	background-repeat: no-repeat;
	
	width: 20px;
	height: 20px;
	float: right;
	
	position: relative;
	left: 6px;
	top: -14px;
}


/********************************************************************************
*****module du corps : bloc de structuration
********************************************************************************/

.corps_g{
	width: 90%;
	height: 100%;
	margin-left: 2%;
}
.corps_d {
	float: right;
	width: 32%;
	height: 100%;
	margin-right: 2%;
}
.center{
	clear: both;
}

.module_corps {
	width: 100%;
	margin-top: 20px;
	
	padding: 5px;
	padding-top:0px;
	
	border-bottom: 1px dotted #0F4F81;
	overflow: hidden;
}


.module_corps_d
{
	width: 35px;
	height: 24px;
	
	background-image: url("images/corps_bandeau_d.gif");
	background-repeat: no-repeat;
	background-position: top;
	z-index:50;
}
.module_corps_c
{
	background-image: url("images/header_corps_c.png");
	background-repeat: repeat-x;
	background-position: top;
	z-index:40;
	color: #FFF;
}
#corps td{border: none; padding: 0px; }

.corps_demarquation
{
	padding-bottom: 15px;
	border-bottom: 1px dotted #0F4F81;
}

.bandeau_news
{
	width: 100%;
	margin-top: 40px;
}

.bandeau_tuto
{
	width: 97%;
	margin-top: 40px;
}

.bandeau{
	background-image: url("images/corps_bandeau_l.gif");
	background-repeat: repeat-x;
	background-position: center;
	z-index: 20;
	
	width: 100%;
	height: 100%;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 10px;
}
.bandeau_table{ width: 105%;height: 39px; padding: 0px; border: none;margin-bottom:10px;margin-top: 15px;}

/********************************************************************************
*****pied de page
********************************************************************************/
#footer {
	clear: both;
	
	width: 95%;
	margin: auto;
	margin-top: 25px;
	padding: 0px;
	
	border: 1px solid #0F4F81;
	
	font-size: .8em;
	text-align: center;
	
	background-color: #FFF;
}

/********************************************************************************
*****infobulle
********************************************************************************/

a.infobulle {
   position: relative;
}
a.infobulle span {
   display: none; /* on masque l'infobulle */
}
a.infobulle:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   /*cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle:hover span {
   display: inline; /* on affiche l'infobulle */
   position: relative;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 0px; /* on positionne notre infobulle */
   left: 30px;

   background: white;

   color: green;
   padding: 1px;

   border: 1px solid #8FC2E4;
   border-left: 4px solid #8FC2E4;
}


/********************************************************************************
*****element généraux
********************************************************************************/
ul {
	padding: 0px;
	margin-left: 25px;
}
ol {
	margin-left: 45px;
}
table {
	border-collapse: collapse;
	border: 0px;
}
/********************************************************************************
*****classe simple de mise en forme
********************************************************************************/
.decalage_g {
	margin-left: 40px;
}

.align_d { text-align: right; padding-right: 10px;}


.centrer { text-align: center; }
.centrer2{ margin:auto; text-align: center; }

.blanc{ color: #FFF; }
.rouge{color: #c82d00;}

/*petite marges en dessous*/
.decal_bas0 { margin-bottom: 3px; }
.decal_bas { margin-bottom: 10px; }
.decal_bas2 { margin-bottom: 20px; }
.decal_bas3 { margin-bottom: 40px; }

.marge_bas{margin-bottom: 5px; margin-top: 0px;}

.grand{font-size: 1.5em;}