/* Corps des pages */

body {
        margin: 0;
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 14px;
        line-height: 1.3571; /* 19px */
        background: white;
}
div#conteneur {
        position: relative;
        width: 750px;
}
div#page {
        position: absolute;
        top: 200px;
        left: 305px;
        width: 443px;
}


/* Configuration générale */

p {
        margin-top: 12px;
        margin-bottom: 12px;
}
h3 {
        font-size: 114.29%; /* 16px */
}
a {
        color: red;
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}
img {
        margin: 0px;
}
img.puce {
        position: relative;
        top: 2px;
        width: 11px;
        height: 15px;
}


/* Page d'accueil */

body.sommaire div#conteneur {
        width: 500px;
}
body.sommaire img#raleur {
        position: absolute;
        top: 130px;
        left: 250px;
        border: none;
}


/* Menu */

div#logo-orange a {
        position: absolute;
        top: 107px;
        left: 58px;
        width: 200px;
        height: 67px;
        text-decoration: none;
        background-image: url("/images/logo-orange.png");
        background-repeat: no-repeat;
}
div#logo-vertical {
        position: absolute;
        top: 201px;
        left: 240px;
        width: 27px;
        height: 240px;
        background-image: url("/images/logo-vertical.png");
        background-repeat: no-repeat;
}
ul#menu {
        position: absolute;
        top: 205px;
        left: 103px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}
ul#menu li a {
        position: absolute;
        left: 0px;
        width: 120px;
        text-decoration: none;
        background-image: url("/images/menu.png");
        background-repeat: no-repeat;
}
ul#menu li#avenir a {
        top: 0px;
        height: 29px;
        background-position: 0px 0px;
}
ul#menu li#avenir a.on {
        background-position: -120px 0px;
}
ul#menu li#avenir a:hover {
        background-position: -120px 0px;
}
ul#menu li#souvenirs a {
        top: 31px;
        height: 29px;
        background-position: 0px -31px;
}
ul#menu li#souvenirs a.on {
        background-position: -120px -31px;
}
ul#menu li#souvenirs a:hover {
        background-position: -120px -31px;
}
ul#menu li#documents a {
        top: 62px;
        height: 28px;
        background-position: 0px -62px;
}
ul#menu li#documents a.on {
        background-position: -120px -62px;
}
ul#menu li#documents a:hover {
        background-position: -120px -62px;
}
ul#menu li#leitmotiv a {
        top: 95px;
        height: 22px;
        background-position: 0px -95px;
}
ul#menu li#leitmotiv a.on {
        background-position: -120px -95px;
}
ul#menu li#leitmotiv a:hover {
        background-position: -120px -95px;
}
ul#menu li#liens a {
        top: 121px;
        height: 26px;
        background-position: 0px -121px;
}
ul#menu li#liens a.on {
        background-position: -120px -121px;
}
ul#menu li#liens a:hover {
        background-position: -120px -121px;
}
ul#menu li#contact a {
        top: 149px;
        height: 24px;
        background-position: 0px -149px;
}
ul#menu li#contact a.on {
        background-position: -120px -149px;
}
ul#menu li#contact a:hover {
        background-position: -120px -149px;
}
div#acces-documents a {
        display: none;
}
body.article div#acces-documents a {
        display: block;
        position: absolute;
        top: 386px;
        left: 145px;
        width: 75px;
        height: 15px;
        text-decoration: none;
        background-image: url("/images/acces-documents.png");
        background-repeat: no-repeat;
}
body.contact div#acces-documents a {
        display: none;
}


/* Étoile qui clignote */

body.accueil div#etoile {
        position: absolute;
        top: 57px;
        left: 468px;
        width: 243px;
        height: 216px;
        background-image: url("/images/etoile.gif");
        background-repeat: no-repeat;
}
body.accueil div#etoile > div {
        position: relative;
        margin-top: 52px;
        margin-left: 72px;
        width: 103px;
        height: 75px;
        line-height: 75px;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
}
body.accueil div#etoile > div > div {
        display: inline-block;
        width: 103px;
        vertical-align: middle;
        line-height: 1.2;
}
body.accueil div#etoile a {
        color: white;
        text-decoration: none;
}
body.accueil div#etoile a:hover {
        text-decoration: underline;
}


/* Édito et articles à la une */

body.accueil .edito {
        margin-bottom: 30px;
        font-weight: bold;
}
body.accueil .paragraphe {
        margin-bottom: 15px;
}
body.accueil .titre {
        font-weight: bold;
}
body.accueil .titre a {
        color: red;
}
body.accueil .suite {
        color: black;
}


/* Logos des articles */

.logo img.spip_logos {
        float: left;
 	margin-top: 4px;
 	margin-left: 1px;
 	margin-right: 8px;
        max-width: 100px;
 	padding: 0px;
 	text-align: left;
}


/* Liste d'articles dans une rubrique */

