/* CSS Document */

/*** Général ***/
*{
margin:0;
padding:0;
border:0px;
}
body{
background-color:#000000;
}
/*** Pagination AJAX ***/
#decoupe_balise a.nav{
position:relative;
font-family:Georgia, Arial, Times, serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:underline;
height:20px;
line-height:20px;
bottom:7px;
}
#decoupe_balise a.nav:hover{
text-decoration:none;
}
#decoupe_balise span.cs_pagination_off{
position:relative;
font-family:Georgia, Arial, Times, serif;
font-size:14px;
font-weight:bold;
color:#000000;
text-decoration:none;
height:20px;
line-height:20px;
bottom:7px;
}


/*** Site ***/
#grimoire{
position:relative;
margin-left:auto;
margin-right:auto;
width:1200px;
height:900px;
background-image:url(images/fond_grimoire.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/*** Header ***/
#header{
position:relative;
margin-left:auto;
margin-right:auto;
width:1200px;
height:181px;
}
#logo{
position:relative;
float:left;
height:181px;
width:244px;
margin-left:100px;
}
#logo a{
display:block;
text-decoration:none;
width:244px;
height:181px;
text-indent:-9999px;
}
#frise{
position:relative;
float:left;
height:181px;
width:614px;
z-index:10000;
}
#frise .frise_chronologique{
position:relative;
width:610px;
height:140px;
margin-left:auto;
margin-right:auto;
margin-top:35px;
}
/***Fin Header ***/

/*** Menu Horizontal ***/
#menu{
position:absolute;
z-index:1;
width:721px;
height:61px;
left:310px;
}
#menu_accueil{
float:left;
z-index:1;
}
#menu_sorts{
float:left;
z-index:1;
}
#menu_objets{
float:left;
z-index:1;
}
#menu_verites{
float:left;
z-index:1;
}
#menu_separateur{
float:left;
z-index:1;
}
#menu_auteur{
position:relative;
float:left;
z-index:1;
}
#menu_forum{
position:relative;
float:left;
z-index:1;
}
/***Fin Menu Horizontal ***/

/*** Zone de contenu (menu vertical + contenu ***/
#centre{
position:relative;
margin-left:auto;
margin-right:auto;
width:1200px;
z-index:3;
height:603px;
margin-top:30px;
}

/*** Menu Vertical Gauche ***/
#menu_v{
position:relative;
float:left;
width:288px;
height:603px;
}
#menu_v #rubis{
position:absolute;
top:35px;
left:150px;
z-index:8;
}
#menu_v_conteneur{
position:relative;
top:180px;
left:155px;
}
#cycles{
position:relative;
margin-top:10px;
}
#separateur_haut{
margin-top:10px;
margin-bottom:10px;
}
#separateur_bas{
margin-top:10px;
margin-bottom:10px;
}

/*** Menu Vertical Gauche : Newsletter ***/
#newsletter_box{
position:relative;
top:220px;
width:138px;
left:155px;
}
#form_newsletter{
width:138px;
}
#newsletter_titre{
position:relative;
text-align:right;
height:25px;
}
#newsletter_titre img{
text-align:right;
}
#newsletter_inscription{
font-family:Georgia, Arial, Times, serif;
font-size:12px;
font-weight:normal;
color:#a58843;
margin-left:6px;
}
.input_newsletter{
border:0px;
font-family:Georgia, Arial, Times, serif;
font-size:11px;
font-weight:normal;
background-color:transparent;
width:120px;
height:28px;
line-height:28px;
margin-top:6px;
margin-left:6px;
}
#email_input{
background-image:url(images/fond_input_newsletter.png);
background-position:top left;
background-repeat:no-repeat;
width:133px;
height:28px;
line-height:28px;
}
#newsletter_valider{
position:relative;
}

