@charset "utf-8";
/* CSS Document */
/* Réalisation : Benoît EVELLIN - aerius.fr 
Festival De Cour à Jardin - www.decourajardin.fr */

/* Styles généraux */
body {height: auto; width: auto; margin:auto; padding: 0px; background-color: #1E1D1D;}
#page {width: 890px; height: auto; margin:auto;}
img {border: none;}

/* Bandeau */
#bandeau{height: 103px; width: 890px; background-image:url(images/bandeau_festival.jpg); background-position: bottom;}
#bandeau h1{height: 104px; width: 890px; visibility:hidden; padding:0px; margin: 0px;}

/* affichage */
#affichage {}

/* Menu */
#menu {height: auto; width: 238px; font-family:Arial, Helvetica, sans-serif; background-color:#fff;  padding-bottom: 390px; background-image:url(images/fauteuil.jpg); background-repeat:no-repeat; background-position:left bottom; float:left; border-right: 2px #1E1D1D solid; color:#004419;  }
#menu img {margin-top: 10px;}
#menu ul {margin: 0px; padding: 0px;}
#menu li.petit {font-size: 20px; padding-left: 25px;}
#menu li {margin: 0px; padding: 0px; padding-left: 5px; font-size:30px; list-style:none;}
#menu li:hover { background-image:url(images/fleche.gif); background-position:right; background-repeat:no-repeat;}
#menu a {color: #004419; text-decoration: none;}
#menu a:hover {color: #87A60E; text-decoration: none;}
#menu .presentation {font-size: 10px;margin : 20px; padding-bottom: 5px;}
#menu .presentation a{text-decoration: underline; color:#004419;}
#menu .presentation a:hover{text-decoration: underline; color:#004419; background-color:#FFF;}
#menu .logos {margin-top: 30px; margin-right: 5px; margin-left: 5px; text-align:center;}

/* Page texte */
#texte {height: auto; min-height: 1740px; width: 650px; float:right; padding-bottom: 30px; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF; background-image:url(images/bandeau_decourajardin.jpg); background-position:top right; background-repeat:no-repeat; text-align:justify;color: #1E1D1D;} 
#texte p {padding-right: 10px; padding-left: 10px;  font-size: 0.9em;}
#texte h3 {visibility: hidden; height: 70px;}
#texte h2 {color : #971327; font-size: 30px; text-align:right; margin: 0px; padding-top: 15px;  padding-bottom: 3px; background-image:url(images/verdure.jpg); background-position:right top; background-repeat: no-repeat; padding-right: 25px; border-top: 2px #1E1D1D solid;  font-family: Georgia, "Times New Roman", Times, serif;} /* Titre principal */ 
#texte h4 {color : #87A60E; font-size: 21px; text-align:left; margin: 0px; padding: 15px 2px 2px 40px; background-image:url(images/verdure_gauche.jpg); background-position: top left; background-repeat:no-repeat; vertical-align:bas-pageeline;} /* Sous-titres */
#texte h6 {text-align: right; height: 15px;font-size:13px; padding: 10px 18px 0px 0px; margin: 0px 30px 10px 0px; background-image:url(images/invite.jpg); background-position:bottom right; background-repeat:no-repeat;} /* Invites */
#texte h6 a {color: #87A60E; text-decoration:underline; background-color:#FFFFFF;}
#texte a {color: #971327; text-decoration:none;}
#texte a:hover {color: #EA6778; text-decoration:none;}
#texte img {margin: 10px 10px 0px 10px;}
#texte li {list-style-image:url(images/icone-liste.jpg); list-style-position:inside;}
#texte .sommaire li a{text-decoration: none; color:#004419;}
#texte .sommaire li a:hover{text-decoration: none;color: #87A60E;}
#texte .titre_liste {font-weight:bold; padding-top:5px;list-style-image:url(images/icone-titre-liste.jpg);}
#texte em {font-family:Georgia, "Times New Roman", Times, serif;}
#texte .petit {font-size:10px;}

/* Tableaux */
#texte table .payant {border : 1px solid  #971327;}
#texte table .libre {border : 1px solid  #87A60E;}
#texte table .reservation {border : 1px solid  #CFBE4D;}
#texte table .invitation {border : 1px solid  #46D7EA;}
#texte table .relief {width: 160px; background-image:url(images/rayure.jpg);}
#texte table .date {font-weight:bold; padding-right: 5px;}
#texte table .notes {width: 60px; font-size: 10px;}

#texte table {padding-left: 15px; padding-bottom: 16px; width: 635px;}
#texte table td {padding: 0px 3px 1px 3px; }
#texte table em {color:#000;}
#texte table caption {display:none;}
#texte table.table_legende td{width: 160px;}
#texte table a {color: #000000; text-decoration:underline; }
#texte table a:hover {color: #EA6778; text-decoration:none;}

/* bas-page */

#bas-page {width: 465px; height: 240px; float: left; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 20px 400px 0px  25px;border-top: 2px #1E1D1D solid; background-image:url(images/image_bas.jpg); background-position:right bottom; background-repeat:no-repeat; }
#bas-page strong a {color: #971327; text-decoration: none;  font-weight:normal;}
#bas-page a {color: #000000; text-decoration: none; }
#bas-page a:hover {color: #87A60E;}
#bas-page span {visibility: hidden;}
#bas-page span a {color: #971327; text-decoration: none;  font-weight:normal;}
#bas-page strong:hover span {visibility: visible;}
#bas-page ul {margin: 0px; padding: 0px;width: 465px;float: left; }
#bas-page li {margin: 0px; padding: 0px;list-style:none;}
#bas-page ul.cache {visibility: hidden;}
#bas-page li.cache {float: left; padding-left: 8px;}
#bas-page ul.cache:hover {visibility: visible;list-style:none;}
#bas-page ul.cache strong {float: left; padding-right: 4px; visibility:visible;}

/* Couleurs */
.rouge {background-color: #971327}
.vert_fonce {background-color: #004419}
.vert_clair {background-color: #87A60E}
.rose {background-color: #EA6778}
.bleu {background-color: #46D7EA}