@charset "UTF-8";

html, body, div, ul, li, h1, h2, h3, span, img {margin:0; padding:0; border:0; outline:0; font-size:18px; vertical-align:baseline; background:transparent}
html, body {height:100%; width:100%;z-index:10; color:#5e5e5e; font-size:18px; color:#000}
ul,li {list-style:none}
a {text-decoration:none; color:#000000}
h1 {text-decoration:none; color:#000000; font-family:'SansationRegular', Arial, sans-serif; font-style:normal; font-size:24px}
h2 {text-decoration:none; color:#000000; font-family:'SansationRegular', Arial, sans-serif; font-style:normal; font-size:22px; text-align:center; margin-bottom:10px}
h3 {text-decoration:none; color:#000000; font-family:'SansationRegular', Arial, sans-serif; font-style:normal; font-size:12px}
p {text-align:justify; overflow:hidden}

body {background-image:url('images/fond.jpg'); background-repeat:repeat-x; background-position: top; background-color:#fef3d7}

#contenu-fond {background-image:url('images/fond2.jpg'); background-repeat:no-repeat; background-position:center 245px; width:1050px; height:1200px; margin:0px auto; position:relative;}

#header-fond {background-image:url('images/ban2.jpg'); width:1050px; height:250px; margin:5px auto; overflow:visible}
#logo {width:402px; height:104px; position:absolute; top:67px; left:45px;}
#epee {width:41px; height:437px; position:absolute; top:-2px; left:145px; z-index:-100;}
#blog {width:247px; height:97px; position:absolute; top:152px; right:121px; background-image:url('images/blog.png')}
#blog:hover {background-image:url('images/blog-hover.png')}

#menu {position:absolute; top:270px; left:140px; z-index:30}
#menu ul,li {display:inline; font-size:30px; font-family: "sanvito-pro",sans-serif; font-style: normal; font-weight: 700; color:#4a2214}
#menu ul {margin-left:25px}
#menu li {margin-right:20px}
#menu a {color:#4a2214}
#menu a:hover {color:#c31010}
#menu a.actif {color:#c31010}
#ligne-menu {background-image:url('images/ligne-menu.png'); background-repeat:no-repeat; background-position:center top; width:819px; height:9px}

#contenu {width:1025px; margin:0px auto; position:relative; top:75px}

#bd-fond {background-image:url('images/BD_fond.png'); background-repeat:no-repeat; background-position:center top; width:1042px; height:798px; margin:0px; padding:0px}
#bb-bookblock {position:absolute; left:56px; margin:0px; padding:0px}
.bb-bookblock {margin:0px; padding:0px}
.bb-item {margin:0px; padding:0px}
.pagetexte {position:relative; width:400px; height:600px;top: 30px; left: 30px; }

#col_g {float:left; display:table;}

#menuBD {position:absolute;}
#menuBD ul,li {display:inline; font-size:30px; font-family: "sanvito-pro",sans-serif; font-style: normal; font-weight: 700; color:#4a2214} 
#menuBD ul {margin-left:25px}
#menuBD li {margin-right:20px}
#menuBD a {color:#4a2214}
#menuBD a:hover {color:#c31010}
#menuBD a.actif {color:#c31010}

#col_d {float:right; display:table;}


#menu-flip {position:absolute; top:760px; left:140px; z-index:30; text-align:center; font-size:20px; font-family: "sanvito-pro",sans-serif; font-style: normal; font-weight: 400; color:#4a2214}
#menu-flip ul,li {display:inline;}
#menu-flip ul {margin-left:25px}
#menu-flip li {margin-right:20px}
#menu-flip a {color:#4a2214}
#menu-flip a:hover {color:#c31010}
#menu-flip a.actif {color:#c31010}

#bb-nav-first {margin-left:0px;}
.bb-custom-icon bb-custom-icon-first {color:#ecb161}
#bb-nav-prev {margin-left:150px;}
.bb-custom-icon bb-custom-icon-arrow-left {color:#ecb161}
#bb-nav-next {margin-left:110px;}
.bb-custom-icon bb-custom-icon-arrow-right {color:#ecb161}
#bb-nav-last{margin-left:190px;}
.bb-custom-icon bb-custom-icon-last {color:#ecb161}

#copyright {position:absolute; bottom:0px; width:1050px; text-align:center; color:#d0b37a}
#footer {width: 1050px; text-align:center; height:76px; margin:28px auto 20px auto; position:relative}
#deviantart,#youtube,#facebook {margin-right:5px}
#dons {position:absolute; top:0px; right:0px}