/**
 * Feuille de style inspiree du site debian.org,
 * basée sur la feuille par défaut de linuxfr.org :
 *  http://linuxfr.org/css/style.css
 * ...ainsi que la feuille de style de debian.org :
 *  http://www.debian.org/debian.css
 *
 * Les guillemets des citations sont faits grâce à 
 * du code de la localisation fr de la feuille css de
 * Debian :
 *  http://www.debian.org/debian-fr.css
 *
 *
 * Le logo (logo_css_debian.png) est basé sur l'image
 *  http://alphapapa.net/debian/logos/final01.png
 * référencée sur le wiki de debian :
 *  http://wiki.debian.org/DebianLogo
 * Le texte dans le logo a été reconstruit à partir de 
 *  http://www.identifont.com/samples/berthold/LaudatioCnd.gif
 *
 * L'image note_css_debian.png est une version modifiée de
 * note.png tirée du site linuxfr.org.
 *
 * L'image degrade_css_debian.png a été créée avec The Gimp. 
 *
 *
 *
 *   Couleurs utilisées :
 * #BF1238 = couleur rouge foncé de la barre de menu de debian.org
 * #F0C7D0 = violet clair (couleur précédente avec plus de luminosité)
 * #BBDDFF = bleu clair du menu gauche de debian.org
 * #0000FF = bleu foncé du menu gauche de debian.org
 * #A59F8B = gris issu de Linuxfr.org (thème par défaut)
 *
 * Stéphane Blondon, Nov. 2008 - Fév. 2009
 */

body {
    color: white;
    background-color: white; /* partie extérieure de la page */
    background: url("/images/dlfp_debian/degrade_css_debian.png") 
    repeat-x bottom left; /*degradé gris tout en bas de la page */
}


/**
 * Boîte englobant l'ensemble du contenu
 */
div.main {  
    border: 1px solid #A59F8B;
    padding-top: 60px;
}


/**
 * Affichage de la date courante
 */
div.menudate {
    color: #BF1238;

    /*décalage pour être à côté du logo et pas dessous : */
    align: right;
    position: absolute;
    left: 400px;
}


/**
 * Le menu "Accueil :: Dépêches :: [...]" essaie de
 * ressembler à la navbar de debian.org. Il est donc
 * en rouge. Le texte est mis de la même couleur de
 * manière à rendre les "::" non visibles.
 */
div.menubar {
    background-color: #BF1238;
    text-align: center;
    color: #BF1238;
    border: 0px; /*1px solid #BF1238;*/
    -moz-border-radius: 15px;
}

/**
 * avec les liens en blanc sur fond bleu marine.
 */
div.menubar a { 
    color: white; 
    background-color: #000084;
    border: 1px solid #000084;
    border-left: 3px solid #000084;
    border-right: 3px solid #000084;
    -moz-border-radius: 15px;
}

/**
 * Le bleu s'éclaircit qd on passe la souris sur les liens 
 */
div.menubar a:hover {
    background: #0000CC;
}


/**
 * image linuxfr
 */
div.logodiv, div.logodiv a {
    border: 0px;
    background: url("/images/dlfp_debian/logo_css_debian.png") transparent no-repeat top left;
    position: absolute;
    top: 8px;
    left: 10px;
    width: 338px;
}


/**
 * Boîte de connexion
 */
div.loginbox {
    background-color: #BBDDFF;
    border-color: solid 1px #0000FF;
    -moz-border-radius: 15px;
}


/**
 * Cache la visualisation classique de liste
 */
div.loginbox ul {
    margin-left: 0px;
}

div.loginbox li {
    list-style-type: none;
}


/**
 * Titre des boîtes "site amis", "sondage"
 */
div.otherboxtitle {
    border: 0px;
    background-color: #BF1238;
    color: white; 
}

/**
 * Contenu des boîtes "site amis", "sondage"
 */
div.otherbox {
    background-color: #BBDDFF;
    border: 1px #0000FF solid;
}

div.otherbox li {
    list-style-type: none;
}


/**
 * pour le fond bleu clair sur toute la ligne
 * dans la boîte de connexion ainsi que la 
 * boîte "site amis"
 */
/*div.otherbox a:link, div.otherbox a:visited non
 utilisé car problème d'affichage*/
div.loginbox a:hover, div.otherbox a:hover {
    background-color: #DDEEFF;
}

