@charset "utf-8";
/* CSS Document pour FF */

body{ 
background-image: url("./images/lesfreresdudragon/fond.jpg"); /* url de l'image velour du fond */
background-attachment: fixed;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt; 
font-weight: normal; 
color:#cc9966; 
margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
padding: 0;
text-align: center;  /*ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #parametrage */  
}

.pageelastique #parametrage {
width: 60em; 
min-height: 35em; 
background: #000000; /* Fond général du site */
margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
margin-top: 0.5em; /* Marge supérieure entre le fond velour et le corps du site */
margin-bottom: 0.5em; /* Marge inférieure entre le fond velour et le corps du site*/
border: 1px solid #FFFFFF;
/* text-align: left; ce paramétrage annule le paramètre text-align: center de l'élément body. */
}

.pageelastique #contenuespace{
padding: 0 ; 
border-bottom: solid 1px #FFFFFF;
}

#fond_contenu{ 
background: #000000;
}

#en_tete{ /* Bannière */
border-bottom: solid 1px #FFFFFF;
width: 960px; 
height: 130px; 
margin: auto; 
}

#corps{
padding-top: 2em;
margin-left: 10em;
margin-right: 10em;
padding-bottom: 2em;
}

.imagesgauche{
margin: 0;
padding: 0;
float: left;
margin-left: 1em;
margin-right: 1em;
}

.imagesdroite{
margin: 0;
padding: 0;
float: right;
margin-left: 1em;
margin-right: 1em;
}

#textesgauche{
margin:0;
padding:0;
margin-right: 1em;
text-align:left;
color:red;
}

.bloc /*Transforme une image + un texte en un bloc pour bien les espacer*/
{ 
display:inline-block;
margin-bottom: 1em;
}

#iframe
{
padding-left: 1.5em;
}

#menu{
width: 960px;
height: 1.8em;
font-family: Verdana, "Trebuchet MS", "Comic Sans MS", "Times New Roman", Georgia, serif; 
}

#menu li{
padding: 4px 0 ;
text-align: center ;
font-variant: small-caps;
font-weight: bold;
height: 1.8em;
}

#menu, #menu ul    
{
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 : 1.5em; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu a
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #000; /* couleur de fond */        
color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 100%; /* largeur */
}

#horizontal li ul /* Sous-menus */
{ 
position: absolute; 
width: 0; /* Nécessaire pour que les sous-menus se placent verticalement */
left: -999em; /* Hop, on envoie loin du champ de vision */
padding-top:1px;
margin-left:-1px; /* Nécessaire pour réaligner les sous-menu au menu */
margin-top:12px;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}

#Titres_Menus1, #Titres_Menus2, #Titres_Menus3, #Titres_Menus4{
display:block;
padding-top:4px;
margin-bottom:-4px;
font-family: Verdana,"Trebuchet MS", "Comic Sans MS", "Times New Roman", Georgia, serif;
font-variant: small-caps;
}

#Titres_Menus1:first-letter, #Titres_Menus2:first-letter, #Titres_Menus3:first-letter, #Titres_Menus4:first-letter{
font-size:1.2em;
font-weight: bold;
}

#horizontal li{
float: left ; 
width: 157px ;
border: 1px solid #600 ;
margin-right: 1px ; 
color: #fff ; 
background: #c00 ; 
line-height: 15px; /* =15px de hauteur pour les boutons du menu horizontal */
}

#horizontal li a{ 
display: block ; /* Oblige le block à agire comme un inline et à tout mettre sur 1 ligne */
background: #c00 ; 
color: #fff ; 
font-variant: small-caps;
font-weight: bold;
line-height: 15px; /* =15px de hauteur pour les boutons du menu horizontal */
padding: 4px 0 ;
text-align: center ;
}

#horizontal li:first-letter, #horizontal li a:first-letter { 
font-size: 1.2em;
}

#horizontal li a:hover, #horizontal li a:focus, #horizontal li a:active { 
background: #900 ;
line-height: 23px;
margin-top:-4px;
}

#colonnegauche{
padding-top: 35px;
width: 150px;
min-height: 35em;
float: left;
padding-left: 0px; /* 38px pour les images boutons*/
border-left: none;
text-align:left;
}

#colonnegauche img{
margin-left:-38px;
}

/*
#decoration_gauche{
background-image: url("./freresdudragon/colonnes/back_menu.png");
background-repeat: repeat-y;
margin-left:-30px;
margin-top:-4px;
margin-bottom:-17px;
}

.menugauche{
padding-left: 8px;
}

*/
#colonnedroite{
padding-top: 35px;
width: 119px;
min-height: 35em;
float: right;
padding-right: 38px;
border-right: none;
}

#colonnedroite img{
margin-right: 38px;
}

