@charset "utf-8";
/* CSS Document */
/*<![CDATA[*/
/* */
@font-face {
    font-family: "CenturyGothic";
    src: url(font/gothic.eot);
    src: url(font/gothic.eot?#iefix) format("embedded-opentype"), url(font/gothic.woff) format("woff"), url(font/gothic.ttf) format("truetype"), url(font/gothic.svg#gothic) format("svg");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "AmericanUncialRegular";
    src: url(font/americanuncial-webfont.eot);
    src: url(font/americanuncial-webfont.eot?#iefix) format("embedded-opentype"), url(font/americanuncial-webfont.woff) format("woff"), url(font/americanuncial-webfont.ttf) format("truetype"), url(font/americanuncial-webfont.svg#AmericanUncialRegular) format("svg");
    font-weight: normal;
    font-style: normal
    }
/* Logos, documents et images */
.spip_logos {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
    border: none
    }
.spip_documents {
    margin-bottom: 1.5em;
    padding: 0;
    background: none
    }
.spip_documents, .spip_documents_center, .spip_doc_titre, .spip_doc_descriptif {
    margin-right: auto;
    margin-left: auto;
    text-align: center
    }
.spip_documents_center {
    display: block;
    width: 100%
    }
.spip_documents_left {
    float: left;
    margin-right: 1.5em
    }
.spip_documents_right {
    float: right;
    margin-left: 1.5em
    }
.spip_doc_descriptif {
    clear: both
    }
body {
    background-color: #000;
    color: #FFF;
    font-family: "CenturyGothic", Arial, Verdana, Helvetica;
    background-image: url(css/fond.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 0.8em;
    margin: 0;
    padding: 0
    }
a:link {
    font: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    color: #900;
    text-decoration: underline;
    font-weight: bold
    }
a:visited {
    font: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    color: #900;
    text-decoration: underline;
    font-weight: bold
    }
a:hover {
    font: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    color: #FFF;
    text-decoration: underline;
    font-weight: bold
    }
a:active {
    font: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    color: #900;
    text-decoration: underline;
    font-weight: bold
    }
#centre h3 {
    text-align: left;
    padding: 30px 0 0 0;
    color: #F00;
    font-size: 18px;
    font-family: "CenturyGothic", Arial, Verdana, Helvetica;
    text-decoration: none
    }
#centre h4 {
    padding: 30px 0 0 0;
    color: #F00;
    font-size: 18px;
    font-family: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    text-decoration: none
    }
h3 {
    text-align: left;
    padding: 30px 0 0 0;
    color: #F00;
    font-size: 18px;
    font-family: "CenturyGothic", Arial, Verdana, Helvetica;
    text-decoration: none
    }
p {
    margin: 0 0 10px 0
    }
#header {
    height: 253px
    }
#header a:link {
    font: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    color: #fff;
    text-decoration: underline;
    font-weight: bold
    }
#header a:visited {
    font: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    color: #fff;
    text-decoration: underline;
    font-weight: bold
    }
#header a:hover {
    font: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    color: #900;
    text-decoration: underline;
    font-weight: bold
    }
#header a:active {
    font: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    color: #fff;
    text-decoration: underline;
    font-weight: bold
    }
#lienhaut {
    top: 10px;
    left: 950px;
    position: absolute
    }
#logo {
    top: 0;
    left: 160px;
    position: absolute
    }
#haut {
    height: 51px;
    padding: 0 0 0 80px;
    background-image: url(css/fondmenu.png);
    background-position: top left;
    background-repeat: no-repeat
    }
#reglage {
    padding: 0 0 0 80px
    }
#conteneur {
    width: 1100px;
    margin: 0 auto
    }
#etagediapo {
    background-image: url(css/diaporama.png);
    background-position: top left;
    background-repeat: no-repeat
    }
#centre {
    padding: 30px 0 0 0;
    margin-left: 360px;
    margin-right: 80px;
    height: 295px
    }
#noir {
    background-image: url(css/noir.png);
    background-position: top left;
    background-repeat: repeat-y
    }
/*div {border:1px dotted purple;}*/
#centrearticle {
    padding: 10px 0 20px 0;
    margin-left: 320px;
    margin-right: 20px
    }
h1 {
    text-align: left;
    padding: 5px 0 10px 60px;
    color: #930;
    font-size: 32px;
    font-family: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    background-image: url(css/h1.png);
    background-position: top left;
    background-repeat: no-repeat
    }
#gauche {
    padding: 80px 0 0 0;
    float: left;
    width: 300px
    }
#case {
    text-align: justify;
    background-image: url(css/case.png);
    background-position: top center;
    background-repeat: no-repeat;
    float: left;
    width: 320px;
    margin: 0 10px 0 10px;
    padding: 15px 10px 0 10px
    }
#case h3 {
    text-align: left;
    padding: 0 0 0 0;
    color: #F00;
    font-size: 18px;
    font-family: "AmericanUncialRegular", Arial, Verdana, Helvetica;
    text-decoration: none
    }
#pied {
    clear: both;
    padding: 20px 0 20px 0
    }
#festival {
    padding: 0 0 5px 10px;
    margin: 0 0 0 0;
    width: 100%;
    /*background-image: url(css/);
    background-position: top left;
    background-repeat: no-repeat;	*/
    border: #666 solid 1px
    }
#festival h3 {
    text-align: left;
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
    color: #F00;
    font-size: 18px;
    font-family: "CenturyGothic", Arial, Verdana, Helvetica;
    text-decoration: none
    }
/*]]>*/