#newsletter_ok{
float:left;
margin-left:6px;
}
#newsletter_ok a{
font-family:Georgia, Arial, Times, serif;
font-size:10px;
font-weight:normal;
color:#a58843;
text-decoration:underline;
}
#newsletter_ok a:hover{
text-decoration:none;
}
#newsletter_reset{
float:right;
margin-right:16px;
}
#newsletter_reset a{
font-family:Georgia, Arial, Times, serif;
font-size:10px;
font-weight:normal;
color:#a58843;
text-decoration:none;
}
#newsletter_reset a:hover{
text-decoration:underline;
}
#newsletter_suite{
font-family:Georgia, Arial, Times, serif;
font-size:11px;
font-weight:normal;
color:#a58843;
margin-top:5px;
}
#newsletter_suite a{
font-family:Georgia, Arial, Times, serif;
font-size:10px;
font-weight:bold;
color:#a58843;
text-decoration:underline;
}
/***Fin Menu Vertical Gauche : Newsletter ***/

/***Fin Menu Vertical Gauche ***/

/*** Contenu central ***/
#contenu{
position:relative;
float:left;
background-image:url(images/centre_grimoire.png);
background-position:top left;
background-repeat:no-repeat;
width:813px;
height:603px;
z-index:3;
}
/*** Contenu central : page de gauche ***/
#page_gauche{
float:left;
position:relative;
width:338px;
height:520px;
top:40px;
left:40px;
}
/***Fin Contenu central : page de gauche ***/

/*** Contenu central : page de droite ***/
#page_droite{
position:relative;
top:40px;
float:left;
width:304px;
height:520px;
left:80px;
}
/***Fin  Contenu central : page de droite ***/

/*** Fin Contenu central ***/

/*** Contenu de la Home ***/
.logo_home{
margin-left:25px;
}
.article_home{
margin-top:40px;
}
.texte{
font-family:Georgia, Arial, Times, serif;
font-size:11px;
font-weight:normal;
color:#000000;
width:275px;
height:320px;
padding:5px;
overflow:hidden;
}
.pagination{
text-align:right;
margin-right:50px;
font-family:Georgia, Arial, Times, serif;
font-size:12px;
text-decoration:none;
}
.pagination a.lien_pagination{
font-family:Georgia, Arial, Times, serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:none;
}
.pagination a.lien_pagination:hover{
text-decoration:none;
color:#875729;
}

.pagination .on{
position:relative;
font-family:Georgia, Arial, Times, serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:underline;

}

/***Fin Contenu de la Home ***/

/*** Contenu page Auteur ***/
#page_gauche h1.auteur{
text-align:center;
margin-top:20px;
margin-left:10px;
}
#page_gauche #auteur_logo{
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#page_gauche #auteur_logo img{
text-align:center;
margin-left:10px;
}
#page_gauche #auteur_texte{
font-family:Georgia, Arial, Times, serif;
font-size:12px;
font-weight:normal;
color:#181611;
text-align:left;
width:300px;
padding:5px;
margin-left:20px;
}
#page_droite #portfolio_auteur{
margin-top:45px;
margin-left:10px;
}
/*** Fin Contenu page Auteur ***/

/*** Contenu Pages Cycles et livres ***/
#page_gauche h1.livres{
position:relative;
background-image:url(images/livres.png);
background-position:top left;
background-repeat:no-repeat;
width:78px;
height:32px;
text-indent:-9999px;
top:15px;
left:60px;
}
#liste_livres{
position:relative;
top:15px;
left:65px;
font-family:Georgia, Arial, Times, serif;
font-size:13px;
font-weight:normal;
color:#181611;
z-index:4;
}
#liste_livres a{
font-family:Georgia, Arial, Times, serif;
font-size:13px;
font-weight:normal;
color:#181611;
text-decoration:underline;
}
#liste_livres a:hover{
text-decoration:none;
}
#page_gauche ul,li{
list-style-type:none;
list-style-image:none;
z-index:4;
}
#separateur_livres_haut{
position:relative;
left:70px;
z-index:3;
}
#page_gauche h1.personnages{
position:relative;
background-image:url(images/personnages.png);
background-position:top left;
background-repeat:no-repeat;
width:150px;
height:35px;
left:60px;
text-indent:-9999px;
}
#liste_personnages{
position:relative;
left:65px;
font-family:Georgia, Arial, Times, serif;
font-size:13px;
font-weight:normal;
color:#181611;
z-index:4;
}
#liste_personnages a{
font-family:Georgia, Arial, Times, serif;
font-size:13px;
font-weight:normal;
color:#181611;
text-decoration:underline;
}
#liste_personnages a:hover{
text-decoration:none;
}
#liste_noms{
position:relative;
float:left;
width:70px;
}
#liste_noms ul{
margin-top:10px;
}
#liste_noms li{
line-height:20px;
}
#tableau_persos{
position:relative;
float:left;
width:200px;
}
#separateur_livres_bas{
position:relative;
left:60px;
z-index:3;
top:-10px;
}
#page_gauche h1.discussions{
position:relative;
background-image:url(images/discussions.png);
background-position:top left;
background-repeat:no-repeat;
width:137px;
height:32px;
text-indent:-9999px;
left:60px;
top:-30px;
}
#liste_discussions{
position:relative;
left:65px;
top:-30px;
}
#liste_discussions ul{
width:270px;
}
#liste_discussions a{
font-family:Georgia, Arial, Times, serif;
font-size:13px;
font-weight:normal;
color:#181611;
text-decoration:underline;
}
#liste_discussions a:hover{
text-decoration:none;
}
#acces_forum{
text-align:right;
margin-right:70px;
margin-top:7px;
}

