a {
	color:#000000;
	text-decoration : none;
	}

img {
border: 0 none;
}

body {
	font-family: verdana ;
	background-color: #fffac6;
	background-image: url(../images/structure/fond2.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	}


body {
	font-family: verdana ;
	background-color: #fffac6;
	background-image: url(../images/structure/fond2.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	}


.epuise_badge {
	position:absolute;
	display:block;
	width:300px; height:300px;
	/*width:66px; height:64px;*/
	top:12px; left:5px;
	background:transparent url(../images/structure/epuise_badge.png) no-repeat;
	z-index:50;
}

.epuise_badge span {
	display:none;
}

#hautdepage {
	background-image: url(../images/structure/logo_petit_fond.png);
	background-position:center top;
	background-repeat:no-repeat;
	height: 200px;
	width: 987px;
}

#hautdepage_manga {
	background-image: url(../images/structure/logo_manga_fond.png);
	background-position:center top;
	background-repeat:no-repeat;
	height: 200px;
	width: 987px;
}

#menu {
	font-size: small;
	height: 56px;
	width: 995px;
	
}

#menu_manga {
	font-size: small;
	height: 56px;
	width: 995px;
}

#contenu {
//	background-image: url(../images/structure/filet.gif);
//	background-repeat: repeat-y;
	width: 987px;
//	background-color: #fff;
	padding: 5px;
}

#contenu_manga {
//	background-image: url(../images/structure/filet.gif);
//	background-repeat: repeat-y;
	width: 987px;
//	background-color: #fff;
	padding: 5px;
}

#pieddepage {
	background-color: #CCCCCC;
	width: 995px;
	font-size: small;
	text-align:center;
	padding-left: 10px;
}

#conteneur {
	position: center, absolute;
	width: 987px;
	margin-right: auto;
	margin-left: auto;
}

/* merci http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html pour ce menu */


#menu_horizontal, #menu_horizontal ul /* Liste */     
{

        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 40px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu_horizontal /* Ensemble du menu_horizontal */
{
		margin-top : -16;
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 12 pixels */
}

#menu_horizontal a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : url(../images/structure/portesCoulissantes.png) left top no-repeat; /* couleur de fond */        
        color : #006; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 141px; /* largeur */
}

