//* VARIABLES */
@brun: #b07d68;
@ocre: #cd7444;
.uppercase {text-transform: uppercase;}
.alignright {float: right;}
.alignleft {float: left;}
.hover {background-position: bottom center !important;}

//* RESET  */
header, footer, article, section, nav, menu, figure, video, aside, hgroup {display: block;}
figcaption, address {display: none;}
body * {outline: none;}
a {text-decoration: none;}
.hidden {display: none;}
a img {border: none;}
ul, figure, menu {
margin: 0; padding: 0;
list-style: none; list-style-image: none;
}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
.fancy {cursor: url('../javascript/fancybox/zoomin.cur'), pointer;}

//* GENERAL */
body {
margin: 0; padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
background: url('../skins/img/bg_body.jpg') repeat top left;
color: @brun;
}
#raisin {
width: 105px; height: 663px;
background: url('../skins/img/raisin.jpg') no-repeat top right;
position: absolute; z-index: 1;
left: 50%; top: 0;
margin-left: 489px;
}
#paradis {
width: 978px; height: 26px;
margin: 0 auto;
background: url('../skins/img/paradis.jpg') no-repeat top center;
}
#wrapper {
margin: 0 auto;
width: 978px;
box-shadow: 0 0 10px #000;
			 > header {
				height: 251px;
				background: url('../skins/img/header.jpg') no-repeat top center;
								menu {
								float: right;
								margin: 12px;
												li {
												float: left;
												}
								}
								> a {
								width: 226px; height: 108px;
								margin: 0 0 0 260px;
								float: left;
												h1 {margin: 0; text-indent: -9999px;}
								}
								nav {
								clear: both; float: left;
								height: 26px; width: 710px;
								margin: 116px 0 0 267px;
								border-left: 1px solid #020202;
												a {
												float: left;
												border-left: 1px solid #414141;
												border-right: 1px solid #020202;
												padding: 0 8px;
												height: 26px;
																&:hover, &.selected {
																background-color: #525252;
																}
												}
								}
				}
				> section {
				background: #450101 url('../skins/img/main.png') no-repeat top left;
				overflow: hidden;
				min-height: 386px;
				height: auto !important;
				height: 386px;
							 > nav {
								width: 206px;
								float: left;
								padding-top: 120px;
								text-align: center;
												#liste_menu_gauche {
																li {
																				a {
																				display: block;
																				width: 187px; height: 25px;
																				text-indent: -9999px;
																				margin: 0 auto 8px;
																				}
																				&.selected a, a:hover {.hover;}
																}
												}
								}
								> article {
								float: left;
								width: 772px;
								}
				}
}
footer {
width: 978px;
margin: 20px auto;
text-align: center;
color: #b44920;
				nav {
				margin-bottom: 15px;
				}
				a {
				color: #b44920;
				text-decoration: underline;
				}
}
#credits {
font-size: 0.8em;
text-align: center;
margin: 10px 0 0;
color: #fff;
				a {color: #fff;}
}
.clic_rouge {
display: block;
width: 107px; height: 19px;
background: url('../skins/img/clic_rouge.png') no-repeat top center;
text-indent: -9999px;
				&:hover {.hover;}
}
.clic_noir {
display: block;
width: 134px; height: 24px;
background: url('../skins/img/clic_noir.png') no-repeat top center;
text-indent: -9999px;
				&:hover {.hover;}
}
#page_suiv {
background: url('../skins/img/page_suiv.png') no-repeat top left;
height: 21px; width: 124px;
float: right;
text-indent: -9999px;
				&:hover {.hover;}
}
#page_prec {
background: url('../skins/img/page_prec.png') no-repeat top left;
height: 21px; width: 137px;
float: left;
text-indent: -9999px;
				&:hover {.hover;}
}