@charset "utf-8";


/*global default styles*/
html {height: 100%;}
img {border: 0;}
li {padding: 0; margin: 0; list-style-type: none;}
ul {padding: 0; margin: 0;}


/*base default font size, type, and line height*/
body {font: 76%/1.4em Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg.jpg) no-repeat #000; color:#fff0d9; padding:0; margin: 0; text-align: left;}

/*add selectors here for font sizing*/
p {font-size: 1.0em}
h1 {padding: 0; margin: 0;}
h2 {padding: 0; margin: 0;}
h3 {padding: 0; margin: 0; color: #fff; font-size: 1.1em; line-height: 1.8em;}
h4 {padding: 0; margin: 0; line-height: 1em; padding-top: 20px;}
h5 {padding: 0; margin: 0; font-size: 1.2em;}
h6 {padding: 0; margin: 0;}

/* LINKS */
a {outline: none;}
a:link {color: #f0a213; text-decoration: underline;}
a:visited {color: #ac740e; text-decoration: underline;}
a:hover {color: #ac740e; text-decoration: none;}
a:visited:hover {color: #f0a213; text-decoration: none;}
a:active {color: #554e4b; text-decoration: none;}

/* GLOBAL */

div#wrap { width: 950px; }

.leftimage { padding-left: 10px; }

/* CONTENT */

ul#menu { height: 32px; }
ul#menu li { float: left; background: no-repeat; height: 32px; text-indent: -9999px;}
ul#menu li a { display: block; text-decoration: none; height: 32px;}
ul#menu li#accueil { background: url(../images/b_accueil.gif); width: 102px; }
ul#menu li#accueil a { width: 102px; }
ul#menu li#accueil a:hover { background: url(../images/b_accueil-over.gif);}
ul#menu li#biographie { background: url(../images/b_biographie.gif); width: 114px; }
ul#menu li#biographie a { width: 114px; }
ul#menu li#biographie a:hover { background: url(../images/b_biographie-over.gif);}
ul#menu li#discographie { background: url(../images/b_discographie.gif); width: 137px; }
ul#menu li#discographie a { width: 137px; }
ul#menu li#discographie a:hover { background: url(../images/b_discographie-over.gif);}
ul#menu li#boutique { background: url(../images/b_boutique.gif); width: 107px; }
ul#menu li#boutique a { width: 107px; }
ul#menu li#boutique a:hover { background: url(../images/b_boutique-over.gif);}
ul#menu li#multimedia { background: url(../images/b_multimedia.gif); width: 115px; }
ul#menu li#multimedia a { width: 115px; }
ul#menu li#multimedia a:hover { background: url(../images/b_multimedia-over.gif);}
ul#menu li#nouvelles { background: url(../images/b_nouvelles.gif); width: 109px; }
ul#menu li#nouvelles a { width: 109px; }
ul#menu li#nouvelles a:hover { background: url(../images/b_nouvelles-over.gif);}
ul#menu li#evenements { background: url(../images/b_evenements.gif); width: 121px; }
ul#menu li#evenements a { width: 121px; }
ul#menu li#evenements a:hover { background: url(../images/b_evenements-over.gif);}
ul#menu li#contacts { background: url(../images/b_contacts.gif); width: 99px; }
ul#menu li#contacts a { width: 99px; }
ul#menu li#contacts a:hover { background: url(../images/b_contacts-over.gif);}


div#pic-zone { float: left; }
div#text-zone { max-width: 600px; margin: 0 50px 0 460px; padding-top: 26px;}

p#intro { font-size: 1.1em; font-weight: bold; }

div#text-zone p{ padding-left: 20px;}
div#text-zone h2{ padding-left: 20px;}
div#text-zone h3{ padding-left: 20px;}
div#text-zone h4{ padding-left: 20px;}
div#text-zone h5{ padding-left: 20px;}

div#text-zone h2 { color: #f8dc83; font-size: 1.3em; line-height: 1.1em;}

h2#album { text-indent: -9999px; background: url(../images/cd_hugo.jpg) no-repeat; width:460px; height:220px; }
h2#album a { display: block; width:460px; height:220px; text-decoration: none; }

h1.titlepage { height: 55px; width: 460px; text-indent: -9999px; }
h1#bienvenue { background: url(../images/t_bienvenue.gif) no-repeat; }
h1#biographie { background: url(../images/t_biographie.gif) no-repeat; }
h1#discographie { background: url(../images/t_discographie.gif) no-repeat; }
h1#boutique { background: url(../images/t_boutique.gif) no-repeat; }
h1#multimedia { background: url(../images/t_multimedia.gif) no-repeat; }
h1#nouvelles { background: url(../images/t_nouvelles.gif) no-repeat; }
h1#evenements { background: url(../images/t_evenements.gif) no-repeat; }
h1#contacts { background: url(../images/t_contacts.gif) no-repeat; }

ul#disco { padding: 20px 0 0 0; }
ul#disco img { float: left; border: solid 2px #714400; margin: 0 25px 80px 0;}

div#flash {background: url(../images/bg_flash.jpg) no-repeat;}
.bgflash {background: url(../images/bg_flash.jpg) no-repeat;}

.title { font-weight: bold; color:#f8dc83; }
.title2 { font-weight: bold; color: #b67800; }
p#newsend { text-align: center; padding-bottom: 30px; color: #b67800;}
p#date { color: #b67800; font-weight: bold;}

div#footer {background:url(../images/footerlogos.gif) no-repeat left bottom; margin: 55px 0 30px 40px; padding: 0 0 50px 0; color: #555555; font-size: 0.9em; max-width: 990px;}
div#footer form { color: #c27e36; float: right; margin-right: 0px; padding: 1.2em;}
div#footer form p { line-height: 1.5em; }
div#footer form#liste input.list { width: 200px; color: #fff; padding: 1px 3px; background: #180e00; border: solid 2px #523200; border-top: solid 2px #311e00; border-left: solid 2px #311e00;}
div#footer p { padding: 0; margin:0; line-height: 0.6em; }
div#footer a { color:#555555; }
div#footer ul { padding: 10px 0; }
div#footer li { display: inline; border-right: solid 1px #555555; padding: 0 5px;}
div#footer li.first { padding-left: 0;}
div#footer li.last { border: none; }