@import url(reset.css);

html { font-size: 100%; height: 100% }

body {
 background: black;
 font: 0.85em/1.3em "Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
 color: #3A0A20;
 text-align: center;
 background: white url(images/bg.jpg) no-repeat fixed center bottom;
 height: 100%
}

#global {
 position: relative;
 width: 921px;
 text-align: left;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 20px auto -25px;
}

a { text-decoration: none; color: #B4537C; border-bottom: 1px solid #CD8DA7}
a:hover { text-decoration: none; color: #CD8DA7; border-bottom: 0 }

#bandeau {
 float: right;
 width: 674px;
 height: 141px;
 background: transparent url(images/bandeau.jpg) right top no-repeat;
 -moz-border-radius: 10px;
}

#logo {
 float: left;
 width: 215px;
 height: 141px;
 background: transparent url(images/logo.png) left top no-repeat;
}

#logo a {
 display: block;
 width: 100%;
 height: 100%;
 border: 0
}

#logo a span {
 display: none;
}


/* Menu */

.menu {
 position: absolute;
 top: 165px;
 left: 0;
 width: 100%;
 background-color: #8E2B4A;
 -moz-border-radius: 10px;
}

.menu dt {
 position: relative;
 display: inline;
 line-height: 34px;
 padding: 8px 10px;
 text-transform: uppercase;
 border-right: 1px #9F4F69 solid;
}

.menu dt.here {
 background: transparent url(images/here.png) center bottom no-repeat;
}

.menu dt.last {
 border-right: 0;
}

.menu dt#id1 {
 margin-left: 5px
}

.menu a {
 color: white;
 background-color: #8E2B4A;
 border: 0
}

.menu a:hover {
 color: #C15C86;

}
.menu .here a { color: #FFDFDF }

/* LCSVFDB */

#lcsvfdb {
 position: absolute;
 top: 230px;
 left: 0;
 width: 663px;
 height: 141px;
 background: transparent url(images/lcvvfdb.jpg) left top no-repeat;
 -moz-border-radius: 10px;
}

#lcsvfdb h1 {
 display: none;
}

/* Zone de contenu */

#contenu {

}

#main {
 float: left;
 margin-top: 254px;
 width: 660px;
 border: 1px #FFDFED solid;
 -moz-border-radius: 10px;
 margin-bottom: 250px;
}


#main h1 {
 font-size: 2em;
 color: #8E2B4A;
 margin: 10px 20px 30px auto;
 text-align: right;
}

#main h2, #s88 #main dt, #s77 #main dt {
 font-size: 1.5em;
 font-weight: bold;
 margin: 30px 20px 15px;
 color: #850037;
 line-height: 1.3em;
}

#main h3 {
 font-size: 1.2em;
 font-weight: bold;
 margin: 25px 20px 10px;
 color: #95B82E;
}

#main h4 {
 font-size: 1.1em;
 font-weight: bold;
 margin: 20px 20px 10px;
 color: #B4537C;
}

#main p {
 margin: 10px 20px;
 line-height: 1.3em;
 text-align: justify;
}

#main p b {
 color: #B4537C;
}

#main img {
 float: right;
 margin: 20px;
 -moz-border-radius: 10px;
}

#main ul, #main ol {
 margin: 10px 20px 10px 35px;
}

#main li {
 line-height: 1.3em;
 list-style-type: square;
}

#main .bg-main {
 width: 100%;
 background: transparent url(images/transparent.png);
/* opacity: 0.75; */ /* CSS3 */
 -moz-border-radius: 10px;
}

#main .txt-main {
 padding: 10px 0;
 position: relative;
}

/* Boutique */

#livres dt span {
 display: block;
 font-size: 0.7em;
 font-weight: bold;
 margin: -5px 20px 10px 0;
 color: #B4537C;
}

#s88 h1 {
 text-align: left;
 margin: 25px auto 80px 20px;
}

#nav-boutique  {
 position: absolute;
 top: -10px;
 right: -20px;
}

#nav-boutique li {
 list-style: none none;
 float: left;
 text-align: left;
 margin: 0;
 background: transparent url(images/boutique/ombreinterne.jpg) bottom left no-repeat;
}

#nav-boutique a {
 display: block;
 padding: 10px 10px 10px 50px;
 line-height: 60px;
 font-weight: bold;
 color: #8F8F8F;
 background: transparent url(images/boutique/livres-g.jpg) 5px 15px no-repeat;
 border: 1px #FFDFED solid;
 border-width: 0 0 0px 1px;
}

#nav-boutique a:hover, #nav-boutique .here a {
 color: #B75981;
}

#id99 a {
 background: transparent url(images/boutique/appareils-g.jpg) 5px 15px no-repeat;
 padding-left: 70px;
 border-left: 0;
}

li#id99.here {
 background-image: none
}

#id100 a { background-image: url(images/boutique/ca-g.jpg) }


