/* 
dark blue : #151A25 
darker blue : #0C1016 
candy blue: #80DFFF
light yellow: #FFCA59
darker yellow: #FFA940
*/


* { margin: 0; padding: 0; font-size: 100%; }

body { font: 13px/1.5 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #FFF; background: #0C1016; margin: 0; padding: 0; text-align: center; }

p { margin: .75em 0; }

a { color: #FFCA59; } a:hover { color: #FFA940; }

h1 { font-size: 30px; }
h2 { font-size: 21px; margin: 1em 0 .5em; }
h3 { font-size: 19px; margin: .8em 0 .2em; }
h4 { font-size: 16px; }
h5 { font-size: 14px; margin: .5em 0 0; }

img { border: 0; }

fieldset { border: 0; }

blockquote { font: italic 18px/22px 'Georgia','Times New Roman', serif; text-align: justify; }
blockquote p { margin: .25em 0; }
cite { font: 12px/1.5 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #FFF; }

#header { background: #151A25 url(header_bg.jpg) repeat-x; height: 180px; overflow: hidden; text-align: center; margin: 0; }
#header div { width: 900px; margin: 0 auto; text-align: left; position: relative; padding: 25px 0 0; }
#header h1 { height: 80px; width: 600px; overflow: hidden; position: relative; margin: 0 0 19px; }
#header h1 b { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(copi.png); }
#header #location_txt  { position: absolute; top: 0px; right: 200px; font-size: 10px; margin: 0; color: #838589; }
#header #location_bath, #header #location_contact { position: absolute; top: 0; right: 74px; height: 142px; width: 56px; background: url(location.png) no-repeat 0px 0px; line-height: 57px; margin: 0; }
#header #location_contact { right: 0; width: 69px; background-position: -57px 0px; }
#header #location_bath a, #header #location_contact a { display: block; height: 142px; }
#header #location_bath a b, #header #location_contact a b { position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(location.png); }
#header #location_contact a b { background-position: -57px 0px; }
#header #location_contact a:hover, #header #location_contact a:hover b { background-position: -57px -152px; }

#header ul#nav { list-style: none; overflow: hidden; display: block; height: 55px; width: 700px; margin: 0; padding: 0; }
#header #nav li { float: left; margin: 0 1px 0 0; }
#header #nav li.activites, #header #nav li.liens, #header #nav li.telecharger, #header #nav li.autre1 { margin-right: 10px; }
#header #nav li, #header #nav li a { background: url(nav.png); height: 55px; }
#header #nav li a { display: block; font-size: 11px; text-align: center; position: relative; }
#header #nav li a b { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(nav.png); }
#header #nav li.presentation, #header #nav li.presentation a, #header #nav li.presentation a b { width: 91px; }
#header #nav li.presentation a:hover, #header #nav li.presentation a:hover b { background-position: 0px -57px; }
#home #header #nav li.presentation, #home #header #nav li.presentation a, #home #header #nav li.presentation a b { background-position: 0px -57px; cursor: default; }
#header #nav li.activites, #header #nav li.activites a, #header #nav li.activites a b { width: 78px; background-position: -92px 0px; }
#header #nav li.contact a:hover, #header #nav li.activites a:hover b { width: 78px; background-position: -92px -57px; }
#activites #header #nav li.activites, #activites #header #nav li.activites a, #activites #header #nav li.activites a b { background-position: -92px -57px; cursor: default; }
#header #nav li.acces, #header #nav li.acces a, #header #nav li.acces a b { width: 75px; background-position: -170px 0px; }
#header #nav li.acces a:hover, #header #nav li.acces a:hover b { background-position: -170px -57px; }
#acces #header #nav li.acces, #acces #header #nav li.acces a, #acces #header #nav li.acces a b { background-position: -170px -57px; cursor: default; }
#header #nav li.liens, #header #nav li.liens a, #header #nav li.liens a b { width: 47px; background-position: -246px 0px; }
#header #nav li.liens a:hover, #header #nav li.liens a:hover b { background-position: -246px -57px; }
#liens #header #nav li.liens, #liens #header #nav li.liens a, #liens #header #nav li.liens a b { background-position: -246px -57px; cursor: default; }
#header #nav li.photos, #header #nav li.photos a, #header #nav li.photos a b { width: 58px; background-position: -294px 0px; }
#header #nav li.photos a:hover, #header #nav li.photos a:hover b { background-position: -294px -57px; }
#photos #header #nav li.photos, #photos #header #nav li.photos a, #photos #header #nav li.photos a b { background-position: -294px -57px; cursor: default; }
#header #nav li.telecharger, #header #nav li.telecharger a, #header #nav li.telecharger a b { width: 94px; background-position: -353px 0px; }
#header #nav li.telecharger a:hover, #header #nav li.telecharger a:hover b { background-position: -353px -57px; }
#telecharger #header #nav li.telecharger, #telecharger #header #nav li.telecharger a, #telecharger #header #nav li.telecharger a b { background-position: -353px -57px; cursor: default; }
#header #nav li.autre1, #header #nav li.autre1 a, #header #nav li.autre1 a b { width: 87px; background-position: -448px 0px; }
#header #nav li.autre1 a:hover, #header #nav li.autre1 a:hover b { background-position: -448px -57px; }
#autre1 #header #nav li.autre1, #autre1 #header #nav li.autre1 a, #autre1 #header #nav li.autre1 a b { background-position: -448px -57px; cursor: default; }
#header #nav li.autre2, #header #nav li.autre2 a, #header #nav li.autre2 a b { width: 102px; background-position: -536px 0px; }
#header #nav li.v a:hover, #header #nav li.autre2 a:hover b { background-position: -536px -57px; }