/* HTML Elements *************/

body {
    margin: 0;
    padding: 0;
    font: normal 13px "Century Gothic", "Bitstream Vera Sans", verdana, arial, helvetica, sans-serif;
}
hr {
    border: none;
    border-top: 1px solid #ccb;
    margin: 2em 0; 
}

/*** Headers ***/

h1, h2, h3, h4, h5, h5, h6 {
    line-height: 104%;
    margin: 1em 0 0.1em;
    color: #900;
}
h1 {
    font-size: 210%;
    color: #e24628;
}
h2 {
    font-size: 145%;
    padding: 0.2em 0.7em;
    margin: 1em -0.7em 0.15em;
}
h3, h4 {
    font-size: 125%;
}
h5 {
    font-size: 110%;
}
h6 {
    font-size: 95%;
}

/*** Links ***/

a img {
    border: none;
}
:link, :visited {
    text-decoration: none;
    color: #401580;
    border-bottom: 1px dotted #D085F0;
}
:link:hover, :visited:hover {
    color: #8015C0;
    background: #eef;
}
h1 :link, h1 :visited, h1 :link:hover, h1 :visited:hover,
h2 :link, h2 :visited, h2 :link:hover, h2 :visited:hover,
h3 :link, h3 :visited, h3 :link:hover, h3 :visited:hover,
h4 :link, h4 :visited, h4 :link:hover, h4 :visited:hover,
h5 :link, h5 :visited, h5 :link:hover, h5 :visited:hover,
h6 :link, h6 :visited, h6 :link:hover, h6 :visited:hover {
    color: inherit;
    border: none;
    background: none;
}

h1 :link, h1 :visited, h1 :link:hover, h1 :visited:hover {
    color: inherit;
}

/*** Forms ***/

input[type=text], select, textarea {
    vertical-align: middle;
    margin: -4px 0 4px 0;
    border: 1px solid #666;
    color: #000;
    background: #F3F3FF;
}
input[type=text], textarea {
    padding: .25em .5em;
}
input[type=text]:focus, select:focus, textarea:focus {
    border: 1px solid #000;
}
option {
    border-bottom: 1px solid #d7d7ff;
}
input[type=submit], input[type=reset], input.spip_button {
    background: #3069C4;
    color: #FFF;
    border: 1px outset #3069C4;
    padding: .1em .5em;
}
input[type=submit]:hover, input[type=reset]:hover, input.spip_button:hover {
    background: #2E338D;
}
.spip_bouton {
    margin: .5em .5em .5em 0;
}

/*** Misc ***/

.hidden { /* Hide WAI stuffs */
    position: absolute;
    font-size: 0;
    left: -3000px;
}
.errorInfo {
    padding-bottom: 3em;
}
p.ht {
    margin: 1.5em auto -30px auto !important;
    width: 105px;
}

/* Left bar *****************/

#left {
    position: fixed;
    top: 0;
    left: 0;
    width: 215px;
    min-height: 621px;
    background: url("../images/backleft.png") no-repeat;
}
#header a {
    background: none;
    border: none;
}

/*** Left menu ***/

#leftMenu {
    margin-left: 23px;
    width: 165px;
}
#leftMenu ul.menu, div.spip-admin-bloc ul {
    display: block;
    width: 100%;
    padding: 2px;
    background: url("../images/menubg75.png");
    border: outset 1px white;
    margin-left: 0; /* IE/Opera Hack */
}
div.spip-admin-bloc ul {
    background: url("../images/menubg80.png");
}
#leftMenu li, div.spip-admin-bloc ul li {
    display: block;
    position: relative;
}
#leftMenu a, div.spip-admin-bloc a {
    display: block;
    padding: 1px 2px 1px;
    border: none;
}
div.spip-admin-bloc a {
    color: white;
}
#leftMenu li.mainTitle {
    background: url("../images/captionbg70.png");
}
#leftMenu li.mainTitle a {
    color: white;
    font-weight: bold;
}
#leftMenu a.menuPic {
    background: url("../images/bmarrow.png") no-repeat center right;
}
#leftMenu li.mainTitle a.menuPic {
    background: url("../images/wmarrow.png") no-repeat center right;
}
#leftMenu li.mainTitle a:hover {
    background: #2E338D;
}
#leftMenu li.mainTitle #recherche:hover {
    background: none;
}
#leftMenu a:hover, #leftMenu li.hover a, div.spip-admin-bloc a:hover {
    color: #401580;
    background: white;
}
#leftMenu ul.subMenu {
    display: block;
    position: absolute;
    top: 2px;
    left: -3000px;
    padding: 2px;
    border: outset 1px #6065BF;
    background: url("../images/menubg925.png") repeat;
    margin-left: 0; /* Opera Hack */
}
#leftMenu li:hover ul.subMenu {
    left: 157px;
    width: 250px;
    z-index: 1000;
}
#leftMenu ul.subMenu li {
    border-bottom: solid 1px #2E338D;
}
#leftMenu ul.subMenu li.nobottom {
    border-bottom: none;
}
#leftMenu ul.subMenu a {
    color: #fff;
    font-weight: normal;
}
#leftMenu ul.subMenu a:hover {
    background: #2E338D;
}

