@import url("resets.css");

body {
     background: url("bg.jpg") repeat scroll 0pt 0pt transparent;
     color: #495238;
     font-family: arial,sans-serif;
     font-size: 0.8em;
     margin: 0pt;
     padding: 0pt;
}

a {
     border: 0pt none;
     color: #C49F5E;
     font-weight: bold;
     text-decoration: none;
}

p {
     color: #FFFFFF;
     font-size: 11px;
     margin-left: 0px;
     padding: 10px;
}

img {
     border: 0pt none;
     padding: 5px;
}

#globalcontainer {
     margin: 0pt auto;
     width: 1226px;
}

#logobloc {
     height: 120px;
     margin: 20px auto;
     width: 466px;
}

#mainaccueil {
     background: url("../img/mainaccueil.png") repeat scroll 0pt 0pt transparent;
     height: 683px;
     width: 1226px;
}

#mainbio {
     background: url("../img/mainbio.png") repeat scroll 0pt 0pt transparent;
     height: 683px;
     width: 1226px;
}

#maindisco {
     background: url("../img/mainblank.png") repeat scroll 0pt 0pt transparent;
     height: 683px;
     width: 1226px;
}

#mainagenda {
     background: url("../img/mainagenda.png") repeat scroll 0pt 0pt transparent;
     height: 683px;
     width: 1226px;
}

#menu {
     margin: 0pt auto;
     padding-top: 79px;
     width: 760px;
}

#coversbloc {
     margin: 26px auto;
     width: 968px;
}

.album {
     float: left;
     width: 190px;
}

#liensbloc {
     margin: 24px 0pt 0pt 130px;
     text-align: left;
     width: 968px;
}

#reseaux {
     float: left;
     height: 170px;
     margin-left: 10px;
     width: 326px;
}

#shops {
     float: left;
     height: 170px;
     width: 630px;
}

.group:after {
     clear: both;
     content: " ";
     display: block;
     font-size: 0pt;
     height: 0pt;
     visibility: hidden;
}

.group {
     clear: both;
     display: inline-block;
}

* html .group {
     height: 1%;
}

.group {
     display: block;
}

article, aside, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

a:focus {
     outline: 0pt none;
}

#page-wrap {
     margin: 10px auto;
     padding: 0pt;
     width: 909px;
}

#main-content {
     padding: 0pt;
}

h1 {
     color: #FFFFFF;
     display: inline;
     font-family: 'Ubuntu Condensed',sans-serif;
     font-size: 20px;
     margin-left: 10px;
     text-shadow: 1px 1px 1px black;
}

h1 a {
     color: #FFFFFF;
     margin-right: 13px;
	 text-shadow: 1px 1px 2px black;
}

h1 a:hover {
    text-shadow: 1px 1px 1px #8b7e63;
}

p {
     margin: 0pt 0pt 15px;
}

nav ul {
     left: -23px;
     list-style: none outside none;
     padding: 4px 0pt;
     position: relative;
     width: 960px;
}

nav ul li {
     display: inline;
}

nav ul li a {
     display: block;
     float: left;
     height: 180px;
     text-decoration: none;
}

nav ul li a:active, nav ul li a.current {
     top: 1px;
}

.container {
     height: 463px;
     margin-top: 29px;
     width: 1060px;
}

.scrolldiv {
     background: url("../img/bgscrolldiv.png") repeat scroll 0% 0% transparent;
     border: 1px solid black;
     float: right;
     height: 100%;
     width: 420px;
}

.scrolldiv2 {
     background: url("../img/bgscrolldiv.png") repeat scroll 0% 0% transparent;
     border: 1px solid black;
     float: right;
     height: 100%;
     margin-left: 166px;
     width: 360px;
}

#nav-reflection {
     background: none repeat scroll 0% 0% transparent;
     list-style: none outside none;
     margin: 0pt auto 50px;
     min-height: 130px;
     padding: 50px 0pt 0pt 172px;
     width: 452px;
}

#nav-reflection li {
     float: left;
     margin-right: 15px;
     width: 59px;
}

#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {
     background: url("../img/icons.png") no-repeat scroll 0% 0% transparent;
     display: block;
     height: 59px;
     overflow: hidden;
     text-indent: -9999px;
     width: 59px;
}

#nav-reflection span {
     background: url("../img/icons-reflections.jpg") no-repeat scroll 0% 0% transparent;
     display: block;
     height: 34px;
     margin-top: 1px;
     text-align: center;
     width: 59px;
}

#nav-reflection li.button-color-1 a {
     background-position: -3px -2px;
}

#nav-reflection li.button-color-2 a {
     background-position: -92px -2px;
}

#nav-reflection li.button-color-3 a {
     background-position: -181px -2px;
}

#nav-reflection li.button-color-4 a {
     background-position: -270px -2px;
}

#nav-reflection li.button-color-1 span {
     background-position: 0pt 0pt;
}

#nav-reflection li.button-color-2 span {
     background-position: -89px 0pt;
}

#nav-reflection li.button-color-3 span {
     background-position: -178px 0pt;
}

#nav-reflection li.button-color-4 span {
     background-position: -267px 0pt;
}

#nav-shadow {
     background: none repeat scroll 0% 0% transparent;
     list-style: none outside none;
     margin: 0pt auto 50px 13px;
     min-height: 130px;
     padding: 0pt;
     text-align: center;
     width: 970px;
}

#nav-shadow li {
     float: left;
     height: 72px;
     margin-right: 26px;
     position: relative;
     width: 81px;
}

#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
     background: url("../img/icons2.png") no-repeat scroll 0% 0% transparent;
     display: block;
     height: 64px;
     margin: 0pt auto;
     overflow: hidden;
     position: relative;
     text-indent: -9999px;
     width: 64px;
     z-index: 2;
}

#nav-shadow li.button-color-1 a {
     background-position: -3px -2px;
}

#nav-shadow li.button-color-2 a {
     background-position: -92px -2px;
}

#nav-shadow li.button-color-3 a {
     background-position: -181px -2px;
}

#nav-shadow li.button-color-4 a {
     background-position: -270px -2px;
}

#nav-shadow li.button-color-5 a {
     background-position: -359px -2px;
}

#nav-shadow li.button-color-6 a {
     background-position: -448px -2px;
}

#nav-shadow li.button-color-7 a {
     background-position: -537px -3px;
}

#nav-shadow li.button-color-8 a {
     background-position: -626px -2px;
}

#nav-shadow li.button-color-9 a {
     background-position: -715px -2px;
}

#nav-shadow li img.shadow {
     bottom: 0pt;
     left: 0pt;
     margin: 0pt auto;
     position: absolute;
     z-index: 1;
}