.pub{ /* La largeur et la hauteur idéales sont 157px * 500px */
margin-left: -2px;
margin-top: -34px; /* Pour coller la pub au menu du dessus */
}

p, td{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; 
font-weight: normal;
color:#cc9966;
text-align:justify;
margin-left: 1em;
margin-right: 1em;
}

ul, ol, blockquote{
margin: 0px;
padding: 0px;
}

ul{
list-style-type: disc;
font-family: Verdana,"Trebuchet MS", "Comic Sans MS", "Times New Roman", Georgia, serif; 
font-size: 10pt; 
font-weight: normal;
color:#cc9966;
text-align:justify;
}

hr
{
width:612px;
}

h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight:normal;
color:#d1141e;
margin: 0px;
margin-left: 0.5em;
margin-bottom:1em;
text-align:justify;
}

h2{
font-weight: normal;
font-size: 11pt;
color:#d1141e;
margin: 0px;
margin-left: 1em;
text-align:justify;
}

h3{
font-family: Georgia, serif; 
font-weight: normal;
font-size: 16pt;
color:#d1141e;
margin: 0px;
margin-left: 0.5em;
text-align:center;
}

h4{
font-weight: normal;
font-size: 13pt;
text-decoration: underline;
color:#ff8600;
margin: 0px;
margin-left: 0.5em;
text-align:justify;
}

h5{
font-weight: normal;
font-size: 14pt;
text-decoration: none;
margin: 0px;
margin-left: 0.6em;
text-align:justify;
}

h6{
font-weight: bold;
font-size: 10pt;
text-decoration: underline;
margin: 0px;
margin-left: 0.9em;
text-align:justify;
}

h7{
margin: 0px;
margin-left: 0.5em;
text-align:justify;
}

pre{
margin: 0px;
}

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

a img{ /* Toutes les images contenues dans un lien */
border : none;
}

a:hover{ /* Couleur lors du passage de la souris sur le lien */ 
color:#f7d179;
text-decoration: none;
margin-top:-4px;
}

.estoc_pare
{
width: 375px;
height: 250px;
background: url("./freresdudragon/016-Estoc-aux-gants.jpg");
margin-top: -0.3em;
margin-left: -0.2em;
margin-right: -0.4em;
}

.estoc_pare:hover
{
width: 375px;
height: 250px;
background: url("./freresdudragon/017-Bonne-parade.jpg");
margin-top: -0.3em;
margin-left: -0.2em;
margin-right: -0.4em;
}

.pentacle
{
width: 600px;
height: 400px;
background: url("./freresdudragon/049-Flammes-sur-camp.jpg");
margin-left: 20px;
}

.pentacle:hover
{
width: 600px;
height: 400px;
background: url("./freresdudragon/082-pentacle-hautmont.jpg");
margin-left: 20px;
}

.stand_forge
{
width: 600px;
height: 300px;
background: url("./freresdudragon/108-Boutique-nocturne.jpg");
margin-right: -0.4em;
}

.stand_forge:hover
{
width: 600px;
height: 300px;
background: url("./freresdudragon/108-rollover-boutique.jpg");
margin-right: -0.4em;
}

.ewarthirya
{
width: 300px;
height: 325px;
background: url("./freresdudragon/235-Detouree-Ewarthirya.jpg");
margin-right: -0.4em;
}

.ewarthirya:hover
{
width: 300px;
height: 325px;
background: url("./freresdudragon/236-Clin-oeil-Ewarthyria.jpg");
margin-right: -0.4em;
}

#scenarii_curseur
{
margin-left:180px;
background-image:url("");
height:22px;
top:auto;
}

#scenarii_curseur:hover
{
margin-left:180px;
background:no-repeat;
background-image:url("./freresdudragon/icones/Simplistica/24x24/next.png");
height:22px;
}

#scenarii_menu
{
padding-left:20px;
font-family:"Times New Roman", Times, serif;
font-size:22px;
font-style:italic;
}

.intro_scenar
{
text-align:left;
}

.Blason{
color:#FFFF00;
text-align:center;
}

.textedroiteh2
{
text-align:right;
}

#textescentre
{
text-align:center;
}

#haut_page
{
position:relative;
height:25px;
margin-bottom:-26px;
margin-left:580px;
}

#logofirefox
{
padding-left:5em;
width:75px;
}

.firefox
{
font-size:10px;
text-align:center;
}

.logow3c
{
padding-left:4.5em;
width:88px;
}

#pied_de_page {
margin-top: 0.5em; /* Marge supérieure entre la ligne blanche du bas et le pied de page*/
margin-bottom: 0.5em; /* Marge inférieure entre la ligne blanche du bas et le pied de page*/
background-color: #000000;
}

.piedcentre{
margin: 0 auto;
text-align: center;
}