@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/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:990px; margin:0px auto; position:relative; top:30px}
#colonne_gauche {width:790px; float:left}
#colonne_droite {width:200px; float:left}

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

#race1 {position:absolute; width:206px; height:651px; top:60px; left:190px; background-image:url(images/humains.png); background-repeat:no-repeat}
#race2 {position:absolute; width:206px; height:651px; top:60px; left:440px; background-image:url(images/hybrides.png);}
#race3 {position:absolute; width:206px; height:651px; top:60px; left:690px; background-image:url(images/chimeres.png);}