body { position: relative; margin: 0; padding: 0; background-color: #E4E4E4; font-family: Verdana; font-size: 11px; line-height: 18px; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; }

p { margin: 0; padding: 0; }

ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style: none; }

.clear { clear: both; }
.r { float: left; position: absolute; left: -9999em; }

a { text-decoration: none; color: #666666; font-weight: bold; }
a:hover { text-decoration: underline; }

a.big { font-size: 16px; font-weight: bold; text-decoration: underline; }
a.big:hover { text-decoration: none; }

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error h2 { font-size: 14px; font-weight: bold; padding: 0 0 10px 0;}
.error p { padding: 5px 0;}

#tophead { position: relative; }
#tophead #close { position: absolute; top:5px; right: 5px; color:#8a1f11; }

#container { position: relative; width: 870px; margin:0 auto; padding: 20px 0; }

#container h1 { background: url(images/header.jpg) no-repeat; width: 870px; height:430px; margin: 0 0 20px 0; text-indent: -9999em; }


#container #left { position: relative; width: 630px; float: left; }

#container #left h2.maison { background: url(images/img-title-maison.png) no-repeat; width: 630px; height: 30px; display: block; text-indent: -9999em; }
#container #left h2.photos { background: url(images/img-title-photos.png) no-repeat; width: 630px; height: 30px; display: block; text-indent: -9999em;}

#container #left p { width: 615px; margin:10px 0 40px 0;}


#container #right { position: relative; width: 230px; float: right; }

#container #right h2.tarifs { background: url(images/img-title-tarifs.png) no-repeat; width: 230px; height: 30px; display: block; text-indent: -9999em;}
#container #right h2.liens { background: url(images/img-title-liens.png) no-repeat; width: 230px; height: 30px; display: block; text-indent: -9999em;}
#container #right p { margin: 10px 0 20px 0; }
#container #right p a { color: #666666; }
#container #right ul { margin:10px 10px 20px 10px; }
#container #right ul li a { color: #666666; text-decoration: none; }
#container #right ul li a:hover { color: #666666; text-decoration: underline; }

#container #right h2.localisation { background: url(images/img-title-localisation.png) no-repeat; width: 230px; height: 30px; display: block; text-indent: -9999em;}
#container #right h2.equipement { background: url(images/img-title-equipement.png) no-repeat; width: 230px; height: 30px; display: block; text-indent: -9999em;}
#container #right h2.contact { background: url(images/img-title-contact.png) no-repeat; width: 230px; height: 30px; display: block; text-indent: -9999em;}


/* PLANNING */
#container_planning { position: relative; width:870px; margin: 0px auto; padding-top: 220px; }
#container_planning h1 { width: 100%; margin: 20px auto; text-align: center; font-size: 16px;}
#container_planning h2 { margin: 10px 0 0 0; font-size: 14px;}

#left { width: 45%; float: left;}
#right { width: 45%; float: right;}

#container_planning #header { position: fixed; top:0px; background-color: #E4E4E4; width: 870px; border-bottom: 1px solid #666666; padding-bottom: 10px; }

ul#planning_prix { width:460px; border: 1px solid #666666; overflow: hidden; float: left; margin-bottom: 10px; }
ul#planning_prix li { float: left; margin:1px; width:110px; height: 20px; }
ul#planning_prix li.intitule { font-weight: bold; padding-right: 5px; text-align: right; }
ul#planning_prix li.basse { background-color: #8DBA4C; color: white; text-align: center; display: block; }
ul#planning_prix li.moyenne { background-color: #EFC62C; color: white; text-align: center; display: block; }
ul#planning_prix li.haute { background-color: #9B2100; color: white; text-align: center; display: block; }

ul#legende { width:720px; border: 1px solid #666666; overflow: hidden; float: left;}
ul#legende li { float: left; width:180px; font-weight: bold;}
ul#legende li.dispo { background-color: #BDE6E1; color: #333333; text-align: center; display: block; }
ul#legende li.reserve-famille { background-color: #9A73C0; color: #333333; text-align: center; display: block; }
ul#legende li.reserve-amis { background-color: #CC99FF; color: #333333; text-align: center; display: block; }
ul#legende li.reserve-inconnu { background-color: #E5CCFF; color: #333333; text-align: center; display: block; }

ul#rentree { width:360px; border: 1px solid #666666; overflow: hidden; }
ul#rentree li { float: left; width:120px; font-weight: bold; text-align: center;}
ul#rentree li.top { border-top: 1px solid #666666; }
ul#rentree li.bottom { border-bottom: 1px solid #666666; }
ul#rentree li.basse { background-color: #8DBA4C; color: white; text-align: center; display: block; }
ul#rentree li.moyenne { background-color: #EFC62C; color: white; text-align: center; display: block; }
ul#rentree li.haute { background-color: #9B2100; color: white; text-align: center; display: block; }

ul#mois { padding-top: 20px;}
ul#mois li { float: left; margin: 10px; }
ul#mois li ul { width:372px; border: 1px solid #666666; overflow: hidden; margin: 10px; padding: 5px; }
ul#mois li ul li { float: left; width: 110px; height: 30px; margin: 1px 10px 0 0; text-align: center; line-height: 14px; }
ul#mois li ul li.uneligne {line-height: 30px; }
ul#mois li ul li.dispo { background-color: #BDE6E1; color: white; text-align: center; display: block; }
ul#mois li ul li.reserve-famille { background-color: #9A73C0; color: white; text-align: center; display: block; font-size: 10px; }
ul#mois li ul li.reserve-amis { background-color: #CC99FF; color: white; text-align: center; display: block; font-size: 10px; }
ul#mois li ul li.reserve-inconnu { background-color: #E5CCFF; color: white; text-align: center; display: block; font-size: 10px; }
ul#mois li ul li.basse { background-color: #8DBA4C; color: white; text-align: center; display: block; }
ul#mois li ul li.moyenne { background-color: #EFC62C; color: white; text-align: center; display: block; }
ul#mois li ul li.haute { background-color: #9B2100; color: white; text-align: center; display: block; }


/* PLANNING PUBLIC */
ul#legende { width:360px; }
ul#legende li.reserve { background-color: #9A73C0; color: #333333; text-align: center; display: block; width: 180px; }
ul#mois li.reserve { background-color: #9A73C0; color: #333333; text-align: center; display: block; width: 110px; }


/* BUDGET */
ul#resultat { width:400px; border: 1px solid #666666; overflow: hidden; float: left; margin-bottom: 10px; }
ul#resultat li { float: left; margin:1px; width:90px; height: 20px; }
ul#resultat li.intitule { font-weight: bold; padding-right: 5px; text-align: right; }
ul#resultat li.basse { background-color: #8DBA4C; color: white; text-align: center; display: block; }
ul#resultat li.haute { background-color: #9B2100; color: white; text-align: center; display: block; }

ul#depenses { width:660px; border: 1px solid #666666; overflow: hidden; margin:0 auto; }
ul#depenses li { float: left; margin:0px; height: 20px; }
ul#depenses li.un {  width:280px;  padding-left: 10px;  }
ul#depenses li.deux {  width:35px; text-align: center; padding-left: 5px; }
ul#depenses li.trois {  width:100px; text-align: right; padding-right: 10px; }
ul#depenses li.clair { background-color: #cccccc; }
ul#depenses li.recurrente { background-color: #BDE6E1; }
ul#depenses li.ponctuelle { background-color: #CC99FF; }
ul#depenses li.intitule { font-weight: bold; border-bottom: 1px solid #333333; }
ul#depenses li.total { background-color: #333333; color: white; }


#footer { position: relative; width: 870px; margin: 110px auto 10px auto; border-top: 3px solid #cccccc; text-align: center; padding-top:3px; color: #666666;  }
#footer a { color: #666666; text-decoration: underline;}

#footer-ref { position: relative; border-top: 3px solid #cccccc; text-align: center; color: #666666; }



/* ADMIN */
ul#docs { position: relative; margin: 10px 10px 20px 10px; overflow: hidden; }
ul#docs li { list-style: disc; list-style-position: inside; float: left; width: 250px; margin:5px; }
ul#docs li a { color: #333333; text-decoration: none;  }
ul#docs li a:hover { color: #333333; text-decoration: underline;  }


fieldset.admin { border: 0; }
fieldset.admin legend { font-weight: bold; }
fieldset.admin p { margin:15px 0; clear: both;  }
fieldset.admin p label { width: 150px; text-align: right; padding-right: 5px; float: left; }