/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%;/*si on met background ici, ca fait un background du pied de page*/ } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
.body {font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; float:center; background-color:#22102D; }

/*Pour changer le fond d'écran en mettant des images : background:url(images/flocon.gif); repeat; 
ou pour mettre une couleur : background-color:#22102D; */

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; color: #000; font-variant: small-caps; color: #00165D; }
h2 { font-size: 1.40em; font-weight: bold; font-variant: small-caps; color: #00165D; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #00165D; }
h3 { font-size: 1.55em; font-weight: bold; }
h4 { font-size: 1.5em; font-weight: bold; margin-bottom: 1em; text-align:left; font-family: Georgia;}
h5 { font-size: 1em; font-weight: bold; line-height: 1.25em; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; } /*on a laissé px parce qu'on ne sait pas à quoi ça faisait référence "abbr"*/
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */ 
ol.spip {} /* Cf.: spip_style.css */
ul.motscles {padding-left: 0; list-style: none; color:#ff66ff;}
dl {}
dt {}
dd {}


/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {margin-left: 1em; } /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

#page /*largeur de la page utilisée*/ { 
position: relative; width: 90em; border: 0.6em solid white; border-radius: 0.6em 0.6em 0.6em 0.6em; margin: 2em auto; background: white; min-height: 12em; } 

#lecteur { position: absolute; top: 3.2em; left: 1.1em; border: 0.1em solid black; border-radius: 0.2em; z-index: 1 }

#cassette { position: relative ; top: -20em; left: 71.5em; z-index: 2; width: 17.5em; }

	
/*colonne gauche*/
#colonnegauche { display: block; position:absolute ;left:0 ; width: 15em; overflow: hidden; margin-right: 0em; }

/*mots clés*/
.motscles { width: 11em; padding:0.8em 1em; border:0.3em solid #cc0099; border-radius: 0.6em; float: left; background:black; color:#ff66ff; margin-left: 1.2em; margin-bottom: 2em;}
.motscles h3 { font-size: 1.3em;}
.motscles a {color:#ff66ff;}
.motscles a:active { color: #A233A2; text-decoration: underline; font-weight: bold; }
.motscles a:hover { color: #7A18C6; text-decoration: underline; font-weight: bold; }


/*rediff*/
#rediff {width: 11em; padding:0.1em 1em; border:0.3em solid #cc0099; border-radius: 0.6em; float: left; background:#ff66ff; color:black; margin-left: 1.2em; margin-top: 1.5em; }
#rediff h3 { font-size: 1.3em;}
#rediff a {color:black;}
#rediff a:active { color: #A233A2; text-decoration: underline; font-weight: bold; }
#rediff a:hover { color: #7A18C6; text-decoration: underline; font-weight: bold; }

/*rediffnavigation*/
#rediffnavigation { width: 15em;
padding:0.1em 1.4em; border:0.3em solid #cc0099; border-radius: 0.6em; float: left; background:#ff66ff; color:black; margin-top: 1.5em; margin-bottom: 3.0em; }
#rediffnavigation h3 { font-size: 1.3em;}
#rediffnavigation a {color:black;}
#rediffnavigation a:active { color: #A233A2; text-decoration: underline; font-weight: bold; }
#rediffnavigation a:hover { color: #7A18C6; text-decoration: underline; font-weight: bold; }


/*entete*/
#entete {height: 28em; background: #FFF; width: 90em; margin-bottom: 1.5em;}
#entete a { padding-top: 1.60em; margin-left: 3em;
background: url(images/logo3.jpg) no-repeat; height: 14em; }
#entete a.accueil {display: block; width: 38em; height: 14em; }
#entete a.accueil img.spip_logos {vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip {vertical-align: bottom; text-align: right; margin-left: 20% font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
a.spip_out {color:#6600cc;}


/*menu_recherche*/ 
.menu_recherche ul li { clear: both; padding: 0.40em 0.2em; margin-left:-2em; line-height: none; list-style: none;}
.menu_recherche h3 { margin-bottom: -0.3em; font-size: 1.3em; }

#recherche_avancee a {background:none; margin-left:0;}

/*texte central*/
#conteneur {position: static ; margin-left: 15em; overflow: hidden; width: 55em; min-height:85em;}
#contenu {margin-top: 0.60em; padding-left: 3em; margin-right: 3em; }
#contenu-mots {margin-top: 0.60em; margin-right: 3em; }


#conteneur_sommaire {position: static ; margin-left: 15em; overflow: hidden; width: 55em; min-height: 100em;}

/*colonne de droite*/
#navigation { display: block; position: absolute; right: 0; width: 19em;  overflow: hidden; margin-right: 1em; }

/* colonne rubriques*/
.rubriques { width: 16.4em; padding:1em; border:0.3em solid #cc0099 ; border-radius: 0.6em; background:black; color:#FF00FF;}
#extra { display: block; float: left; width: 15em; margin-right: 3em; margin-bottom: 1em; overflow: hidden; }

/*brèves*/
#breve { width:14.2em;
float: right; margin-left: 1.2em; margin-top: 1em; text-align: justify; }
#breve h3 { font-size: 1.3em; }
#breve li {list-style-type: none; }

/*menu rss*/
.menu_rss { width: 16.4em; padding:1em; border:0.3em solid #cc0099; border-radius: 0.6em; margin-top:1em; background:#F4EAFA; }
.menu_rss h3 {color:black; font-size: 1.6em; font-weight: bold; font-variant: small-caps; }

/*page camaraderie*/
.page_camaraderie { width: 46em; padding:1em; border-top:0.06em solid #cc0099 ;   }
.page_camaraderie h3 {color:black; font-size: 1.6em; font-weight: bold; font-variant: small-caps; }

/*menu camaraderie*/
.menu_camaraderie { width: 16.4em; padding:1em; border:0.3em solid #cc0099 ; border-radius: 0.6em; margin-top:1em; line-height:1.75em; background:#F4EAFA;}

/*pied de page*/
#pied { clear: both; width: 100%; border-top: 0.1em solid #8B6F92; margin-top: 6.5em ;text-align: center; font-size: 0.90em; }
#pied img { vertical-align: middle; }


/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin:1.2em auto; padding: 0; border: 0; line-height: 1px; font-size: 1px; }/* on se sert pas du nettoyeur*/


/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

.article { float: left; width: 49.5em; text-align: left; margin-top: 0.4em; min-height:50em }

#hierarchie { clear: both; margin-bottom: 2em; margin-top:1.2em font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em;  clear: 0; }
.cartouche .spip_logos { float: right; margin-left: 1em; margin-bottom: 0.1em; margin-top: 3.5em; }
.cartouche p { padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.25em; font-weight: bold; color: #669; text-align: justify; }
.chapo_sommaire { margin-bottom: 1.50em; line-height: 1.25em; font-weight: bold; color: #669; text-align: justify; background: url(images/background-description.jpg) no-repeat; height: 10em; font-size: 1.3em; }
.chapo_contact { margin-bottom: 0.50em; margin-top: 1.50em; line-height: 1.25em; font-weight: bold; color: #669; text-align: justify; }

.texte { line-height: 1.60em; text-align: justify; margin-left: 2.0em}
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }
.voirplus { float: right ; font-weight: bold; font-size:1.1em; margin-top: 0.3em;}

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; } /* on a laissé px parce qu'on n'a pas trouvé où on s'en sert*/
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus mots-clés */
.motscles p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.motscles ul { margin: 0; padding: 0; list-style: none; }
.motscles ul li { margin: 0.20em 0; padding: 0.50em;  }

/*Habillage des articles liés*/
.articleslies ul { margin: 0; padding: 0; list-style-type: none; }
.articleslies ul li { margin: 0.20em 0; padding: 0.50em; list-style-type: none;  }

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 1.3em; list-style: none; }
.menu ul li { margin: 0.20em 0; padding: 0.50em; border-top: 0.1em inset #FF00FF; list-style: none;}
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }
.menu2 {float: left; clear: both; margin-bottom: 2em; text-align: left;}
#liste_articles { padding:0; margin:0;}
.menu_rss ul li {margin-top: 0.20em; margin-left:-3.2em ; padding: 0.50em; border-top: 0.1em inset #FF00FF; list-style: none;}
.menu_rss ul li ul li{padding: 0; border: 0; margin-bottom: 0.5em}
.page_camaraderie ul li {margin-top: 0.20em; margin-left:-3.2em ; padding: 0.50em; border-top: 0.1em inset #FF00FF; list-style: none;}
.page_camaraderie ul li ul li {padding: 0; border: 0; margin-bottom: 0.5em}
.menu_camaraderie ul { margin: 0em; padding: 0; list-style: none; }
.menu_camaraderie ul li { margin: 0em ; padding-top: 0.5em; padding-left: 0.5em; }

/*La propriété padding est une propriété raccourcie qui permet de définir les différents écarts de remplissage sur les quatre côtés d'un élément (cf. les boîtes CSS). Elle synthétise padding-top, padding-right, padding-bottom, padding-left.*/

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques { clear: both; margin-bottom: 2em; text-align: left; }
.rubriques p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.rubriques ul { margin: 0; padding: 0; list-style: none; }
.rubriques ul li { margin: 0.20em 0; padding: 0.50em; border-top: 0.1em inset #FF00FF; }

/*pour faire un menu déroulant dans les rubriques avec les sous rubriques...*/

.rubriques ul li:hover ul { display:block; }
.rubriques ul li ul { display:none; list-style-type: none; padding: 0.50em }

.rubriques ul li li { padding: 0; border: 0; }
.rubriques ol { border: 0; }
.rubriques a {color: #ff66ff;}
.rubriques h4 {color: #ff66ff;}


/*pour faire un menu déroulant dans les mots-clés...*/

.motscles ul li:hover ul { display:block; }
.motscles ul li ul { padding-left: 0.70em; display:none; list-style-type: none}
.motscles ul li ul li { display : list-item; list-style-image : url(images/puce_etoile.png) ;}
.motscles ul li li { padding: 0; border: 0; }
.motscles ol { border: 0; }
.motscles a {color: #ff66ff;}
.motscles h4 {color: #ff66ff;}
.motscles ul li ul a { font-weight: normal; color: #E9A2E4}
.motscles ul li ul a:hover { color: #7A18C6; text-decoration: underline; font-weight: normal; }
.motscles ul li ul a:active { color: #A233A2; text-decoration: underline; font-weight: normal; }

/*pour faire un menu déroulant dans camaraderie*/
.menu_camaraderie:hover ul { display:block; }
.menu_camaraderie ul { padding-left: 0.70em; display:none; list-style-type: none}
.menu_camaraderie ul li { display : list-item; list-style-image : url(images/puce_etoile.png) ; }
.menu_camaraderie li { padding: 0; border: 0; }
.menu_camaraderie ol { border: 0; }


/*le formulaire de recherche*/
.formulaire_recherche { margin-top: 20.5em; float: right; background: #FFF; border: 5px; border-color: black; margin-right: 2em}  /*Cf.: spip_formulaires.css*/
/*la on a rendu le bouton noir du formuaire de recherche??? on l'a pas retrouvé....*/

/*emission au hasard entete*/
.emission_au_hasard { margin-top: 20.5em; float: right; background: #FFF; border: 5px; border-color: black; margin-right: 2em}


/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 0.2em 1em; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }


/* Couleurs des liens
---------------------------------------------- */
a { color: #cc0099; text-decoration: none;font-weight: bold; }
a:focus { color: #A233A2; text-decoration: underline; font-weight: bold; }
a:hover { color: #7A18C6; text-decoration: underline; font-weight: bold; }
a:active { color: #A233A2; text-decoration: underline; font-weight: bold; }
a.spip_out{ padding-right: 13px;  color: #7A18C6},