/* --------------------------------------------------------------

   Styles associes au code genere par SPIP

-------------------------------------------------------------- */

/* Listes SPIP */
ul.spip,
ol.spip { margin-left: 50px; }
@media (max-width: 640px) {
	ul.spip,
	ol.spip { margin-left: 1.5em; }
}
ul.spip { list-style-type: square; }
li ul.spip { list-style-type: disc; }
li li ul.spip { list-style-type: circle; }
ol.spip { list-style-type: decimal; }

dl.spip dt,
dl.spip dd { padding-left: 50px; }
dl.spip dt { clear: both; }
dl.spip dd {}

/* Tableaux SPIP */
table.spip { width: 100%; }
table.spip caption {}
table.spip tr.row_first th {}
table.spip tr.odd td {}
table.spip tr.even td {}

/* Citations, code et poesie */
blockquote.spip { background: url(http://www.journal-la-mee.fr/squelettes/img/quote.png) repeat; }
.spip_poesie { border-left: 1px solid; padding-left:10px;}
.spip_poesie div { margin-left: 50px; text-indent: -50px; }
.spip_code { font-family: Arial, Courier, monospace; font-size: 0.8em; padding: 0.3em;margin:2em;width:30em;}
.spip_cadre { font-family: Carlito, Courier, monospace; font-size: 1em; border: 1px solid #000; padding: 0.3em;margin:1em;width:auto;background:#ddd; color:blue;}
.spip_cadre2 { font-family:serif, Courier, monospace; border:1px solid #000; background:#FFFFFF;padding-left: 2px; padding-right: 2px;width: 20%; color:#ff0000;}
.spip_cadrej { font-family:Arial, Courier, monospace; border:1px solid #000; width:25%; background:#FFFF00;padding-left: 5px; padding-right: 5px;}
.spip_cadreg { font-family:Arial, Courier, monospace; border:1px solid #000; width:50%; background:#EAEAF4;padding-left: 5px; padding-right: 5px;}
.spip_cadrev { font-family:Arial, Courier, monospace; border:1px solid #000; width:75%; background:#CBF797;padding-left: 5px; padding-right: 5px;}

encadre.spip { min-height: 40px; background: url(img/quote.png) no-repeat; }




/* Enluminures typo V3 / Cf.: http://contrib.spip.net/3118 */
sc, .sc { font-variant: small-caps; }
.caractencadre-spip { background-color: #FFFFCC; color: purple; }
.caractencadre2-spip { background-color: #FFFFCC; color: orange; }
.texteencadre-spip { display: block; margin: 1.5em 50px; padding: 1.5em; background: #EEE; }

/* Logos, documents et images */
.spip_logos { float:right; margin: 0 0 0.25em 1.5em;}

.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
.spip_doc_descriptif { margin-right: auto; margin-left: auto; margin-top:0em; text-align: center; font-size: 98%; line-height:1.2em;}
.spip_documents,
.spip_documents_center,
.spip_doc_titre { margin-right: auto; margin-left: auto; text-align: center; font-size: 80%; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 1.5em; }
.spip_documents_right { float: right; margin-left: 2em; }
.spip_doc_titre {color:#FFF;}
.spip_doc_descriptif { clear: both; }

/* Modeles par defaut */
.spip_modele { float: right; display: block; width: 25%; margin: 0 0 1.5em 1.5em; padding: 1.5em; background-color: #EEE; }

/* Formulaires */
.formulaire_spip {}
.formulaire_spip li { clear: both; margin-bottom: 0.75em; }
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input,
.formulaire_spip .boutons button {}
@media print {
	.formulaire_spip { display: none; }
}

/* Barre typo */
.markItUp .markItUpHeader ul .markItUpSeparator { display: none; }

/* Previsu */
.previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed #F57900; }
fieldset.previsu legend { color: #F57900; }

/* Reponses */
.reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid #ddd; }
.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.reponse_formulaire_ok a { color: #264409; }
.reponse_formulaire_erreur a { color: #8a1f11; }

.erreur_message { color: red; }

li.erreur input[type="text"], li.erreur input.text,
li.erreur input[type="password"], li.erreur input.password,
li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; }

.spip_surligne { background-color: yellow; }

/* Formulaire de recherche */
.formulaire_recherche * { display: inline; }

/* Paragraphes */
div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center { margin-bottom: 1.5em; }

/* Pagination */
.pagination { clear: both; text-align: center; }
@media print {
	.pagination { display: none; }
}

/* Liens de SPIP */
a.spip_note { font-weight: bold; } /* liens vers notes de bas de page */
a.spip_in {text-decoration: none;} /* liens internes */
a.spip_mail {}
a.spip_out {} /* liens sortants */
a.spip_url {} /* liens url sortants */
a.spip_glossaire {} /* liens vers encyclopedie */
@media print {
	a.spip_out:after,
	a.spip_url:after { content: " (" attr(href) ")"; }
}

/* Boutons d'admin */
.ie6 .spip-admin,
.ie6 #spip-admin { display: none; }
@media print {
	.spip-admin,
	#spip-admin { display: none; }
}

/* Mes reglages */

#nav {
    border-right: 0em solid #8b8b8b;
    float: left;
    margin-top: 1em;
    padding:0em;
    overflow: hidden;
    text-align: center;
    width:10em;
}
.acc1 {font-size: 90%; width:10em;}
.jaune {background:#E9EA33;}
.spip_cadre2 { font-family: serif, Courier, monospace; font-size: 0.7em; border: 1px solid #000; padding: 0.2em;margin:1em 0;text-align: center; width:45%;background:#ffffff; color:#ff0000;}
.cyborg { font-family: Arial, Courier, monospace; font-size: 0.8em; border: 1px solid #000; padding: 0.2em;margin:2em 0;text-align: center; width:40%;}


/* end */

/* encore un essai */

/* Supprime les styles appliqués par défaut aux listes. S'applique également à la sous-liste */
.nav2 {
    list-style: none none;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.nav2 a {
    display: block;
    padding:.5em;
    color: blue;
    background: white;
    text-decoration: none;
}
.nav2 a:focus,
.nav2 a:hover {
    color: black;
    background: #ffc;
    text-decoration: underline;
}
.nav2-item {
    float: left; /* Pour que les liens s’affichent horizontalement */
    position: relative; /* Crée un contexte de positionnement pour les sous-listes */
}
.sub-nav2 {
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
    left: 0; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur */
    top: 2em; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur */
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
}
/* Réduit cette boîte à un carré d’1px de côté, dont le texte est déporté loin à gauche */
.sub-nav2-item a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    float: left; /* Fix WebKit : force la largeur des sous-navigations à s’adapter automatiquement, pour pouvoir l’atteindre à la souris */
}
.sub-nav2-item a:focus,
.nav2-item a:focus +.sub-nav2 a,
.nav2-item:hover .sub-nav2-item a {
    position: static;
    left: auto;
    width: auto;
    height: auto;
    overflow: visible;
}
@media screen and (max-width: 480px) {
.nav2-item {
        float: none; /* Remet les éléments les uns au-dessus des autres */
    }
.sub-nav2 {
        position: static; /* Replace la sous-liste dans le flux du document */
        white-space: normal /* Permet au texte de revenir à la ligne normalement */
    }
.sub-nav2-item a {
        display: block; /* Pour que la ligne entière soit cliquable */
        width: auto; /* Annule width: 1px */
        height: auto; /* Annule height: 1px */
        position: static; /* Annule position: absolute */
        padding-left: 1em; /* Annule le padding vertical et en rajoute à gauche pour indiquer le sous-niveau */
        overflow: visible; /* Annule overflow: hidden */
        float: none;
    }
}