#page_droite h1.cycle{
position:relative;
margin-left:10px;
top:-10px;
}
#logo_cycle{
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#visuels_livre{
position:relative;
margin-left:10px;
top:-25px;
}
#page_droite .titre_livre{
position:relative;
width:144px;
float:left;
}
#page_droite .titre_livre h2{
padding-top:12px;
}
#page_droite .titre_livre .lien_pdf{
margin-top:10px;
margin-left:20px;
}
#page_droite .titre_livre .lien_pdf a{
font-family:Georgia, Arial, Times, serif;
font-size:11px;
font-weight:normal;
color:#181611;
text-decoration:underline;
}
#page_droite .titre_livre .lien_pdf a:hover{
text-decoration:none;
}
#logo_livre{
position:relative;
float:left;
}
.texte_livre{
position:relative;
width:268px;
height:280px;
font-family:Georgia, Arial, Times, serif;
font-size:11px;
font-weight:normal;
color:#181611;
overflow:hidden;
}
#pagination_livre.pagination{
text-align:left;
font-family:Georgia, Arial, Times, serif;
font-size:12px;
text-decoration:none;
}
/*** Fin Contenu Pages Cycles et livres ***/

/*** Contenu page personnage ***/
#page_droite h1.perso{
position:relative;
margin-left:10px;
top:-10px;
}
#perso_logo{
position:relative;
text-align:center;
}
#perso_logo img{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.texte_perso{
position:relative;
width:253px;
height:200px;
font-family:Georgia, Arial, Times, serif;
font-size:11px;
font-weight:normal;
color:#181611;
overflow:hidden;
margin-left:15px;
}
/*** Fin Contenu page personnage ***/

/*** Contenu : Page Sortileges ***/
h1.sortilege{
position:relative;
margin-top:30px;
margin-left:60px;
}
#sortileges{
margin-left:55px;
margin-top:25px;
}
#liste_sorts a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
color:#181611;
text-decoration:underline;
line-height:25px;
height:25px;
}
#liste_sorts a:hover{
text-decoration:none;
}
/*** Fin Contenu : Page Sortileges ***/

/***Fin Zone de contenu (menu vertical + contenu ***/

/*** Footer ***/
#footer{
position:relative;
margin-left:auto;
margin-right:auto;
width:1200px;
}
#footer{
position:relative;
width:800px;
margin-left:300px;
}
#footer_ligne1{
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
line-height:18px;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#875729;
}
#footer_ligne1 a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#875729;
margin-left:5px;
margin-right:5px;
text-decoration:none;
}
#footer_ligne1 a:hover{
text-decoration:underline;
}
.footer_ligne{
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
line-height:14px;
height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#5f3d1d;
}
.footer_ligne a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#5f3d1d;
margin-left:5px;
margin-right:5px;
text-decoration:none;
}
.footer_ligne a:hover{
text-decoration:underline;
}
/***Fin Footer ***/

/*** Utilitaire ***/
.clean{
clear:both;
}