/* Top bar ******************/

#top {
    position: fixed;
    top: 0px;
    left: 215px;
    z-index: 1000;
    min-height: 71px;
    width: 785px;
    text-align: right;
    background: url("../images/backtop.png") no-repeat;
}
#copyright {
    position: relative;
    line-height: 10pt;
    font-size: 7pt;
    color: #90D1DB;
    padding: 0 15px 0 0;
}
#copyright a {
    color: white;
    background: none;
    border: none;
}
#langbar {
    position: absolute;
    display: block;
    top: 3px;
    left: 30px;
    margin: 0;
    padding: 0;
}
#langbar li {
    display: inline;
}
#langbar a {
    border: none;
}
#metanav {
    position: absolute;
    top: 37px;
}
#metanav a {
    background: none;
    border: none;
}
#metanav ul {
    margin: 0;
    padding: 0;
}
#metanav li {
    display: inline;
}

/* Content *****************/

#content {
    /* position: relative; IEHack */
    margin: 86px 8px 0px 215px;
    line-height: 140%;
    z-index: 0;
}
#content p {
    text-align: justify;
    margin-left: 1em;
    margin-bottom: 0;
}
#content div.notes {
    margin-top: 30px;
    font-size: smaller;
}
#content a.spip_note {
    vertical-align: super;
    font-size: smaller;
}
#content a.spip_out {
    background: url(../extlink.gif) no-repeat 0 58%;
    padding-left: 16px;
}
#content div img {
    margin-top: 1em;
    margin-bottom: 1em;
}

#content #footer div img {
    margin-top: 0em;
    margin-bottom: 0em;
}

#content p.spip img {
    margin-left: 0.4em;
    margin-right: 0.4em;
}
table.contentTbl {
    vertical-align: top;
    table-layout: fixed;
    width: 100%;
}
table.contentTbl tr {
    vertical-align: top;
}
table.contentTbl td {
    vertical-align: top;
}

/*** table ***/

#content table.spip {
    border: 2px solid #ccc;
    border-collapse: collapse;
    margin-top: 1em;
    margin-left: 1em;
}
#content table.spip td {
    border: 1px solid #ccc;
    padding: .1em .25em;
}

/*** Code ***/

#content div.spip_code {
    border-bottom: solid 1px #A0B0FF;
    background: #ffffdc;
    margin: 1em 0 1em 1em;
    padding: .3em;
    overflow: auto;
    padding-left: 1em;
    padding-right: 1em;
}
#content tt {
    color: #ac352d;
}
#content div.spip_code tt {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: black;
    font-family: "Century Gothic", "Bitstream Vera Sans", verdana, lucida, helvetica, sans-serif;
}
#content div.spip_ccode {
    border: solid 1px #A0B0FF;
    background: #FFFFD8;
    margin: 1em 0 1em 1em;
    padding: .3em;
    overflow: auto;
    height: 400px;
    white-space: nowrap;
}
#content div.spip_ccode pre, #content div.spip_ccode div {
    margin: 0;
    padding: 0;
}
#content div.spip_ccode tt {
    width: 100%;
    font-family: "Century Gothic", "Bitstream Vera Sans", verdana, lucida, helvetica, sans-serif;
}
#content div.spip_ccode ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/*** footer ***/

#footer {
    border-top: solid 1px #C0C0C0;
    font-size: 7pt;
    margin-top: 2em;
}
#footer div.floatleft {
    float: left;
}
#footer div.homePath {
    font-size: 8pt;
    text-align: left;
}
#footer span.homePathText {
    font-size: 7pt;
}
#footer div.ideas {
    line-height: 10pt;
    padding-top: 0;
    margin: 4px 0px 5px;
    text-align: right;
}
#w3valid {
    text-align: right;
}
#w3valid a {
    border: none;
}

/*** Download ***/