body.rubrique .intro {
        clear: left;
        margin-bottom: 30px;
        font-weight: bold;
}
body.rubrique .paragraphe {
        clear: left;
        margin-bottom: 30px;
}
body.rubrique .titre {
        font-weight: bold;
}
body.rubrique .titre a {
        color: black;
}
body.rubrique .date {
        margin-top: 2px;
        margin-bottom: 3px;
        font-size: 64.29%; /* 9px */
        text-transform: uppercase;
}
body.rubrique .logo img.spip_logos {
        float: left;
 	margin-top: 4px;
 	margin-left: 1px;
 	margin-right: 8px;
        max-width: 100px;
 	padding: 0px;
 	text-align: left;
}
body.rubrique .suite {
        color: black;
}


/* Leitmotiv */

ul.leitmotiv {
        margin-top: 30px;
}
ul.leitmotiv li {
        margin-bottom: 6px;
}
ul.leitmotiv li a {
        font-weight: bold;
}


/* Élements d'un article */

body.article .paragraphe {
        margin-bottom: 30px;
}
body.article .titre {
        margin-bottom: 12px;
        font-weight: bold;
        font-size: 171.43%; /* 24px */
}
body.article .date {
        margin-bottom: 12px;
        font-size: 64.29%; /* 9px */
        text-transform: uppercase;
}
body.article .chapo {
        margin-bottom: 12px;
        font-weight: bold;
}
body.article .texte {
        margin-bottom: 12px;
}
body.article .ps {
        margin-bottom: 12px;
        font-weight: bold;
}
body.article .ps a {
        color: red;
}
body.article .relecture {
        position: absolute;
        top: -150px;
        color: blue;
        font-weight: bold;
}


/* Documents joints */

body.article .document {
        float: left;
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 20px;
        width: 130px;
        font-family: georgia, garamond, serif;
        font-size: 85.71%; /* 12px */
        color: silver;
        text-align: center;
}
body.article .document span a {
        color: silver;
}
body.article .document a img.spip_logos {
 	margin-bottom: 10px;
        border: none;
 	text-align: center;
}


/* Articles joints */

body.article-joint div#page {
        top: 40px;
        left: 50px;
        width: 700px;
}
body.article-joint .paragraphe {
        font-family: georgia, garamond, serif;
}
body.article-joint .date {
        font-size: 78.57%; /* 11px */
}


/* Diaporama */

body.diaporama {
        background: black;
        font-size: 14px;
}
#diaporama {
        position: absolute;
        top: 10px;
        left: 20px;
        color: white;
}
.diaporama-navigation {
        margin-bottom: 7px;
        font-size: 78.57%; /* 11px */
        color: silver;
        text-transform: uppercase;
}
.diaporama-navigation a {
        color: silver;
}
.diaporama-legende {
        margin-top: 4px;
        margin-bottom: 8px;
        font-weight: bold;
}
.diaporama-photographie {
        border: none;
}
.diaporama-suivante {
        visibility: hidden;
        height: 0px;
}


/* Carte */

body.carte {
        background: white;
}
body.carte #map {
        position: absolute;
        width: 100%;
        height: 100%;
}
body.carte div.olControlAttribution {
        top: 1.5ex !important;
        right: 1em !important;
        font-family: sans-serif !important;
        font-size: 14px !important;
}
body.carte div.olControlAttribution a {
        color: black;
        text-decoration: none;
}
body.carte div.olControlAttribution a:hover {
        color: black;
        text-decoration: underline;
}
body.carte div.olControlScale {
        top: 4ex !important;
        right: 1em !important;
        font-family: sans-serif !important;
        font-size: 14px !important;
}
body.carte div.olControlMousePosition { 
        top: 6.5ex !important;
        right: 1em !important;
        font-family: sans-serif !important;
        font-weight: bold !important;
        font-size: 14px !important;
}
#carte-cartouche {
        position: absolute;
        bottom: 0px;
        width: 100%;
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: white;
        background: black;
}
#carte-cartouche div {
        margin-left: 20px;
}
.carte-titre {
        margin-top: 10px;
        margin-bottom: 8px;
        font-weight: bold;
}
.carte-navigation {
        margin-bottom: 7px;
        font-size: 78.57%; /* 11px */
        color: silver;
        text-transform: uppercase;
}
.carte-navigation a {
        color: silver;
}
.carte-legende {
        float: right;
        font-size: 78.57%; /* 11px */
        color: silver;
}
.carte-legende ul {
        margin: 0px;
        margin-top: 8px;
        margin-right: 20px;
        padding: 0px;
        list-style: none;
}
.carte-legende li {
        display: inline;
        margin: 0px;
        margin-left: 1em;
        padding: 0px;
}
.carte-legende img {
        position: relative;
        top: 7px;
}


/* Trucs invisibles */

.invisible {
        visibility: hidden;
}


/* Boutons d'administration */

.spip-admin-float {
        visibility: hidden;
}


/* Fin */