/* FONDATION DU VAL DE CONSOLATION(c) - CSS par Kiwii Development */

* { margin:0; padding:0; }
body { margin: 0; padding: 0; text-align: center; font-size:100%; font: 1.1em Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif; }
a, a:link, a:visited { color:#666; text-decoration: none; }
a:hover {  }
ul li, ol li { font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif; }
img { border: none; }
h1, h2 { font-size:150%; padding:20px 0 0 0; font-weight: 200; margin:10px 0 0 0; }
h3 { font-size:110% padding-bottom:12px; margin:0 12px 10px 12px; }
hr.clear { clear: both; border:0; line-height: 0; height: 0; padding: 0; margin: 0; visibility: hidden; }
abbr, acronym { font-style: normal; border-bottom: dotted 1px #ABB1B7; cursor: help; }

/* -------------------------------------- Header  */

#page { width: 739px; text-align: left; margin: 0 auto; position: relative; padding: 0; top: 0; left: 0; }
#header { width:772px; margin-left:-17px; z-index:3; }
#subheader { background: #fff url(img/bg-header.png) no-repeat; width:736px; height:203px; position: relative; top:28px; left:20px; }
#bandeau { width:726px; height:22px; background: #fc0 url(img/bg-jaune.gif) no-repeat; margin:28px 0 0 25px; line-height:100%; }
#sky { background: #fff url(img/bg-ciel.png) no-repeat; width:726px; height:77px; margin:0 0 0 25px; }
#sky #textsize { text-align: right; width: 720px; height:34px; padding-top:6px; }
#date { font-size:.9em; height: 17px; width:500px; color: #F2F0E4; padding: 4px 0 0 30px; color: #630;  line-height:100%; }
#faucon-pelerin { position: absolute; width:138px; height:182px; background: transparent url(img/faucon-pelerin.gif) no-repeat; z-index:8; top:230px; left:-108px; }
.banniere { margin:3px 0 -4px 5px; }
ol.tree { padding: 0; margin:6px 0 0 170px; color:#6F86CD; }
ol.tree li { display: inline; list-style-type: none; padding-right: 0.7em; padding-left: 0; }
ol.tree li:before { content: '\00bb  '; }
ol.tree li a { color:#6F86CD; }
ol.tree li a:hover { color:#fff; border-bottom:1px dotted #fff; }
.rail {  margin-top:-6px; padding-top:2px; }
* html #faucon-pelerin { left:-91px; } /* HACK IE */
* html #header { width:772px; margin-left:0px; }
* html #subheader { height:200px; }

/* -------------------------------------- leftnav Navigation  */

#leftnav { display: block; float:left; background: transparent url(img/bg-menu.jpg) top left no-repeat; width: 195px; position: relative; z-index:1; }
* html #leftnav { margin-left:8px; padding-left:4px; }
#leftnav ul { margin:0 0 0 6px; overflow: hidden; width: 150px; }
#leftnav ul li a { text-indent: -9000px; border: 0; width:150px; display: block; margin:0; padding:0; }
#leftnav ul li a span { visibility: hidden; }
#pos { padding-top:58px; z-index:10; }
#Accueil #nAcc a, #Histoire #nHis a, #Fondation #nFon a, #Activites #nAct a, #Promenades #nPro a, #Hebergement #nHeb a, #Paradis #nPar a, #Agenda #nAge a, #Echo #nEch a, #Point #nPoi a, #Contact #nCon a { width:150px; background-position: -150px 0; cursor: default; }
body li#nAcc a { background: url(menu/bt-acc.gif) no-repeat top left; width: 150px; height:30px; } body li#nHis a { background: url(menu/bt-hist.gif) no-repeat top left; width: 150px; height:30px; } body li#nFon a { background: url(menu/bt-fond.gif) no-repeat top left; width: 150px; height:39px; } body li#nAct a { background: url(menu/bt-act.gif) no-repeat top left; width: 150px; height:34px;} body li#nPro a { background: url(menu/bt-prom.gif) no-repeat top left; width: 150px; height:37px;} body li#nHeb a { background: url(menu/bt-heb.gif) no-repeat top left; width: 150px; height:37px; } body li#nPar a { background: url(menu/bt-rand.gif) no-repeat top left; width: 150px; height:38px; } body li#nAge a { background: url(menu/bt-agen.gif) no-repeat top left; width: 150px; height:37px; } body li#nEch a { background: url(menu/bt-echo.gif) no-repeat top left; width: 150px; height:38px; } body li#nPoi a { background: url(menu/bt-vue.gif) no-repeat top left; width: 150px; height:32px; } body li#nCon a { background: url(menu/bt-contact.gif) no-repeat top left; width: 150px; height:38px; }
#nAcc a:hover, #nHis a:hover, #nFon a:hover, #nAct a:hover, #nHeb a:hover, #nPar a:hover, #nPro a:hover, #nAge a:hover, #nEch a:hover, #nPoi a:hover, #nCon a:hover { width:150px; background-position: -150px 0; }

#search { position: relative; width:200px; margin:0 0 30px -4px; }
#search h3 { color:#630; font-weight: 100; font-size:140%; margin:14px 0 -3px 9px; }
#search form { margin:0; padding:0; margin:0; }
#search fieldset { border:0; }
#search label { display: none; }
#search input { padding:0; margin:0 0 0 10px; }
#search input#q, #search input#n { width:128px; color:#938A7A; }
#search input#search-s, #search input#news-s { padding-left:0px; vertical-align: bottom; margin-left:0; }
#search h3.newsletter { color:#060; }
#search p.news { font-size:80%; color:#060; margin: 0 0 3px 9px; }

/* -------------------------------------- Contenu  */

#contenu { padding:10px 0 0 0; margin:-10px 8px 0 0px; float: right; width: 510px; position: relative; }
#chapeau { font-weight: 100; font-size:120%; line-height: 130%; margin-bottom:14px; text-align: justify; }

.box { padding: 7px 6px 10px 0; background: #fff url(img/bg-box.jpg) top left no-repeat; }
.box a { text-decoration: none; padding:0; margin:0; border-bottom:1px dotted #666; }
.box a:hover { text-decoration: none; color:#630; border:0; }
.box p { padding:0; margin:-4px 0 3px 0; line-height: 150%; font-size: .9em; text-align: justify; }
.box ul, .box ol { color:#333; padding:6px 0 6px 40px; font: normal .8em 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif; }
.box p img { border:4px solid #fff; margin:3px 6px 6px 0; float: left; display:block; }
.modified { float:left; margin:8px 0 8px 0; padding:10px 0 0 0; color:#666; }
p.modified { margin:8px 0 0 60px; font-style: italic; }
.decal { margin-left:40px; }
.autour { margin:3px 6px 6px 0; float: left; display:block; }
#search .restaurant-source { color:#4B4862; }
#search .restaurant-source img { margin-top:0; }
#art-description { background-color:#F3F1EA; border:1px solid #D8D4B3; padding:16px; width:480px; }
#art-description ul, #art-description ol { padding:10px 0 10px 40px; }
#art-description h1, #art-description h2, #art-description h3 { margin:0; padding:10px 0 6px 0; color:#c00; } 
#contenu #art-description h1 { font-size:150%; margin:0; padding:10px 0 6px 0; }
#art-description h2 { font-size:130%; }
#art-description h3 { font-size:110%; }
#art-description a { color:#c60; text-decoration: underline; }
#art-pages-list { padding: 0; border-left:1px dotted #D8D4B3; margin:16px 0 16px 0; padding-left:16px; }
#art-pages-list ol, #art-pages-list ul { padding: 0 0 12px 40px; color:#6D5600; }
#art-pages-list ol a, #art-pages-list ul a, #art-pages-list a { color:#6D3400; }
img.px-left { margin:3px 12px 10px 0; float: left; display:block; }
img.px-center { margin:8px auto 8px auto; display: block; }
img.px-right { margin:3px 0 10px 12px; float: right; display:block; }
.sub { margin:0 0 8px 0; padding:2px 0 0 0; color:#666; }
p.sub { margin:2px 0 0 0; font-style: italic; }
.current { font-weight: bold; }
.score { color: #690; }
.result { color:#ccc; font-size:90%; }
.resultbox { background-color: #F5F5F5; border: 1px solid #E6E6E6; padding:12px; width:480px; }

/* -------------------------------------- Footer  */

#footer { margin:30px 0 -314px 3px; height:310px; width:734px; padding-top: 0px; text-align: center; background: #fff url(img/bg-footer.jpg) no-repeat; display: block; }
#phrase { position: absolute; right:120px; margin-top:80px; }
#footer address { font-size:80%; font-variant: small-caps; font-style: normal; font-family: Trebuchet MS; color:#360; margin-bottom:-260px; padding-top:200px; line-height: 140%; z-index:14; }
#footer address a { color: #360; border-bottom:1px solid #C2D1B3; }
#footer address a:hover { background-color: transparent; border:0; }
#underfooter { width:774px; height:30px; margin-left:-18px; margin-top:284px; }
* html #footer { margin-left:20px; } /* HACK IE */
* html #underfooter { margin-left:-2px; } /* HACK IE */
