/* -----COFRAC-MEDIA--------- */
/*----------taille typo------------ */
/* Base________________100% */
/* 20px________________1.27em */
/* 19px________________1.21em */
/* 18px________________1.15em */
/* 17px________________1.09em */
/* 16px________________1.03em */
/* 15px________________0.96em */
/* 14px________________0.88em */
/* 13px________________0.82em */
/* 12px________________0.77em */
/* 11px________________0.71em */
/* 10px________________0.65em */
/* 09px________________0.59em */
/* Attention : en dessous de 0.71em le texte devient illisible
* en texte le plus petit sur Internet Explorer */
/* ------------------------------------------------ */
/*--.spip-admin-float { display:none; }--*/
/* ------------------------------------------------ */
/* force le retour à la ligne, le plus souvent appliqué à
*/
/* Utilisable sous la forme
*/
.clear {
clear: both;
}
/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme
*/
.clearright {
clear: right;
}
/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme
*/
.clearleft {
clear: left;
}
/* ---------------------HTML-BODY-------------------- */
/* CSS qui produit un design dit "fluid" le site occupe la totalité de l'écran */
html, body {
width: 100%;
height: 100%;
}
/* -----------------------BODY------------------------- */
/* bien regler la marge (bugs IE) */
body { font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/back.jpg); background-position: 0 0; margin: 0; padding: 0 }
.spip_logos {
margin-top: 0px;
margin-left: 0px;
margin-right: 3px;
margin-bottom: 0px;
padding: 0px;
}
/* ------------------PAGE-------------------- */
#page { font-size: 0.85em; text-align: left; padding: 0; width: 100% }
/* -----------------ASPECT DES LIENS------------------- */
a {
color:#333333;
text-decoration: none;
}
a:visited {
color:#333333;
text-decoration: none;
}
a:hover { color: #ffc46d; text-decoration: none }
a:active {
color:#000;
text-decoration: none;
}
/* colletion de survol de Texte */
a.TexteBlanc { color: #fff; text-decoration: none }
a.TexteBlanc:visited { text-decoration: none }
a.TexteBlanc:active { color: #fff; text-decoration: none }
a.TexteBlanc:hover { color: #ffe27c; text-decoration: none }
a.TexteGrisF { color: #aca899; text-decoration: underline }
a.TexteGrisF:hover { color: #aadce7; text-decoration: underline }
a.TexteGrisF:visited { font-weight: bold }
a.TexteGrisF:active { font-weight: bold; text-decoration: underline }
a.TexteGris { color: #a0a0a0; text-decoration: none }
a.TexteGris:active { text-decoration: underline }
a.TexteGris:hover { color: #ffc46d }
a.TexteGris:visited { color: #a0a0a0; text-decoration: none }
a.TexteRouge { color: #df3e44; text-decoration: none }
a.TexteRouge:hover { color: #ffc46d; text-decoration: none }
/* ------------IMAGES----------- */
.img-mondes { background-image: url(../images/bandeau_top2.jpg); background-repeat: no-repeat }
.gris-dega-text { background-image: url(../images/gris-degra-text.gif); background-repeat: repeat-y }
/* ------------Bloc principal de contenu----------- */
/* ----------------TEXTE--------------------- */
/* Style pour le texte d'un article */
/* texte doit être une div pour utiliser le javascript de taille des caractères */
#texte { background-image: url(../images/gris-degra-text.gif); background-repeat: repeat-y; overflow: auto; border-top: 10px solid #ffc46d; zoom: 1.0 }
.texte { font-size: 1em; text-align: left; margin: 10px 10px 30px }
#ligne { margin-top: 3px; margin-bottom: 10px; padding: 0; overflow: auto; border-bottom: 2px solid #ffc46d; zoom: 1.0 }
/* ----------------SURENTETE------------------- */
#surentete { background-image: url(../images/bandeau_top2.jpg); background-repeat: no-repeat; text-align: left; padding-top: 0; padding-bottom: 0; width: 991px; height: 88px }
/* ------------------ENTETE------------------- */
/* Entête de la page d'accueil destinée à contenir la bannière principale */
#enteteaccueil { background-color: #fff; text-align: left; margin: 0; padding: 0 }
/* ------------------------------------------------ */
/* --------CHEMIN DE PROGRESSION--------- */
/* Zone pour le chemin de progression */
#progression { background-color: #c6c6c6; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0 0 0 10px }
/* Les intitulés du chemin de progression sont présentés sous forme de liste */
.progression { font-size: 0.85em; list-style-type: none; padding: 0 }
.progression li { background-color: #c6c6c6; display: inline }
/* ------------------CENTRAL----------------------- */
/* Conteneur centre et droit de la page */
#central { margin: 0; padding: 0; width: 991px; height: auto; float: inherit; zoom: 1.0 }
#contenucentral { padding: 0; float: left; zoom: 1.0 }
#contenucentrallogin { background-position: center 0; text-align: center; margin-top: 0; margin-right: 300px; margin-left: 300px; padding: 0; zoom: 1.0 }
/* ------------------GAUCHE----------------- */
/* Zone a gauche de l'écran */
#gauche { background-position: 0 0; margin-top: 12px; padding: 0; width: 730px; height: auto; float: left; border-width: 1px; border-color: #ff0000 }
/* La partie gauche est placée dans la zone gauche*/
#partiegauche { margin: 5px; padding: 0 }
/* --------------DROITE----------------- */
/* Zone à droite de l'écran */
#droite { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0; width: 250px; float: right }
/* La partie droite est placée dans la zone droite*/
#partiedroite { margin-top: 10px; padding: 0 }
/* ---------------PIED-------------------- */
/* Pied de la page*/
#pieddepage { color: #000; text-align: center; margin-right: 0; margin-left: 0; padding: 0 }
/* Les intitulés en pied de page sont présentés sous forme de liste */
.pieddepage {
list-style-type: none;
padding:0px;
font-size: 0.85em;
}
.pieddepage li {
display: inline;
}
/* --------------------------------------- */
.popup { width: 220px }
/* ----STYLES DES PARAGRAPHES-- */
h1, h2, h3 { font-weight: bold; margin: 0 1em }
h1 { font-size: 1.4em; line-height: 12pt }
h2 { font-size: 1.3em; line-height: 12pt }
h3 { font-size: 1.2em; line-height: 12pt }
h4 { font-size: 1.1em; line-height: 9pt }
/*-------HABILLAGE DES FORMULAIRES---------- */
/* ------------------------------------------ */
.formulaire_spip { font-family: Arial; text-align: left; width: 210px }
.formulaire_spip p { color: #ffc46d; margin-top: 5px; margin-bottom: 5px; margin-left: 0; padding: 0 }
.formulaire_spip fieldset { color: #aadce7; font-size: 0.88em }
.formulaire_spip legend { color: #ffffd3; font-size: 1.2em; font-family: Arial }
.formulaire_spip label { color: #ffc46d; font-size: 1em; font-family: Arial }
.formulaire_spip .forml { font-size: inherit; font-family: inherit; width: 155px }
.formulaire_spip .login { }
.oubli { font-size: 1em; font-family: Arial }
#oubli { font-size: 1em; font-family: Arial }
/* Boutons */
.spip_bouton { text-align: right }
.spip_bouton input { float: left }
/* ---------REPONSE DU FORMULAIRE---------- */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
/* -------PREVISUALISATION DES MESSAGES-------------------------------- */
fieldset.previsu { padding: 1em; }
/* -----FORMULAIRE DU LOGIN AU FORUM-------- */
.formulaire_login_forum .forml1 { width: 12em }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }
/* -------FORMULAIRE DE RECHERCHE--------------- */
.formulaire_recherche { text-align: left; width: 100% }
.formulaire_recherche label { display: none }
.formulaire_recherche .forml { color: #2c5c75; font-size: 0.9em; font-family: inherit }
/* --------FORMULAIRE LOGIN PRIVE--------- */
.formulaire_login_prive { text-align: left }
.formulaire_login_prive label { display: none }