/*  ------------------------------------------------------------ */
/*  Feuilles de styles specifiques au site romy.tetue.net - 2006 */
/*  ------------------------------------------------------------ */
/*  ------------------------------------------------------------ */


/* Imported Styles
----------------------------------------------- */
@import url("typographie.css");
@import url("navigation.css");
@import url("mosaic.css");
@import url("formulaires.css");
@import url("variantes.css");

/* Correction des styles par defaut
----------------------------------------------- */
* { margin: 0; padding: 0; border: 0; }
body { background: #660 url(lotusvert.jpg) fixed repeat; text-align: center; }
ol, ul, li { list-style: none; }

/*  ------------------------------------------
/*  Dispositon dans la fenetre
/*  ------------------------------------------ */
#page { margin: 0 auto; width: 644px; text-align: left;
background: #FFF url(lotusblanc.jpg) repeat; border: 1px solid #030; }

/* Gros sparadraps... pour parer aux bugs d'affichage d'IE :(
/* Les lignes commen�ant par html>body ne sont pas lues par IE
/* C'est dommage, car c'est le code correct ! Tant pis... */

#contenu { width: 416px; float: right; margin-right: 13px; }
html>body #contenu { margin-right: 25px; min-height: 350px; }

#logotop, #navigation { width: 150px; float: left; margin: 0 0 1px 13px; }
html>body #logotop, html>body #navigation { margin: 0 0 1px 25px; }

div { overflow: hidden; }
html>body div { overflow: visible; }

/* * Images */
html>body #contenu img { max-width: 400px; height: auto; }
html>body #navigation img, #logotop img { max-width: 150px; height: auto; }

/* * Contenu */
.cartouche { padding: 0 0 40px 0; }
.cartouche .detail { color: #CC9; }
.encart { float: right; width: 150px; margin: 0 0 12px 12px; background: #FFF; }
.repondre {display: none;}

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

#top { z-index: 99; }
#page { z-index: 1; }
#logotop { z-index: 9; }
#navigation { z-index: 8; }

/*  ------------------------------------------
/*  Top, barre de navigation & pied de page
/*  ------------------------------------------ */

#top { position: relative; margin: 0 25px; padding: 15px 0 25px 0; text-align: right; }
#top #nomsite { font-size: 2em; margin-bottom: 2px; font-weight: normal; padding-top: 10px; background: transparent; font-variant: small-caps;}
#top a, #top a:hover { text-decoration: none; color: #777777; }
#top #barnav { height: 15px; background: #660 url(lotusvert.jpg) fixed repeat; color: #660; font-size: 11px; text-align: left; }
#top #barnav a { color: #FFF; }
#top #barnav a, #top #barnav a:hover, #top #barnav a.on { padding: 1px 5px 3px 5px; }
#top #barnav a:hover, #top #barnav a.on { background: #777777; }
#top #barnav a.on { font-weight: bold; }

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

#pied { display: block; clear: both; margin-top: 100px;
padding: 100px 25px 1px 25px; text-align: center; font-size: 9px;
background: transparent url(plume.jpg) bottom right no-repeat; }
#pied, #pied a, #pied a:hover { color: #996; text-decoration: none; }

/*  ------------------------------------------
/*  Sommaires
/*  ------------------------------------------ */

.sommaire { font-size: 0.88em; margin: 0 0 40px 0; clear: both; }
.sommaire, .sommaire a, .sommaire .intro { color: black; }
.sommaire a:hover, .sommaire a:hover.suite { color: #F30; text-decoration: underline; }

.titrom { margin: 0 50px 4px 2px; font-weight: bold; word-spacing: 0.2em; font-family: Georgia, Times, serif; }
.titrom, .titrom a { color: #839D2D; text-decoration: none; }
.titrom a:hover { color: #839D2D; text-decoration: underline; }

.sommaire .liste, .sommaire .extrait { display: block; margin: 0 0 40px 0; padding: 0; }
.sommaire .item { line-height: 14px; margin: 0; padding: 2px; border-top: 1px dotted #CC9; }
.sommaire .extrait { color: #663; }

.sommaire li em, .sommaire .item em { font-style: normal; }
.sommaire li em.gauche, .sommaire .item em.gauche { color: #663; margin-right: 6px; padding-right: 6px; border-right: 1px dotted #CC9; }
.sommaire li em.droite, .sommaire .item em.droite { color: #CC9; margin-left: 6px; padding-left: 6px; border-left: 1px dotted #CC9; }

.sommaire .suite, .sommaire a.suite { color: #663; text-decoration: underline; }

/* * Intertitres discrets */
.titrediscret { background: #D1D5BA; color: #FFF;
padding: 1px 4px; margin-bottom: 6px; text-align: center; font-size: 9px; letter-spacing: 2px;
font-weight: bold; text-transform: uppercase; text-decoration: none; }

/* * Boutons 80x15 */
#navigation .bouton8015 img {display: none; margin: 0 35px 1px 35px; }
#contenu .bouton8015 {display: none; margin: 1px; padding: 1px; clear: both; }

/* * Infos... */
.info { display: none; clear: both; margin-bottom: 6px;
background: url(pale.gif) repeat; color: #666;
padding: 25px 4px; font-size: 9px; }

/* * Sites web */
.lavande { color: #839D2D; font-size: 9px; text-transform: lowercase; border-top: 1px dotted #CC9; padding: 2px; clear: both; }
.lavande h3 { display: inline; text-transform: capitalize; font-weight: normal; }
.lavande a { color: #663; text-decoration: none; }

/*  ------------------------------------------
/*  Divers
/*  ------------------------------------------ */
.invisible { display: none; }
.spacer { clear: both; line-height: 0; height: 0; }

/*  ------------------------------------------
/*  Couleurs des liens par defaut
/*  ------------------------------------------ */
a { color: #333; text-decoration: none; }
a:hover { color: #F30; text-decoration: underline; }
a:hover.spip_out { color: blue; text-decoration: underline; }