#downloads {
    width: 200px;
    float: right;
    margin: 10px 0 10px 15px;
    border: solid 1px #A0B0FF;
    background: #E7E7FF;
}
#downloads span.downloadTitle {
    line-height: 100%;
    margin: 0 5px 3px;
    font-weight: bold;
}
#downloads ul {
    margin-top: 10px;
    list-style: none;
    padding: 0 4px 0 5px;
    margin: 0;
}
#downloads ul li {
    margin: 7px 0 0;
    border-bottom: solid 1px #A0B0FF;
}
#downloads ul li.downloadnobottom {
    border-bottom: none;
}
#downloads a {
    font-size: 8pt;
    font-weight: bold;
}
#downloads a span {
    display: block;
}
#downloads a span.downloadDesc {
    font-size: 7pt;
    font-weight: normal;
    line-height: 110%;
    margin-bottom: 5px;
}
#downloads span.downloadLogo {
    clear: left;
    float: left;
    margin: 0 5px 0 0;
    width: 50px;
    text-align: center;
}
#downloads span.downloadSize {
    font-size: 7pt;
}
div.spip_documents {
    margin: 0 10px 10px 1em;
    border: solid 1px #A0B0FF;
    background: #E7E7FF;
}
div.spip_documents a {
    border: none;
}
div.spip_documents div {
    font-size: 7pt;
    font-weight: bold;
}
div.spip_documents img {
    margin-top: 5px;
}
div.spip_documents .spip_doc_titre {
    line-height: 100%;
    margin: 0 5px 3px;
    font-weight: bold;
    font-size: 8pt;
}
div.spip_documents .spip_doc_descriptif {
    font-size: 7pt;
    font-weight: normal;
    line-height: 110%;
    margin-bottom: 2px;
}
.clearboth {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
    height: 0;
}

/*** Mail form ***/

div.mailform {
    margin-top: 10px;
    width: 100%;
    font-weight: bold;
    font-size: 9pt;
    color: green;
}
div.mailform table {
    margin: 0 auto 0 auto;
    width: auto;
}
div.mailform table td {
    vertical-align: top;
}
div.mailform table td label {
    display: block;
    font-size: 8pt;
    text-align: right;
    color: black;
}
div.mailform table td.spip_bouton {
    text-align: center;
    vertical-align: middle;
}
div.mailform input[type=text], div.mailform textarea {
    width: 300px;
    font: normal 9pt "Century Gothic", "Bitstream Vera Sans", verdana, lucida, helvetica, sans-serif;
}

/*** Misc ***/

#content span.moreblock {
    text-align: right;
    font-size: smaller;
    font-weight: bold;
    margin-top: 0;
    margin-right: .25em;
    padding-top: 0;
    display: block;
}
#content span.more {
    font-size: smaller;
    font-weight: bold;
}
#content ul.seealsolist {
    list-style: url("../puce.gif") disc;
}
#content li.seealsoitem {
    text-align: justify;
}
.spip_surligne {
    background: yellow;
}
#left .spip_surligne, #top .spip_surligne {
    background: inherit;
}

/* Plan *********************/

ul.plan-rubriques, ul {
    list-style: none;
    padding-left: 2em;
}
ul.plan-rubriques li div {
    font-weight: bold;
    font-size: 120%;
    margin-top: 2em;
}
ul.plan-rubriques ul div {
    font-size: 100%;
    margin-top: 1em;
}
ul.plan-rubriques ul ul div {
    margin-top: 0;
}
ul.plan-rubriques li, li.plan-article, div {
    margin-bottom: .30em;
}

/* Search *******************/

#search {
    margin-bottom: 3px;
}
#search span {
    display: block;
    margin: 2px;
}
#search span.searchCheckbox {
    float: left;
    font-size: 8pt;
}
#search span.rightAlign {
    text-align: right;
}
#search span.searchCheckbox input {
    margin: 3px 4px 0px 2px;
}
#search input {
    font-weight: bold;
    font-size: 10px;
}
#search input.searchText {
    font-weight: normal;
    font-size: 12px;
    margin: 2px 0px;
    background: white;
    width: 148px;
}
#content span.resultcount {
    font-weight: bold;
}
#content span.resultText {
    font-weight: bold;
    color: red;
}
#content div.searchResult {
    margin-top: 20px;
}
#content div.searchResultTitle {
    font-size: 115%;
    font-weight: bold;
    margin-left: 1em;
}
#content div.searchResultTitle a {
    color: #900;
    background: none;
    border: none;
}
#content div.searchResultPercent {
    font-size: 8pt;
    margin-left: 1.5em;
}
#content div.searchResultDetail {
    margin-left: 2em;
}

/* Login form */

div.spip_encadrer {
    color: #900;
    margin-left: 1em;
    margin-bottom: 0;
}

div.spip_encadrer p {
    margin-left: 0em;
}

div.spip_encadrer div {
    text-align: left !important;
}

div.spip_encadrer input.forml {
    margin-top: 0.5em;
}

div.mailform div div font {
    font-size: 8pt !important;
    color: #3069C4;
}