/* SPIP-STYLE SPIP 3.2 */
hr.spip {
    display: block;
    clear: both;
    background-color: #EAEAEA;
    height: 1px;
    border: 0;
    margin: 1em auto;
}
p.spip {
    margin: 1em 0 0 0;
    padding: 0;
    text-align: justify;
}

/* Listes ordonnées */
ol.spip {
    list-style-type: none;
    counter-reset: section;
}
ol.spip > li {
    position: relative;
    padding: .25em .5em;
    line-height: 150%;
}
ol.spip > li::before {
    counter-increment: section;
    content: counter(section) ". ";
    font-weight: 700;
    font-size: 1.15em;
}
ol.spip > li > ol.spip {
    counter-reset: subsection;
    margin-left: 2em;
}
ol.spip > li > ol.spip li::before {
    counter-increment: subsection;
    content: counter(subsection) ". ";
    font-size: 1.05em;
}
ol.spip > li > ol.spip > li > ol.spip {
    counter-reset: subsubsection;
}
ol.spip > li > ol.spip > li > ol.spip li::before {
    counter-increment: subsubsection;
    content: counter(subsubsection) ". ";
    font-size: 1em;
}

/* Listes non ordonnées */
ul li {
    list-style: none;
}
ul.spip li {
    position: relative;
    padding: .25em .5em;
    line-height: 150%;
}
ul.spip li::before {
    content: ' ';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px 2.5px 0;
    background-color: #aaa;
}

/* Citations */
blockquote.spip {
    margin: 2em 0;
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px dotted #aaa;
}
blockquote.spip_poesie {
    margin: 2em 0;
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px solid #aaa;
}
blockquote.spip_poesie div {
    /*text-indent: -3em;*/
    /*margin-left: 3em;*/
}

/* Code */
.spip_code,
.spip_cadre {
    /* font-family: Courier, "Courier New", monospace; color: #036; */
}
.spip_cadre {
    width: 99%;
    /* background-color: #F4F8F8; border: 1px inset; */
    font-size: inherit;
}
div.spip_code,
.spip_cadre {
    margin-bottom: 1em;
}
.spip_surligne {
    background: #cccccc;
    color: #333333;
    padding: 2px 5px;
}

/* Tableaux */
table.spip {
    max-width: 99%;
    margin: 0 auto 1em;
    border-collapse: collapse;
    line-height: normal;
}
table.spip caption {
    caption-side: top;
    text-align: center;
    font-weight: bold;
}
table.spip th,
table.spip td {
    padding: 0.20em 0.40em;
    text-align: left;
    border: 1px solid #ccc;
}
table.spip th {
    vertical-align: bottom;
    font-weight: bold;
}
table.spip td {
    vertical-align: top;
}
table.spip td.numeric {
    text-align: right;
}
table.spip tr.row_first {
    background: #fff;
}
table.spip tr.row_odd {
    background: #f0f0f0;
}
table.spip tr.row_even {
    background: #e0e0e0;
}

/* Images et documents */
img {
    border: 0;
}
.spip_logos {
    margin: 0;
    border: 0;
}
.spip_documents {
    text-align: center;
    line-height: normal;
}
.spip_documents p {
    margin: 0.10em;
    padding: 0;
}
.spip_documents_center {
    display: block;
    clear: both;
    width: 100%;
    margin: 1em auto;
    text-align: center;
}
.spip_documents_left {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
.spip_documents_right {
    float: right;
    margin-left: 15px;
    margin-bottom: 5px;
}
.spip_doc_titre {
    font-size: 0.9em;
    width: 100%;
    margin: 0 auto;
}
.spip_doc_descriptif {
    clear: both;
    font-size: 0.8em;
    margin: 0 auto;
    color: black;
}
.spip_doc_credits {
    font-style: italic;
}
.spip_doc_legende {
    display: block;
    clear: both;
    width: 100%;
    max-width: 25em;
}
.spip_documents > a {
    display: inline-block;
}
table.spip .spip_document_image {
    width: auto !important;
}

/* Modèles par défaut */
.spip_modele {
    float: right;
    display: block;
    padding: 1em;
    border: 1px solid;
    width: 180px;
}

/* Liens */
a.spip_note {}
a.spip_ancre {}
a.spip_in:hover,
a.spip_mail:hover {
    text-decoration: underline;
}
a.spip_out:hover,
a.spip_url:hover {}
a.spip_glossaire {
    color: #060;
}
a.spip_glossaire:hover {
    text-decoration: underline overline;
}
a.spip_mail {
    color: #900;
}
a.spip_mail:before {
    content: "\002709";
}
a.spip_out,
a[rel=external] {
    color: #009;
}
a.spip_url {
    color: #009;
}
a[hreflang]:after {
    /*content: "\0000a0(" attr(hreflang) ")";*/
}

/* Divers */
.small {
    font-size: 90%;
}
.nettoyeur {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1px;
    font-size: 1px;
}
.invisible {
    position: absolute;
    top: -3000em;
    height: 1%;
}
.texte sc {
    font-variant: small-caps;
    font-size: 1.1em;
}
.on {
    font-weight: bold;
}

/* Titres */
h2.spip {
    margin: 0 0 .5em 0;
    padding: 0 0 .5em 0;
}
h2.titre-section-petit {
    font-size: 1.6em;
    margin: 1em 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 0 .5em;
    border-bottom: solid 2px #555;
    color: #555;
    clear: both;
}
h3.spip,
h4.spip,
h5.spip {
    margin: 1em 0;
}
h3.spip {
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: left;
}
h4.spip {
    font-size: 1.4em;
}
h5.spip {
    font-size: 1.3em;
}
h4.soustitre {
    margin: 0 0 1em 0;
}
.texteencadre-spip {
    width: 95%;
    z-index: 1;
    position: relative;
    padding: 1em 2.5%;
    margin: 0 0 1em 0;
}
/******************************************************************
* Larger Mobile Devices
* This is for devices like the Galaxy Note or something that's
* larger than an iPhone but smaller than a tablet.
******************************************************************/
@media only screen and (min-width: 481px) {
    .texteencadre-spip {
        border: none;
        background-color: #F0F0F0;
        float: right;
        clear: right;
        width: 35%;
        padding: 1em 2.5%;
        margin: 0 0 1em 2.5%;
    }
}