@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-color:#fef3d7;
	background-image:url('images/fond.jpg'), url('images/fond-bottom.jpg'); 
	background-repeat:repeat-x, repeat-x; 
	background-position: top, bottom;
}

#contenu-fond {background-image:url('images/fond2.jpg'); background-repeat:no-repeat; background-position:center 245px; width:1050px; height:1050px; 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}

#col_g {position:relative}
#col_g a:hover {color:#c31010}
.titre_fond {position:relative; width:749px; height:68px; /*background-image:url('images/fond_titres_accueil.png'); background-repeat:no-repeat;*/ color:#c31010}
.titre_fond:hover {position:relative; width:749px; height:68px; /*background-image:url('images/fond_titres_accueil_hover.png'); background-repeat:no-repeat;*/ color:#c31010; cursor:pointer;}
.titre {position:absolute; left:35px; top:19px; font-size:24px; font-weight:700}
.sous_titre {width:719px; padding-left:30px; margin:10px 0px 25px 0px}

.message {display:inline-block; position:relative; line-height:20px; font-size:18px}
.intro {line-height:20px; font-size:18px}
.mentions_in {float:left; width:719px;}

.contenu_gauche {float:left; margin-right:10px; width:305px}
.contenu_droite {float:left; margin-left:10px; width:394px}
.contenu_unique {float:left; padding-left:105px}
.contenu_haut {display:table; overflow:visible}
.contenu_bas {overflow:visible; margin-top:10px}
.suite {font-size:21px; font-weight:700; text-align:right; float:right}
.news_comms {font-size:21px; font-weight:700; text-align:left}

#col_d {position:absolute; width:200px; left:790px; top:25px}

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