@font-face { font-family: 'DejaVuSans'; src: url('http://aceattorney.pixelstories.fr/DejaVuSans.ttf');
src: url('http://aceattorney.pixelstories.fr/DejaVuSans.eot');
src: url('http://aceattorney.pixelstories.fr/DejaVuSans.otf') format('truetype'),
     url('http://aceattorney.pixelstories.fr/DejaVuSans.woff') format('woff'),
     url('http://aceattorney.pixelstories.fr/DejaVuSans.eot?#iefix') format('embedded-opentype'),
     url('http://aceattorney.pixelstories.fr/DejaVuSans.svg') format('svg');
      }
@font-face { font-family: 'AA'; src: url('http://aceattorney.pixelstories.fr/pw.ttf');
src: url('http://aceattorney.pixelstories.fr/pw.otf') format('truetype'),
     url('http://aceattorney.pixelstories.fr/pw.woff') format('woff'),
     url('http://aceattorney.pixelstories.fr/pw.eot?#iefix') format('embedded-opentype'),
     url('http://aceattorney.pixelstories.fr/pw.svg') format('svg'); }
@font-face { font-family: 'georgia'; src: url('http://aceattorney.pixelstories.fr/georgiab.ttf');
src: url('http://aceattorney.pixelstories.fr/georgiab.eot');
src: url('http://aceattorney.pixelstories.fr/georgiab.otf') format('truetype'),
     url('http://aceattorney.pixelstories.fr/georgiab.woff') format('woff'),
     url('http://aceattorney.pixelstories.fr/georgiab.eot?#iefix') format('embedded-opentype'),
     url('http://aceattorney.pixelstories.fr/georgiab.svg') format('svg'); }

#stories { display:flex; justify-content: center; }
#limite { margin: 0 auto; max-width: 80%; }
.pad { padding-left: 6px; padding-right: 6px; }
.actuel img, #limite .actuel img, #limite .actuel img:hover {  filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); }

#limite img {  filter: grayscale(60%);
    -webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
-o-filter: grayscale(60%); }

#limite img:hover {  filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
-o-filter: grayscale(0%); }

.sousmenu, .sousmenu li { border-top: 1px #382D5F solid; }

#stories { display:flex; justify-content: center; }
#flex{ text-align: justify; }
#limite { margin: 0 auto; max-width: 80%; }
.pad { padding-left: 6px; padding-right: 6px; }
.actuel img {  filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); }


summary {
background-color:#516AAA; padding: 3px;
display: block; text-align:center; margin-bottom: 15px; 
font-size: 1.2em; width: 400px; margin: 0 auto;

}

details { padding-bottom: 8px; }


a, #ban a , summary{
   color: rgb(151, 162,195); text-decoration: none; 
}

a:hover, /*#retour a:hover,*/ #ban a:hover, summary:hover {color: rgb(244,255,241);}
#retour a:hover {color: white;}

#drapeau {
/*margin-top:300px; margin-left: 25px;
box-shadow: 2px 2px 0px #444a89, -2px -2px 0px #444a89;*/
margin-top: 260px; margin-left: 25px; background: rgba(0,0,0,0.1); border-radius: 800px; padding: 5px;
} 
#drapeau img { width: 90%; height: auto; }
#soon {
  color: black; font-family: AA, DejaVuSans; font-size: 2em; font-weight: bold;
}

#causerie { color: black; font-size: 1.1em; text-align: justify; width: 70%; margin: 0 auto; }

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

#menu, #menu a, #menu ul a { font-size:  14px; }

#menu 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 : rgb(81,106,170); /* couleur de fond */ width : 200px; /* largeur */ }

#menu li /* Éléments des listes */      
{ float : left; }

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 200px; /* Largeur des sous-listes */
        visibility: hidden; /* Hop, on envoie loin du champ de vision */
}

