/* ----------------------------------------------------------- */
/* Feuilles de styles des squelettes par defaut pour SPIP 1.9 */
/* ----------------------------------------------------------- */

/* 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
 * 9px				0.59em
 * Attention: en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* ------------------------------------------
/* Novas
/* ------------------------------------------ */


#menutop .spip_logos  {vertical-align:middle;}
#menutop a  {font-size:14px; color:#40a0ae; text-transform:uppercase;}
#menutop ul {margin:0px; padding:0px; list-style:none;}
#menutop li ul {position:absolute; display:none; padding-top:15px;}
#menutop ul li a {display:block; text-decoration:none; padding-left:10px; color:#40a0ae; text-transform:none; white-space:nowrap;}
#menutop ul li ul li a {display:block; text-decoration:none; padding-left:10px; font-size:11px; color:#40a0ae;}
#menutop ul li ul li a:hover {color:#0b4752;}
#menutop li:hover ul {display:block;}
#menutop li:hover ul, li.over ul {display:block;}

.player   {display:none; position:absolute; padding:5px; width:200px; background-color:#FFF; border:solid 1px #40a0ae;}
.player a.fechar {font-size:9px; color:#40a0ae; position:absolute; top:5px; right:5px;}

/* Fix IE. Hide from IE Mac \*/
* #menutop html ul li { float: left; }
* #menutop html ul li a { height: 1%; }
/* End */

.box_lateral a.linkazul {color:#7CC2CC;}
/*#box_lateral a   {color:#7CC2CC;}*/
.box_lateral .surtitre {margin:0; padding:0; font-size:16px; font-weight:normal; color:#40a0ae;}
.box_lateral .mot_rodape a {font-weight:normal; color:#40a0ae;}

#blog h1     {margin:0px 0px 35px 0px; padding:0px 0px 0px 20px; font-size:35px; color:#368894; font-weight:normal; text-transform:none;}
#blog .blocos2 a {font-weight:normal; color:#40a0ae;}

#miolo {}
#miolo small       {color:#55b1be; font-weight:bolder;}
#miolo .spip_logos {padding:0px 20px 20px 0px;}
#miolo .tarja      {padding-left:20px; background:url("img/bg_tarja.gif") repeat-x;}
#miolo h1          {margin-bottom:30px;}

#miolo .item       {margin:0px; padding:0px 50px 40px 20px;}
#miolo .item  .spip_logos  {float:left;}
#miolo .item_rodape a      {font-weight:bold; color:#40a0ae;}
#miolo .mot_rodape a       {font-weight:normal; color:#40a0ae;}
#box_lateral .mot_rodape a {font-weight:normal; color:#40a0ae;}

#miolo .item_r2    {margin:0px; padding:0px 50px 40px 20px;}/* rubrique 2*/
#miolo .item_r2  .spip_logos {float:none;}/* rubrique 2*/

#coluna3 #top              {margin-left:13px; margin-bottom:32px;}
#coluna3 .blocos, .blocos2 {margin:0px 20px 20px 0px; padding-left:20px; background:url("img/bg_tarja.gif") repeat-x; font-size:12px;}
#coluna3 a             {color:#157; font-size:12px;}
#coluna3 a:hover       {color:#268;}
#coluna3 .item         {font-size:12px; margin:0px; padding:0 5px 0 15px; border:1px;}
#coluna3 .item h1      {font-size:12px; text-transform:none; color:#666;}
#coluna3 h2 .tarja     {margin-top:50px; padding-left:13px;}/* porque nao funciona? */
#coluna3 .logos        {margin:20px 0px 10px 0px;}
#coluna3 p             {line-height:110%; font-size:11px;}
#coluna3 .blocos ul    {list-style:none; margin:0px; padding:0px;}
#coluna3 .blocos li    {margin:0px; padding:0px;}
#coluna3 .blocos li ul {margin:0px; padding:0px;}
#coluna3 .blocos li ul {margin:0px 0px 10px 15px; padding:0px;}
#coluna3 .blocos2 ul    {list-style:none; margin:0px; padding:0px;}
#coluna3 .blocos2 li    {margin:0px; padding:0px;}
#coluna3 .blocos2 li ul {margin:0px; padding:0px;}
#coluna3 .blocos2 li ul {margin:0px 0px 10px 15px; padding:0px;}

#col3_agenda .item {font-size:12px; margin:0px; line-height:13px;}
#col3_agenda .item .azul {font-size:13px;}
 
#agenda_menu      {font-size:12px; font-weight:bold; margin-top:0px; margin-bottom:30px;}
#agenda_menu img  {vertical-align:middle;}
#agenda           {padding-left:10px;}
#agenda_linha     {border-left:1px solid #40a0ae;}
#agenda .item     {margin:0px; padding-left:12px; vertical-align:middle; line-height:14px; font-size:14px; font-weight:bold; color:#40a0ae;}
#agenda a         {color:#40a0ae;}

#mapa_agenda .spip_logos {padding:0px; margin:0px;}
#mapa_agenda {background:url("img/agenda_mapa.gif") no-repeat; width:530px; height:280px;}

#impressao         {margin:0 50px 0 50px; font-family:verdana; text-align:left; color:#000;}
#impressao h1      {text-transform:none; margin-left:-20px;}
#impressao .tarja  {padding-left:20px; background:url("img/bg_tarja.gif") repeat-x;}
#impressao .spip_logos {padding:0px 20px 20px 0px;}
#impressao p.spip  {font-size:15px;}

#referencias #miolo {min-height:700px;}
#referencias h1     {margin:0px 0px 35px 0px; padding:0px 0px 0px 20px; font-size:35px; color:#368894; font-weight:normal; text-transform:none;}

td      {vertical-align:top;}
.hidden {display:none;}
.hidden-2 {display:none; padding-left:20px;}
.left   {float:left;}
.right  {float:right;}

.download {display:none; margin-top:20px;}

.azul         {color:#7CC2CC;}

.item a.linkazul {color:#7CC2CC; font-size:14px;}
a.linkazul    {color:#7CC2CC; font-size:14px;}
.linha        {border-top: 1px solid; border-color:#55b1be; text-align:left;}

.data {margin-bottom:2em; padding-left:20px; font-size:0.77em; color:#7CC2CC; font-weight:bold;}/*para o blog, no lugar do fio da Ariadne*/

emdesuso.link_rodape  {color:#999; font-size:11px;}

/* ----------------------- */
/* dialog idioms */

#compartilhe-yahoo      {background-image:url(img/compartilhe/yahoo.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:22px;}
#compartilhe-technorati {background-image:url(img/compartilhe/technorati.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:22px;}
#compartilhe-netscape   {background-image:url(img/compartilhe/netscape.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:22px;}
#compartilhe-digg       {background-image:url(img/compartilhe/digg.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:22px;}
#compartilhe-google     {background-image:url(img/compartilhe/google.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:22px;}
#compartilhe-delicious  {background-image:url(img/compartilhe/delicious.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:22px;}
#compartilhe-magnolia   {background-image:url(img/compartilhe/magnolia.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:22px;}
#compartilhe-winlive    {background-image:url(img/compartilhe/winlive.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:22px;}
#compartilhe-reddit     {background-image:url(img/compartilhe/reddit.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:22px;}

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


/* Form */
input.botao {color:#FFFFFF; background:#8BC3B8; border:1px solid #40a0ae; text-align:center; font-size:10pt;}
.form  {width:99%; font-family:inherit; font-size:inherit; border:1px solid #8BC3B0;}


 /* ------------------------------------------
/* Correction des styles HTML par defaut
/* ------------------------------------------ */
body {background:#FFF; margin:0px; text-align:left; font-size:14px; color:#666666; font-family:"Trebuchet MS", verdana, sans-serif;}
img, table {margin:0; padding:0; border:none;}
h4, h5, h6 {margin:0; padding:0; font-size:1em; font-weight:normal;}
h1 {font-size:18px; color:#40a0ae; text-transform:uppercase;}
h2 {margin:0; padding:0; font-size:18px; font-weight:normal; color:#40a0ae;}
h2 a:link {margin:0; padding:0; font-size:18px; font-weight:normal; color:#40a0ae;}
h2 a:visited {margin:0; padding:0; font-size:18px; font-weight:normal; color:#40a0ae;}
h3 {margin:0; padding:0; font-size:16px; font-weight:normal; color:#8BC3B8;}
h3.tarja {margin:0px 0px 0px -20px; padding:4px 0px 0px 0px; font-size:14px; font-weight:bolder; color:#7CC2CC;}

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
#page {text-align:left; margin-left:20px; margin-top:0px; margin-bottom:0px; margin-right:0px; padding:0px;}
#conteneur {padding:0px; margin:0px; margin-top:-7px;}

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {float:left; width:21em;}
#contenu .encart {float:right; width:11em; margin:0; margin-bottom:1em;}

/* Entete */
#entete #nom_site_spip, #entete a .spip_logos {display:block; float:left; font-weight:bold; font-size:1.5em;}
#entete a {text-decoration:none;}
#entete .formulaire_recherche {float:right;}

/* Fil d'Ariane */
#hierarchie   {margin-bottom:2em; padding-left:20px; font-size:0.77em; color:#7CC2CC;}
#hierarchie_r {margin-top:-30px; margin-bottom:2em; padding-left:20px; font-size:0.77em; color:#7CC2CC;}
#hierarchie_b {margin-top:10px; margin-bottom:2em; padding-left:20px; font-size:0.77em; color:#7CC2CC;}
#hierarchie a   {color:#7CC2CC;}
#hierarchie_r a {color:#7CC2CC;}
#hierarchie_b a {color:#7CC2CC;}

/* Pied de page */
#pied small {padding-left:20px; font-size:11px;}
#pied small a:link {font-size:11px; color:#55b1be;}
#pied .spip_logos  {margin:0px 10px 0px 20px;}

/* Espaceur de blocs */
.nettoyeur {clear:both; margin:0; padding:0; border:none; height:0; line-height:1px; font-size:1px;}

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


/* ------------------------------------------
/* Typographie generale du site
/* ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {}

/* Typo pour le contenu */
#contenu {}

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {}


/* ------------------------------------------
/* Habillage des menus et de la navigation
/* ------------------------------------------ */

/* Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {min-width:10em; border:1px solid #CCC; margin-bottom:1em; font-size:0.77em;}

.menu-titre {padding:0.2em 0.4em; border-bottom:1px dotted #CCC; text-align:center; font-weight:bold;}

#navigation a {font-size:15px; color:#7CC2CC; text-transform:uppercase;}
#navigation .spip_logos {vertical-align:middle;}
#navigation ul {margin:0px; padding:0px; list-style:none;}
#navigation7 a.upper {font-size:15px; color:#7CC2CC; text-transform:uppercase;}
#navigation7 .spip_logos {vertical-align:middle;}
#navigation7 ul {margin:0px; padding:0px; list-style:none;}


/* Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques {background:#EAFFEA;}
.rubriques .menu-titre {background:#F2FFF2;}

.breves {background:#FFEAEA;}
.breves .menu-titre {background:#FFF2F2;}

.syndic {background:#E8F8F8;}
.syndic .menu-titre {background:#F0FCFC;}

.forums {background:#EAEAFF;}
.forums .menu-titre {background:#F2F2FF;}

.divers {background:#F8F8E8;}
.divers .menu-titre {background:#FCFCF0;}

/* ------------------------------------------
/* Habillage du contenu
/* ------------------------------------------ */

/* Cartouche et titraille
---------------------------------------------- */
#contenu .soustitre {font-size:0.82em;}
#contenu .surtitre {}
.cartouche {margin-bottom:2em;}
.cartouche .titre {font-size:1.27em; font-weight:bold; color:#000;}
.cartouche .spip_logos {float:right; margin-left:16px; margin-bottom:16px;}
.cartouche p {margin:0; padding:0; clear:left;}
.cartouche small {font-size:0.71em;}
.cartouche .traductions {font-size:0.71em;}
.cartouche .traductions * {display:inline;}
.cartouche .traductions li {padding-left:1em;}


/* Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {margin-bottom:1.5em; font-weight:bold; line-height:1.4em;}
.lien {background:#EEE; margin:1em; margin-bottom:1.5em; padding:0.82em; border:1px solid #CCC; font-size:0.82em; font-weight:bold;}
.texte {color:#000; font-size:0.96em;}
.ps, .notes {margin-top:1.4em; padding-top:2px; border-top:2px solid #CCC;}
.ps {font-size:0.82em;}
.notes {clear:both; font-size:0.77em;}
.ps h2, .notes h2 {font-size:1.19em; font-weight:bold;}

/* Portfolio
---------------------------------------------- */
#documents_portfolio {clear:both; margin-top:1.4em; padding-top:2px; border-top:2px solid #CCC;}
#documents_portfolio h2 {margin-bottom:0.4em; font-size:0.88em; font-weight:bold;}
#document_actif {margin-top:1em;}

/* Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {margin-top:1.4em; padding-top:2px; border-top:2px solid #CCC;}
#documents_joints h2 {margin-bottom:0.4em; font-size:0.88em; font-weight:bold;}
#documents_joints ul {margin:0; padding:0; list-style:none;}
#documents_joints li {margin-bottom:0.4em;}
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre .spip_logos {vertical-align:top; border:2px solid #F0FFF0;}
#documents_joints li .spip_doc_titre small {font-weight:normal;}
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul {margin:0; padding:0; list-style:none;}
.liste-articles li {margin-bottom:1em; clear:both;}
.liste-articles li .titre {font-size:1.03em; font-weight:bold;}
.liste-articles li .spip_logos {float:right; margin-left:16px; margin-bottom:16px; clear:right;}
.liste-articles li p {margin:0; padding:0;}
.liste-articles li .enclosures {float:right; text-align:right; max-width:60%; margin:0;}
.liste-articles li small {display:block; font-size:0.71em;}
.liste-articles li .texte {margin-top:5px; margin-bottom:2em; border:1px solid #CCC; padding:0.9em; font-size:0.82em; line-height:1.4em;}

.pagination {font-size:0.90em; font-family:"Trebuchet MS", verdana, sans-serif;}

/* ------------------------------------------
/* Habillage specifique du plan du site
/* ------------------------------------------ */

.page_plan .cartouche {display:none;}
.page_plan #contenu h2 {clear:both; background:#EEE; border:1px solid #CCC; padding:0.5em; margin-bottom:1em; font-weight:bold; text-align:center;}
.page_plan #contenu .contre-encart ul {display:block; clear:left; margin-top:0; margin-bottom:1em; padding-top:0;}
.page_plan #contenu .contre-encart li {}

/* ------------------------------------------
/* Habillage des formulaires
/* ------------------------------------------ */

.formulaire_spip {text-align:left; font-size:0.77em; max-width:600px;}
.formulaire_spip p {margin:0.5em 0; padding:0;}
.formulaire_spip fieldset {}
.formulaire_spip legend {}
.formulaire_spip label {}
.formulaire_spip .forml {width:99%; font-family:inherit; font-size:inherit; border:1px solid #8BC3B8;}

/* Boutons */
.spip_bouton {text-align:left;}
.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 du message */
fieldset.previsu {padding:1em; font-size:14px; border:1px solid #8BC3B0;}

/* Formulaire de login au forum */
.formulaire_login_forum .forml {width:12em;}
.formulaire_login_forum .spip_logos {float:right; padding-left:10px;}

/* Choix des mots-clefs */
ul.choix_mots {float:left; width:47%; margin:0; padding:0; list-style:none;} 
ul.choix_mots label {display:inline;}

/* Formulaire de recherche */
.formulaire_recherche {width:12em; text-align:left;}
.formulaire_recherche label {display:none;}

/* ------------------------------------------
/* Habillage des forums
/* ------------------------------------------ */

.forum-repondre, .forum-decompte {clear:both; margin-top:2.5em; padding-top:2px; border-top:2px solid #CCC; font-size:0.88em; font-weight:bold;}

/* * Habillage des forums */
ul.forum {display:block; clear:both; margin:0; padding:0;}
ul.forum, ul.forum ul {list-style:none;}
.forum-fil  {margin-top:1.5em;}
.forum-fil2 {margin-top:1.5em; padding-top:1.5em; border-top:#40a0ae 1px solid;}
.forum-fil ul {display:block; margin:0; padding:0; margin-left:1em;}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a {display:block; margin:0; padding:0; font-weight:bold; text-decoration:none; color:#333;}
.forum-chapo small {}
.forum-texte {margin:0; padding:0.5em 1em 0 1em; color:#333; font-size:0.82em;}
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message {margin:0; padding:1px 0; text-align:right;}

/* Boite d'un forum :eclaircissement progressif des bords */
ul .forum-message {border:1px solid #666; margin:0; padding:0; margin-bottom:1em;}
ul ul .forum-message {border:1px solid #A4A4A4;}
ul ul ul .forum-message {border:1px solid #B8B8B8;}
ul ul ul ul .forum-message {border:1px solid #CCC;}
ul ul ul ul ul .forum-message {border:1px solid #E0E0E0;}
ul ul ul ul ul ul .forum-message {border:1px dotted #E0E0E0;}

/* Boite de titre d'un forum :mise en couleur selon la profondeur du forum */
ul .forum-chapo {border:none; border-bottom:1px dotted #B8B8B8; margin:0; padding:3px 6px 2px 6px; font-size:0.88em; background:#C4E0E0;}
ul ul .forum-chapo {background:#D4E8E8;}
ul ul ul .forum-chapo {background:#E4F0F0;}
ul ul ul ul .forum-chapo {background:#F4F8F8; border-bottom:1px dotted #E0E0E0;}
ul ul ul ul ul .forum-chapo {background:#FFF;}

/* ------------------------------------------
/* Habillage des petitions
/* ------------------------------------------ */

#signatures {clear:both; font-size:0.77em;}
#signatures h2 {padding:0.5em; text-align:center; font-size:1.2em; font-weight:bold;}
#signatures table {width:100%; margin:1em 0;}
#signatures thead {display:none;} /* On n'affiche pas les titres du tableau */
#signatures td.signature-date {background:#E4F0F0; padding:0.5em; white-space:nowrap;}
#signatures td.signature-nom {background:#ECF4F4; padding:0.2em; text-align:center; font-weight:bold;}
#signatures td.signature-message {background:#F4F8F8; padding:0.4em; font-size:0.96em;}

/* ------------------------------------------
/* Couleurs des liens
/* ------------------------------------------ */

a:link    {text-decoration:none; color:#014c63; font-size:13px; font-weight:bold;}
a:visited {text-decoration:none; color:#014c63; font-size:13px; font-weight:bold;}
a:hover   {text-decoration:none; font-weight:bolder;}