#menu_horizontal li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
//        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_horizontal li
{
//        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_horizontal li ul /* Sous-listes */
{ 
        font-size : 14px; /* hauteur du texte : 12 pixels */
        position: absolute; /* Position absolue */
        width: 141px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu_horizontal li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//       border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_horizontal li ul li                
{
//        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu_horizontal li ul ul 
{
        margin    : -38px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_horizontal li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#menu_horizontal li:hover ul ul, #menu_horizontal li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_horizontal li:hover ul, #menu_horizontal li li:hover ul, #menu_horizontal li.sfhover ul, #menu_horizontal li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#menu_horizontal a:hover /* Lorsque la souris passe sur un des liens */    
{
       color: #fffe42; /* On passe le texte en noir... */
       background: url(../images/structure/portesCoulissantes.png) right top no-repeat; /* ... et au contraire, le fond en blanc */
}

/* merci http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html pour ce menu */


#sous_menu_horizontal, #sous_menu_horizontal ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin-left : 70; /* pas de marge intérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 40px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#sous_menu_horizontal /* Ensemble du sous_menu_horizontal */
{
		padding-left : 80px;
		margin-top : -16;
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 12 pixels */
}

#sous_menu_horizontal a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
//        background : url(../images/structure/sous_portesCoulissantes.png) left top no-repeat; /* couleur de fond */        
        color : #fffe42; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 50px; /* largeur */
}

#sous_menu_horizontal li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
//        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal li
{
//        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#sous_menu_horizontal li ul /* Sous-listes */
{ 
        font-size : 14px; /* hauteur du texte : 12 pixels */
        position: absolute; /* Position absolue */
        width: 40px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#sous_menu_horizontal li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//       border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal li ul li                
{
//        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#sous_menu_horizontal li ul ul 
{
        margin    : -38px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #sous_menu_horizontal li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#sous_menu_horizontal li:hover ul ul, #sous_menu_horizontal li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#sous_menu_horizontal li:hover ul, #sous_menu_horizontal li li:hover ul, #sous_menu_horizontal li.sfhover ul, #sous_menu_horizontal li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#sous_menu_horizontal a:hover /* Lorsque la souris passe sur un des liens */    
{
       color: #006; /* On passe le texte en noir... */
       background: url(../images/structure/sous_portesCoulissantes.png) right top no-repeat; /* ... et au contraire, le fond en blanc */
}

/* merci http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html pour ce menu */


#sous_menu_horizontal_annee, #sous_menu_horizontal_annee ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin-left : 17; /* pas de marge intérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 40px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#sous_menu_horizontal_annee /* Ensemble du sous_menu_horizontal_annee */
{
		padding-left : 80px;
		margin-top : -16;
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 12 pixels */
}

#sous_menu_horizontal_annee a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
//      background : url(../images/structure/sous_portesCoulissantes_annee.png) left top no-repeat; /* couleur de fond */        
        color : #fffe42; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 80px; /* largeur */
}

#sous_menu_horizontal_annee li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
//      border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal_annee li
{
//      border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#sous_menu_horizontal_annee li ul /* Sous-listes */
{ 
        font-size : 14px; /* hauteur du texte : 12 pixels */
        position: absolute; /* Position absolue */
        width: 80px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#sous_menu_horizontal_annee li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//       border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal_annee li ul li                
{
//        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#sous_menu_horizontal_annee li ul ul 
{
        margin    : -38px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #sous_menu_horizontal_annee li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#sous_menu_horizontal_annee li:hover ul ul, #sous_menu_horizontal_annee li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#sous_menu_horizontal_annee li:hover ul, #sous_menu_horizontal_annee li li:hover ul, #sous_menu_horizontal_annee li.sfhover ul, #sous_menu_horizontal_annee li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#sous_menu_horizontal_annee a:hover /* Lorsque la souris passe sur un des liens */    
{
       color: #006; /* On passe le texte en noir... */
       background: url(../images/structure/sous_portesCoulissantes_annee.png) right top no-repeat; /* ... et au contraire, le fond en blanc */
}


/* merci http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html pour ce menu */


#sous_menu_horizontal_para, #sous_menu_horizontal_para ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin-left : 68; /* pas de marge intérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 40px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#sous_menu_horizontal_para /* Ensemble du sous_menu_horizontal_para */
{
		padding-left : 80px;
		margin-top : -16;
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 12 pixels */
}

#sous_menu_horizontal_para a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
//      background : url(../images/structure/sous_portesCoulissantes_para.png) left top no-repeat; /* couleur de fond */        
        color : #fffe42; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 150px; /* largeur */
}

#sous_menu_horizontal_para li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
//        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal_para li
{
//        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#sous_menu_horizontal_para li ul /* Sous-listes */
{ 
        font-size : 14px; /* hauteur du texte : 12 pixels */
        position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#sous_menu_horizontal_para li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//       border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal_para li ul li                
{
//        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#sous_menu_horizontal_para li ul ul 
{
        margin    : -38px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #sous_menu_horizontal_para li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#sous_menu_horizontal_para li:hover ul ul, #sous_menu_horizontal_para li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#sous_menu_horizontal_para li:hover ul, #sous_menu_horizontal_para li li:hover ul, #sous_menu_horizontal_para li.sfhover ul, #sous_menu_horizontal_para li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#sous_menu_horizontal_para a:hover /* Lorsque la souris passe sur un des liens */    
{
       color: #006; /* On passe le texte en noir... */
       background: url(../images/structure/sous_portesCoulissantes_para.png) right top no-repeat; /* ... et au contraire, le fond en blanc */
}


/*MANGA MANGA MANGA */


#menu_horizontal_manga, #menu_horizontal_manga ul /* Liste */     
{

        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 40px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu_horizontal_manga /* Ensemble du menu_horizontal_manga */
{
		margin-top : -16;
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 12 pixels */
}

#menu_horizontal_manga a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : url(../images/structure/portesCoulissantes_manga.png) left top no-repeat; /* couleur de fond */        
        color : #006; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 141px; /* largeur */
}

#menu_horizontal_manga li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
//        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_horizontal_manga li
{
//        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_horizontal_manga li ul /* Sous-listes */
{ 
        font-size : 14px; /* hauteur du texte : 12 pixels */
        position: absolute; /* Position absolue */
        width: 141px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu_horizontal_manga li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//       border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_horizontal_manga li ul li                
{
//        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu_horizontal_manga li ul ul 
{
        margin    : -38px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_horizontal_manga li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#menu_horizontal_manga li:hover ul ul, #menu_horizontal_manga li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_horizontal_manga li:hover ul, #menu_horizontal_manga li li:hover ul, #menu_horizontal_manga li.sfhover ul, #menu_horizontal_manga li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#menu_horizontal_manga a:hover /* Lorsque la souris passe sur un des liens */    
{
       color: #ff0000; /* On passe le texte en noir... */
       background: url(../images/structure/portesCoulissantes_manga.png) right top no-repeat; /* ... et au contraire, le fond en blanc */
}

/* merci http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html pour ce menu */


#sous_menu_horizontal_manga, #sous_menu_horizontal_manga ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin-left : 70; /* pas de marge intérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 40px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#sous_menu_horizontal_manga /* Ensemble du sous_menu_horizontal_manga */
{
		padding-left : 80px;
		margin-top : -16;
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 12 pixels */
}

#sous_menu_horizontal_manga a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
//        background : url(../images/structure/sous_portesCoulissantes_manga.png) left top no-repeat; /* couleur de fond */        
        color : #ff0000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 50px; /* largeur */
}

#sous_menu_horizontal_manga li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
//        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal_manga li
{
//        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#sous_menu_horizontal_manga li ul /* Sous-listes */
{ 
        font-size : 14px; /* hauteur du texte : 12 pixels */
        position: absolute; /* Position absolue */
        width: 40px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#sous_menu_horizontal_manga li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//       border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal_manga li ul li                
{
//        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#sous_menu_horizontal_manga li ul ul 
{
        margin    : -38px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #sous_menu_horizontal_manga li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#sous_menu_horizontal_manga li:hover ul ul, #sous_menu_horizontal_manga li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#sous_menu_horizontal_manga li:hover ul, #sous_menu_horizontal_manga li li:hover ul, #sous_menu_horizontal_manga li.sfhover ul, #sous_menu_horizontal_manga li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#sous_menu_horizontal_manga a:hover /* Lorsque la souris passe sur un des liens */    
{
       color: #006; /* On passe le texte en noir... */
       background: url(../images/structure/sous_portesCoulissantes_manga.png) right top no-repeat; /* ... et au contraire, le fond en blanc */
}


#sous_menu_horizontal_para_manga, #sous_menu_horizontal_para_manga ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin-left : 68; /* pas de marge intérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 40px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#sous_menu_horizontal_para_manga /* Ensemble du sous_menu_horizontal_para_manga */
{
		padding-left : 80px;
		margin-top : -16;
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 12 pixels */
}

#sous_menu_horizontal_para_manga a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
//      background : url(../images/structure/sous_portesCoulissantes_para_manga.png) left top no-repeat; /* couleur de fond */        
        color : #ff0000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 150px; /* largeur */
}

#sous_menu_horizontal_para_manga li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
//        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal_para_manga li
{
//        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#sous_menu_horizontal_para_manga li ul /* Sous-listes */
{ 
        font-size : 14px; /* hauteur du texte : 12 pixels */
        position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#sous_menu_horizontal_para_manga li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//       border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #sous_menu_horizontal_para_manga li ul li                
{
//        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#sous_menu_horizontal_para_manga li ul ul 
{
        margin    : -38px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
//        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #sous_menu_horizontal_para_manga li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#sous_menu_horizontal_para_manga li:hover ul ul, #sous_menu_horizontal_para_manga li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#sous_menu_horizontal_para_manga li:hover ul, #sous_menu_horizontal_para_manga li li:hover ul, #sous_menu_horizontal_para_manga li.sfhover ul, #sous_menu_horizontal_para_manga li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#sous_menu_horizontal_para_manga a:hover /* Lorsque la souris passe sur un des liens */    
{
       color: #006; /* On passe le texte en noir... */
       background: url(../images/structure/sous_portesCoulissantes_para_manga.png) right top no-repeat; /* ... et au contraire, le fond en blanc */
}