.loginbox a[href="http://linuxfr.org/user_new.html"],
.loginbox a[href="http://linuxfr.org/user_mdp.html"],
.loginbox a[href="http://linuxfr.org/pub/#"],
.loginbox a[href="http://linuxfr.org/css.html"],
.loginbox a[href="http://linuxfr.org/submit.html"],
.otherbox a[href="http://www.april.org/"],
.otherbox a[href="http://www.agendadulibre.org/"],
.otherbox a[href="http://www.framasoft.net/"],
.otherbox a[href="http://lea-linux.org/"],
.otherbox a[href="http://fr.lolix.org/"],
.otherbox a[href="http://www.jesuislibre.org/"],
.otherbox a[href="http://www.editions-eyrolles.com/Recherche/?q=linux"],
.otherbox a[href="http://www.gnulinuxmag.com/"],
.otherbox a[href="http://www.venividilibri.org/"],
.otherbox a[href="http://www.inlibroveritas.net/linuxfr.html"],
.otherbox a[href="http://www.linuxgraphic.org/"] {
    display: block;
}


/**
 * Boîte de l'information principale
 */
div.lefttopbox {
    border: 1px #BF1238 solid;
    background-color: #F0C7D0;
}


/**
 * Boîte des trucs et astuces
 */
div.righttopbox {
    width: 36%; /*pour limiter le risque de chevauchement avec la boîte 
		  d'info ppale (dans ce cas, les deux boîtes
		  se retrouve décalées).
		  Selon la résolution utilisée, le problème
		  peut encore survenir. */
}


/**
 * Boîte au milieu "Le site LinuxFr.org vit avec..." 
 */
div.funbanner {
    background-color: #BBDDFF;
}


/**
 * Boîte pour les titres des articles
 */
div.titlediv {
    border: solid #0000FF 1px;
    background-color: #BBDDFF;
}



/**
 * Boîte pour le contenu des articles
 */
div.bodydiv {
    margin-top: 0px;
    border: solid #0000FF 1px;
}


/**
 * Pied de page : "Cette page a été générée..."
 */
div.footer {
    background-color: white;
    border: 0px;
}


/**
 * Barre de résultat des sondages 
 */
div.poll-result-bar {
    background-color: #BBDDFF;
    color: black;
    border: solid 1px #0000FF;
    -moz-border-radius: 10px;
}



/**
 * Image sur laquelle le score de l'article 
 * est affiché en surimpression.
 */
.content-score {
    background: url("/images/dlfp_debian/note_css_debian.png") 
    no-repeat transparent center center;
}


/**
 * Couleurs des liens hypertextes
 *
 * code directement issu de debian.org
 */
a:link { color: #0000FF; }
a:visited { color: #800080; }
a:hover { color: #F000FF; }
a:active { color: #FF0000; }


/**
 * Liens à l'intérieur des articles
 *
 * On garde les mêmes couleurs que par défaut.
 * Il faut les rajouter car contentlink du style
 * par défaut les redéfinit.
 */
a.contentlink:link {
    text-decoration: none;
    color: #0000FF;
}

a.contentlink:visited {
    text-decoration: none;
    color: #800080;
}

a.contentlink:hover {
    text-decoration: underline;
    color: #F000FF;
}

a.contentlink:active {
    text-decoration: none;
    color: #FF0000;
}


/**
 * Les marqueurs d'éléments de liste sont des ronds 
 * noirs.
 */
li {
    list-style-type: disc;
}


/**
 * hr est de couleur rouge.
 */
hr {
    color: #BF1238;
    background-color: #BF1238;
}


/**
 * Titre de la boite détaillant les liens connexes et
 * les relecteurs d'un article
 */
h1.connexe {
    color: #BF1238;
}


/**
 * Boîte d'un commentaire
 */
div.comments{
    background-color: #E2E2E2;
    border-top: solid 2px #0000FF;
    border-bottom: solid 2px #0000FF;
}


/**
 * Titre d'un commentaire
 */
div.comments h1 {
    background-color: #BBDDFF;
}


/**
 * Le commentaire proprement dit
 */
p.commentsbody {
    background-color: #E2E2E2;
}


/**
 * Bouton de formulaire 
 *
 * Sert pour commentaire ou envoi de dépèche par ex.
 */
input[type=submit] {
    font-weight:bold;
    cursor:pointer;
}


/**
 * Citation
 */
q {
    font-family: sans-serif, monospace;
}

/** 
 * Guillemets français pour les citations
 *
 * Code tiré directement de la feuille 
 * debian-fr.css.
 */
html[lang=fr] q:before { content: "\00AB\00A0"; }
html[lang=fr] q:after { content: "\00A0\00BB"; }
html[lang=fr] q q:before { content: "\201C"; }
html[lang=fr] q q:after { content: "\201D"; }



/**
 * Texte préformaté
 */
pre {
    font-family: monospace;
}


/**
 * Code source
 */
code {
    display: block;
    font-family: monospace;
    background-color: #F2F2F2;
}


/**
 * Teletype
 */
tt {
    display: block;
    font-family: monospace;
    color: white;
    background-color: black;
}