body {margin: 0; padding: 0; text-align: center;
  color: #000; background: #FFF;}
acronym {border: none;}
a {text-decoration: none;}
a:link {color: rgb(179,63,96);}
a:visited {color: rgb(90,32,48);}
a:hover {text-decoration: underline;}

#container {width: 1000px; margin: 0px auto 0; padding: 0;
            position: relative; text-align: left;}
#pageHeader {background: url(../images/headerpie.jpg) 0 0 no-repeat;
             height: 125px; width: auto; }
#pageHeader h1 {background: url(images/ph-flower.gif) 0 0 no-repeat;
                height: 330px; width: 250px; position: absolute; z-index: 101;
                top: -95px; right: -80px; margin: 0;
                behavior: url(png-opacity.htc);}
#pageHeader h1 span {visibility: hidden;}
#pageHeader h2 {position: absolute; z-index: 102;
                top: 134px; right: 140px; margin: 0; padding: 0;
                color: rgb(106,50,187);
                text-transform: lowercase; letter-spacing: 0.2em;
                font: bold italic 1.1em/1em Times, serif; text-align: right;}
#pageHeader h2 acronym {text-transform: uppercase;}
#quickSummary {font: italic 1em/2 Times, "Times New Roman", serif;
               background: rgb(253,227,254) url(../images/summaryviolet.jpg) 0 100% no-repeat;
               color: rgb(137,49,232);
               margin: 1px 0; padding: 1em 180px 1.5em 1.5em;}
#quickSummary p {display: inline;}
#quickSummary p.p2 {margin-left: 0.25em;}
#quickSummary p.p2:after {content: ".";}
#preamble, #supportingText {padding-right: 350px;}
#preamble p, #supportingText p {font-size: 90%; line-height: 1.66em;
                                margin: 0 1.5em; padding: 0.5em 0;}
#preamble h3, #supportingText h3 {letter-spacing: 0.1em;
                                  font: bold italic 1.2em Times, "Times New Roman", serif;
                                  color: rgb(123,45,217); margin: 1em 0 0.5em 0.5em; text-align: center;}
#supportingText .p1 {letter-spacing: 0.1em;
                                  font: bold  1em Times, "Times New Roman", serif;
                                  color: rgb(123,45,217); margin: 0em 7em 0em 7em; text-align: center;
                                  padding:0px 30px 30px 30px;

                                  background: transparent url(../images/fsection1.gif) no-repeat bottom center;
                     }
#preamble .p1 {letter-spacing: 0.1em;
                                  font: bold  1.5em Times, "Times New Roman", serif;
                                  color: rgb(123,45,217); margin: 0em 7em 0em 7em; text-align: center;
                                  padding:0px 30px 30px 30px;

                                  background: transparent url(../images/fsection1.gif) no-repeat bottom center;
                     }


#preamble {border-top: 1px solid rgb(248,233,254);
           background: url(../images/sideviolet1.jpg) 100% 100% repeat-y;
           }
#supportingText {background: url(../images/sideviolet1.jpg) 100% 0 repeat-y;}
#preamble, #explanation, #participation, #benefits, #requirements {
                                                                   border-left: 1px solid rgb(248,233,254);
                                                                   padding-top: 1px; padding-bottom: 1px;}


#requirements1 {/* border-bottom: 1px solid rgb(239,90,190); */
                background: url(../images/mainorchide1.jpg) 100% 100% no-repeat;z-index: 101;
                padding-bottom: 100px; background-position: left bottom}
#requirements2 {border-bottom: 1px solid rgb(184,214,194);
                background: url(../images/mainorchide2.jpg) 100% 100% no-repeat;
                padding-bottom: 100px;}
#requirements3 {border-bottom: 1px solid rgb(184,214,194);
                background: url(../images/mainorchide3.jpg) 100% 100% no-repeat;
                padding-bottom: 100px;}
#footer { margin: 0 -350px 0 0; height: 10px; 
         background: #FFF url(../images/footer2.jpg) 100% 1px no-repeat;
         padding: 5px 1em 0 0.5em; text-align: center;}
#footer span {color: rgb(80,38,218); display: inline;
                 font: bold 1em Times, serif;
                 letter-spacing: 0.2em; text-transform: none;} 

#footer a {color: rgb(80,38,218); line-height: 1em;
           font-size: 1.em; font-weight: 100;}
#linkList {position: absolute; z-index: 11;
           width: 325px; top: 85px; right: 0;
           margin-top: 8.6em;}
#linkList ul {margin: 0 1em 0 2em; padding: 0;}
#linkList li {list-style: none;}
#linkList a {color: rgb(158,102,201);
             font: italic 1.15em Times, serif;}
 /* text-transform: lowercase;}*/
/* 
#linkList h3 {margin: 1em 0 0; width: 216px; height: 35px;
              background: url(../images/titreprod.gif) 10px 50% no-repeat;}
#lselect h3 {background-image: url(../images/titrefor.gif);}
#larchives h3 {background-image: url(../images/titrepart.gif);}
#lcalendrier h3 {background-image: url(../images/titrecal.gif);}

#linkList h3 span {display: none;}
*/
#lselect li { font-size: 85%; margin-bottom: 0em;}
#lselect li a {display: block; font-weight: bold;
               letter-spacing: 0.1em; }  /* text-transform: lowercase;} */
#lselect li a.c {display: inline;
                 font: bold 1em Times, serif;
                 letter-spacing: 0; text-transform: none;}
#larchives li, #lresources li {margin-bottom: 0.5em;}
#larchives li a, #lresources li a {color: rgb(158,102,201);}