@charset "UTF-8";

html, body, div, ul, li, h1, h2, h3, span, img {margin:0; padding:0; border:0; outline:0; font-size:100%; 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:#5e5e5e}
h1 {text-decoration:none; color:#5e5e5e; font-family:'SansationRegular', Arial, sans-serif; font-style:normal; font-size:15px}
h2 {text-decoration:none; color:#5e5e5e; font-family:'SansationRegular', Arial, sans-serif; font-style:normal; font-size:14px}
h3 {text-decoration:none; color:#5e5e5e; 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/contenu-fond-carte2.jpg'); background-repeat:no-repeat; background-position:center 245px; width:1050px; height:1250px; margin:0px auto; position:relative;}

#header-fond {background-image:url('images/ban-carte2.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/carte-blog.png')}
#blog:hover {background-image:url('images/carte-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:#8abaa8}
#menu ul {margin-left:25px}
#menu li {margin-right:20px}
#menu a {color:#8abaa8}
#menu a:hover {color:#ffffff}
#menu a.actif {color:#ffffff}
#ligne-menu {background-image:url('images/ligne-menu_carte.png'); background-repeat:no-repeat; background-position:center top; width:819px; height:9px}

#contenu {width:990px; margin:0px auto; position:relative; top:65px; left:7px;}
ul#menuCarte {text-align:right; margin-right:60px; font-size:0}
ul#menuCarte li {display:inline-block; cursor:pointer}

#menu-allahan {background-image:url(images/carte/allahan.png); background-repeat:no-repeat}
#menu-basten {background-image:url(images/carte/basten.png); background-repeat:no-repeat}
#menu-chaos {background-image:url(images/carte/chaos.png); background-repeat:no-repeat}
#menu-rhyoul {background-image:url(images/carte/rhyoul.png); background-repeat:no-repeat}
#menu-istio {background-image:url(images/carte/istio.png); background-repeat:no-repeat}
#menu-foret {background-image:url(images/carte/foret.png); background-repeat:no-repeat}
#menu-desert {background-image:url(images/carte/desert.png); background-repeat:no-repeat}
#menu-sanctuaire {background-image:url(images/carte/sanctuaire.png); background-repeat:no-repeat}
#menu-ondines {background-image:url(images/carte/ondines.png); background-repeat:no-repeat}
#menu-banshees {background-image:url(images/carte/banshees.png); background-repeat:no-repeat}

#partCarte img {position:absolute}

#part-allahan {top:399px; left:436px}
#part-basten {top:259px; left:602px}
#part-chaos {top:313px; left:846px}
#part-rhyoul {top:153px; left:397px}
#part-istio {top:135px; left:256px}
#part-foret {top:192px; left:187px}
#part-desert {top:338px; left:143px}
#part-sanctuaire {top:323px; left:120px}
#part-ondines {top:588px; left:546px}
#part-banshees {top:396px; left:638px}

.parchemain {width:757px; height:514px; padding:100px; background-image:url(images/carte/parchemain.png); position:absolute; top:110px; left:0px; display:none; color:#1c3028; font-size:19px}
.parchemain h2 {color:#614535; font-size:32px;}

.fermer {position:absolute; top:50px; right:60px; cursor:pointer}

#blazCarte img {position:absolute; bottom:-680px; right:0px}

#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}