li#id100, li#id101  { background-position: -10px bottom }

li#id100.here, li#id101.here  { background-image: none }

#id99  a:hover, #id99.here a  { background-image: url(images/boutique/appareils-c.jpg) }
#id100 a:hover, #id100.here a  { background-image: url(images/boutique/ca-c.jpg) }
#id101 a:hover, #id101.here a  { background-image: url(images/boutique/livres-c.jpg) }


/* Les Tableaux */

table {
 margin: 0px 20px;
 font-size: 0.9em;
 padding: 1px;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border: 1px #8E2B4A solid;
}

td {
 padding: 5px 8px;
 vertical-align: middle;
}

.c1 { background-color: #DFA7BA; font-weight: bold; }
.c2 { background-color: #EFC2D2 }
.c3 { background-color: #FFDFEA }

.p .c1 { background-color: #DF8BA8 }
.p .c2 { background-color: #EFA4BE }
.p .c3 { background-color: #FFBFD5 }

/* Colonne de droite */

#colonne {
 position: absolute;
 top: 230px;
 right: 2px;
 width: 230px;
 min-height: 382px;
 text-align: left;
}

#colonne .bg-col {
 width: 100%;
 background-image: url(images/transparent.png);
 background-color: transparent;
/* opacity: 0.75; */ /* CSS3 */
 border: 1px #FFDFED solid;
 -moz-border-radius: 10px;
 margin-bottom: 25px;
}

#colonne .txt-col {
 padding: 10px 0;
 position: relative;
}

#colonne h1 {
 margin: 0px auto 10px 10px;
 font-size: 1.2em;
 font-weight: bold;
 color: #8E2B4A;
 font-family: "Trebuchet MS", Arial;
}

#colonne h2 {
 margin: 0px 10px 0px 10px;
 font-size: 1em;
 font-weight: bold;
 color: #95B82E;
 font-family: "Trebuchet MS", Arial;
 text-shadow: 1px 1px 2px #FFF;
}

#colonne h2 a {
 font-size: 10px;
 font-weight: normal;
}

#colonne p {
 margin: 5px 10px;
 font-size: 0.9em;
 color: black;
 text-align: left;
}

#colonne img {
 float: right;
 margin: 0px 10px 0px 5px;
 -moz-border-radius: 10px;
}

.id7 #colonne img { display: none }

#colonne p.plus {
 margin: 20px 20px 0px auto;
 text-align: right;
 font-weight: bold;
 font-style: italic;
 text-shadow: 1px 1px 2px #FFF;
}

p.plus a {
 color: #3A0A20;
 border: 0
}

p.plus a:hover {
 color: #8E2B4A;
}

#colonne #bloc-lieux h2 {
 padding-top: 5px;
 border-top: 1px white dashed;
 margin-top: 5px }

/* Ateliers Cuisine */


.ac dt {
 margin: 20px 20px 0px;
 color: #B4537C;
}

#main .ac dd p {
 margin-top: 0px;
}

.ac .date { font-weight: bold }
.ac .type { color: #647F0F; }
.ac .lieu { font-style: italic }
.ac .horaire-tarif { font-style: italic }


.ac .type.sixjours {
 background-color: #647F0F;
 color: white;
 -moz-border-radius: 3px;
 padding: 1px 4px;
}

a.plan {
 float: right;
 margin-right: 10px;
 display: block;
 width: 16px;
 height: 16px;
 background: transparent url(images/info.png) top left no-repeat;
 border: 0;
}

/* Autres stages et manifestations */


.as dt {
 margin: 30px 20px -5px;
 font-size: 1.1em;
 color: #B4537C;
}

.as dt span {
 color: #647F0F;
}

#main .as dd p {
}

/* Boutique */

#boutique h3 {
 font-size: 0.9em;
 font-weight: normal;
 margin: 0px 20px -10px;
 color: #95B82E;
}


/* Footer */

.push { height: 25px }


#footer {
 position: relative;
 margin: 0 auto;
 height: 25px;
 width: 921px;
 background-image: url(images/transparent.png);
 background-color: transparent;
/* opacity: 0.75; */ /* CSS3 */
 border: 1px #FFDFED solid;
 border-bottom: 0;
 -moz-border-radius: 10px 10px 0 0;
}

#baseline {
 position: absolute;
 top: 4px;
 left: 20px;
}

#baseline li {
 display: inline;
 list-style-type: none;
 padding: 0 4px 0 6px;
 border-right: 1px #CD8DA7 solid;
 font-size: 13px;
}

#baseline li.last {
 border-right: 0;
}

#baseline li a { border: 0 }
#baseline li.here a, #baseline li a:hover { border: 0 }

#footer #credit {
 position: absolute;
 top: 4px;
 right: 20px;
 text-shadow: 1px 1px 1px #FFF;
}

#footer #credit a {

 border: 0;
}




div.spacer {
 clear: both;
}