/* ------------------------------
HTML Redefine Tags
------------------------------ */
html {
height: 100%;
}

body{
margin: 0;
height: 100%;
color: #fff;
font-family: Georgia;
background: #070707 url('../images/header.png') no-repeat top left;
}

input, form, textarea
{margin:0; padding:0;}

/* ------------------------------
PAGE STRUCTURE
------------------------------ */
#super_global {
margin: 0;
min-height: 100%;
position : relative;
}

#global {
margin: 0 auto;
position: relative;  
padding-bottom:200px;
}

#global_header {
}

#header_title {
margin: auto;
height:200px;
width: 960px;
text-align:right;
}

#header_title a {
display:block;
font-size:130px;
font-weight:bold;
font-family: Arial;
letter-spacing: -8px;
text-decoration:none;
text-transform: uppercase;
}

#header_title span {
color:brown;
display:block;
font-size:40px;
font-weight:bold;
margin-top:-30px;
font-family: Arial;
letter-spacing: -5px;
text-decoration:none;
font-style:italic;
text-transform: uppercase;
}

#menu {
margin: 0 auto;
width: 960px;
height: 60px;
font-size: 18px;
}

#global_main {
width: 960px;
margin:40px auto;
}

#nav {
width:100%;
margin:0 auto;
background-color: #000000;
border-top: 1px solid #202006;
border-bottom: 1px solid #202006;
}

#area_left {
float: left;
display:block;
height: 400px;
width: 460px;
}

#area_right {
width: 500px;
display:block;
height: 400px;
padding-left:20px;
margin-left:460px;
}

#main {
width: 960px;
}

#footer {
bottom: 0px;
width: 100%;
height: 200px;
position: absolute;
background-color: #000000;
border-top: 1px solid #202006;
}

/* ------------------------------
CUSTOM CLASSES
------------------------------ */

h1 {
height:0px;
text-indent:-3000px;
}

#menu a, a:visited, a:hover, a:active, a:link {
color: #f4ff52;
}

#menu ul#menu_deroulant {
margin:0;
padding:0;
position:absolute;
list-style-type: none;
}


#menu ul#menu_deroulant li {
margin: 0;
border: 0;
padding: 0;
float: left;
width: 135px;
line-height: 60px;
text-align: center;
border-right: 1px solid #0f0f09;
}

#menu #menu_deroulant li.first {
padding-left:5px;
border-left: 1px solid #0f0f09;
}

#menu #menu_deroulant a {
text-decoration: none;
}

#menu #menu_deroulant ul.sub_menu {
margin: 0;
padding: 0;
float:right;
z-index:1000;
display: none;
padding-bottom:5px;
background-color:#000;
list-style-type: none;
border-left: 1px solid #0f0f09;
border-bottom: 1px solid #0f0f09;
}

#menu #menu_deroulant ul.sub_menu li {
border: 0;
float:none;
width: 135px;
line-height:20px;
text-align: center;
}

#menu #menu_deroulant ul.sub_menu li.sub_first {
margin-top: 20px;
}

#menu #menu_deroulant .sub_menu li 
a:link, #menu #menu_deroulant .sub_menu li a:visited {
display:block;
}

#menu #menu_deroulant .sub_menu li a:hover {
text-decoration:underline;
}

#menu #menu_deroulant li:hover .sub_menu {
display: block;
position:relative;
}

#area_left h2 {
font-size:40px;
font-style: italic;
margin-bottom: 20px;
}

#area_left p {
color: #f7f7f7;
font-size: 18px;
font-style: italic;
text-align: justify;
line-height: 21px;
margin-top:30px;
}

#main fieldset {
margin-top: 20px;
padding: 10px;
border: 1px solid #202006;
}

#main fieldset legend {
font-size: 26px;
font-style: italic;
padding: 0 5px 6px 5px;
}

#main fieldset legend a {
color:brown;	
}

#main fieldset p {
color: #f7f7f7;
font-size: 15px;
font-style: italic;
text-align: left;
line-height: 18px;
margin-top:6px;
}

#main p {
color: #fff;	
}

.clear {  
clear:both;
}  
  
#gallery {  
position:relative;  
height:100%;
}  

#gallery a {  
position:absolute;  
}  
 
#gallery a img {  
border:none;
}  

#sub_footer {
width:960px;
margin:0 auto;
padding:0;
}

#sub_footer h3 {
font-size:24px;
font-style:italic;
margin-bottom:10px;
}

#sub_footer #last_comments, #sub_footer #last_posts, #sub_footer #about {
float:left;
width:300px;
height:200px;
display:block;
}

#sub_footer #last_comments a, #sub_footer #last_posts a {
}

#sub_footer #last_comments ul, #sub_footer #last_posts ul {
list-style-type: square;
}

#sub_footer #last_comments li, #sub_footer #last_posts li {
padding-top:5px;
margin-left:15px;
}

div.article {
margin-top:20px;
}

p.pagination {
margin-top:50px;
text-align:center;
letter-spacing:1px;
}

p.pagination a:hover {
text-decoration:none;
}

.cartouche {

}

h2 {
margin:0;
padding:0;
color:brown;
font-size:36px;
}

.cartouche p {
margin-left:20px;
font-style:italic;
}

.surlignable, .menu {
margin-top:40px;
}

.entry-content {
margin-top:40px;		
}

.entry-content p {
font-size:16px;
line-height:28px;
line-spacing:10px;
text-align:justify;
}

h3.spip {
color:brown;
}

#hierarchie {
font-size:11px;
}

#hierarchie a {
color:#fff;
}

#hierarchie a:hover {
color:#f4ff52;
}

#hierarchie .on {
color:#f4ff52;
text-decoration:none;
}

.menu ul {
color:#fff;
margin-top:40px;
list-style-type:circle;
}

.menu ul li {
margin-bottom:25px;
}

.menu ul li h3 {
margin:5px 0;
}

.menu ul li a,.menu ul li small a:hover, .menu ul li h3 a {
color:#fff;
}

.menu ul li small a, .menu ul li a:hover, .menu ul li h3 a:hover {
color:#f4ff52;
}

h2 a:hover, legend a:hover {
text-decoration:none;
}