#menu li ul ul 
{
        margin    : -22px 0 0 220px ; /* 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) */   
}

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

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu 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 */
{
        visibility: visible; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

h1 {
  background-color:#516AAA; padding: 3px; margin-top: 2px; display: inline-block; text-align:center;
}



#bonus a {  background-color: #A8B5D5; color: #516AAA; padding: 4px; }
#bonus a:hover { color: white; }

 #retour a {
 background-color: #A8B5D5; color: #516AAA;
  padding: 4px; margin-bottom: 3px; margin-top: 0px;
border-radius: 30%; /*text-shadow: 0px 0px 0px white, 1px 1px 0px white, -1px -1px 0px white, 2px 2px 0px white, -2px -2px 0px white, 3px 3px 0px black, -3px -3px 0px black;*/
  /*font-weight: bold;*/ font-family: AA, DejaVuSans; font-size: 15px;
 }

 #ban a { text-decoration: none;
text-transform: uppercase;
 color: rgb(151, 162,195); }

#main, html, body, a, a:hover, a:link {
     cursor:     url(http://aceattorney.pixelstories.fr/curseur.png), url(http://aceattorney.pixelstories.fr/curseur.cur), default ;
     cursor:     url(http://aceattorney.pixelstories.fr/curseur.png), url(http://aceattorney.pixelstories.fr/curseur.cur), auto ;
     cursor:     url(http://aceattorney.pixelstories.fr/curseur.png), url(http://aceattorney.pixelstories.fr/curseur.cur), pointer ;
     cursor:     url(http://aceattorney.pixelstories.fr/curseur.png), url(http://aceattorney.pixelstories.fr/curseur.cur), text;
     cursor:     url(http://aceattorney.pixelstories.fr/curseur.png), url(http://aceattorney.pixelstories.fr/curseur.cur), initial;
     cursor:     url(http://aceattorney.pixelstories.fr/curseur.png), url(http://aceattorney.pixelstories.fr/curseur.cur), cell;
     cursor:     url(http://aceattorney.pixelstories.fr/curseur.png), url(http://aceattorney.pixelstories.fr/curseur.cur), context-menu;
     cursor:     url(http://aceattorney.pixelstories.fr/curseur.png), url(http://aceattorney.pixelstories.fr/curseur.cur);
}
body {
 font-size: 15px; 
 background: #9EB7E0 url(chara.png); background-size: cover fixed;
text-align : justify;
   background-repeat: no-repeat;
   background-position: center, top;
   background-attachment: fixed;
   font-family: DejaVuSans, sans-serif;
   margin: 0 auto; 
   margin-top: 2px; 
   margin-bottom: 15px;
width:1300px; }

img { vertical-align: middle; margin: 0;}

#ban, #ban2 { background-color: rgb(81,106,170); }
#ban { border-top-right-radius: 60px; border-top-left-radius: 60px;}
#ban2 { border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; }
#bonus { background-color: rgba(205,206,246, 0.8); margin: 0 auto;}
#conteneur {display: flex; 
justify-content: center;}
#footer {display: flex; 
justify-content: space-around;
width: 1200px;
margin: 0 auto;}

#deux { margin-top: 60px; }

#linear {background-image: linear-gradient(#516AAA, rgba(205,206,246, 0.8));}
#linear_bas {background-image: linear-gradient(rgba(205,206,246, 0.8), #516AAA);}

#linear, #linear_bas { width: 1300px; height: 90px; }

#xit {
height: 15px;
}

#menu_global a { margin: 0 auto; width: 70%; background: #8E4100; padding: 6px; border: 2px white solid;
text-shadow: #602000 1px 1px, #602000 -1px 1px, #602000 -1px -1px, #602000 1px -1px;
border-radius: 7px; font-weight: normal; color: white; text-decoration:none;}
#menu_global a:hover { background-color: #e0a040;
}
#menu_global { font-family: AA; font-size: 9px; text-align: center; margin-bottom: 10px; }

#grand_menu {
font-size: 11.5px;
}