﻿html {font-size:100%;}
body {font-size:0.79em;background-color:#dfdfdf;margin-top:0;}

#artscene {width:760px;margin:auto;font-family: Verdana, Tahoma, Arial, Sans-Serif;position:relative;overflow:hidden;margin-top:15px;margin-bottom:15px;border:4px solid #dfdfdf;}

#bandeau, #bandeau img {border:none;height:93px;}
#bandeau #imgb {border-left:4px solid #dfdfdf;}
#bandeau a {text-decoration:none;}
#bandeau {border-bottom:4px solid #dfdfdf;}
#bandeau h1 {text-indent:-6000px;font-size:1px;margin:0;padding:0;color:#fff;}



#corps {border:none;background:#fff url(../images/fond.png) repeat-y left top;border-bottom:4px solid #dfdfdf;overflow:hidden;}
#menu {float:left;width:167px;padding:10px 5px 10px 10px;font-size:0.90em;font-family: "Trebuchet MS", Arial, Sans-Serif;overflow:hidden;border-bottom:4px solid #dfdfdf;}

#menu ul {margin:0;padding:0;list-style-type:none;}
#menu ul li {font-weight:bold;line-height:1.9em;}
#menu ul li a {color:#000;text-decoration:none;}
#menu ul li a:hover {color:#fff;}
#menu ul li ul {list-style-type:square;margin-left:22px;}
#menu ul li ul li{font-weight:normal;}
#menu ul li #menu1, #menu ul li #menu2, #menu ul li #menu3 {display:block;background:transparent url(../images/open.jpg) no-repeat right 50%;}
#menu ul li #menu1:focus,#menu ul li #menu2:focus, #menu ul li #menu3:focus  {outline:none;}
#menu ul li #menu1:hover, #menu ul li #menu2:hover, #menu ul li #menu3:hover {color:#000;}
.js #artscene #corps #menu #smenu1, .js #artscene #corps #menu #smenu2, .js #artscene #corps #menu #smenu3, .js #artscene #corps #texte #colgauche #suited {display:none;}
/*.js #artscene #corps #menu #menu1:hover {}*/


#texte {margin-left:186px;overflow:hidden;padding-bottom:10px;font-size:0.9em;line-height:1.6em;width:574px;min-height:450px;background-color:#fff;} /*width pour Safari*/

#texte #haut {border:none;overflow:hidden;}
#texte #haut span, #texte #bas span {display:inline-block;width:275px;line-height:2.4em;background-color:#fea500;font-weight:bold;color:#000;padding-left:10px;border:none;font-size:1.1em;}
#texte #bas #vide {background-color:#fff;}
#texte #haut p, #texte #bas p {padding-left:10px;padding-right:10px;}
#haut #colgauche {float:left;width:285px;padding:0 0 10px 0;border:none;}
#haut #colgauche a, #haut #coldroite a {color:#505050;font-style:italic;}
#haut #coldroite {margin-left:289px;}
#haut #coldroite #blocimg{padding-left:0;padding-right:0;}
#bas #bgauche {width:285px;float:left;}
#bas #bdroite {margin-left:289px;}
#haut ul {padding:0 10px 0 25px;margin:0;list-style-image:url(../images/tiret.jpg);}
#haut big {font-size:1.1em;}
#haut .mois {font-weight:bold;text-transform:uppercase;margin-bottom:0;}
#haut .p1 {margin-top:0px;}
#haut .legende {padding-top:0;margin-top:0;}
#texte #haut #reservation {font-size:1.0em;background-color:#000;text-align:center;padding:0;}
#texte #haut #reservation a {text-decoration:none;font-style:normal;color:#fff;}


#texte hr {height:1px;border:none;color:#c0c0c0;background-color:#c0c0c0;margin-bottom:10px;}

#diaporama {border:none;height:195px;padding:0;}
#diaporama div {width:285px;height:195px;Z-index:1;border:none;position:absolute;padding:0;border:none;}
#diaporama #diapo1 {background:#fff url(../diaporama/f1.jpg) no-repeat left top;padding:0;}
#diaporama #diapo2 {background:#fff url(../diaporama/f2.jpg) no-repeat left top;padding:0;}
#diaporama #diapo3 {background:#fff url(../diaporama/f3.jpg) no-repeat left top;padding:0;}


#copy {text-align:left;font-size:0.9em;padding:8px 0 8px 10px;clear:left;border:none;background:#aaa url(../images/cfond.jpg) repeat-y right top;}
#copy a{color:#000;text-decoration:none;}
#copy a:hover {text-decoration:underline;}

h2 {font-size:1.1em;line-height:2.4em;background-color:#fea500;padding:0 10px 0 10px;margin:0;color:#000;}
h2 span {float:right; font-size:0.75em;color:#fff;}
h2 a {color:#fff;}
h3 {font-size:1.05em;margin:10px 0 10px 0;}

.archive {overflow:hidden;padding:15px 10px 0 10px;border:none;}
.vignette {border:none;position:relative;margin:0;width:277px;float:left;}
.vignette strong {font-size:1.05em;}
.vignette img {float:left;border:2px solid #c0c0c0;width:119px;height:165px;}
.vignette p {position:absolute;bottom:0;left:130px;background-color:#fff;margin-bottom:0;font-size:0.93em;line-height:1.25em;}
.vignette a {color:#000;}

#contenu, #detail {border:none; padding:0;overflow:hidden;}
#detail img {float:left; border:none;}
#detail div {margin-left:200px;}
#contenu #pavetdroit {float:right;width:285px;overflow:hidden;} 
#contenu #pavetgauche {margin-right:289px;}
#contenu #pavetgauche ul {margin:0;padding-left:20px;list-style-type:disc;}


/*formulaire*/
#formulaire {padding:0 10px 0 10px;}
form fieldset {border:none;margin:0;padding:0;}
form p {margin-bottom:3px;margin-top:0;}
form fieldset input, form textarea {border:1px solid #808080;width:300px;}
form fieldset input:focus, form textarea:focus, #news #email:focus {background-color:#eee;}
form input[type="submit"], form input[type="button"] {background-color:#fea500;cursor:pointer;color:#fff;border:none;padding:8px;font-weight:bold;margin-top:2px;}
form input[type="checkbox"]{margin:0 4px 4px 0;padding:0;}
form #msg, form #amsg {font-weight:bold;color:#16467a;}
form #amsg {padding-left:5px;}
#news {margin:20px 0 20px 0;}
#news #email {margin:0 15px 10px 15px;width:200px;border:1px solid #808080;}




#carte {width:450px;height:300px;border:1px solid #999;margin-top:20px;margin-bottom:20px;}
#contact {text-align:center;}
#horaire {background-color:#aaa;font-weight:bold;padding-top:5px;padding-bottom:5px;}
