/* CSS par techexo, pour la version XHTML+CSS de LG.o */
* { margin : 0; border : 0;}
body {
background : #ecece0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
}
/* Barre LSFN */
#barrelsfn {
height : 20px;
background : #ddd;
}
#barrelsfn a {
font-family : Arial;
font-weight : bold;
color : #444;
background : #ddd;
}
#barrelsfn a:hover { color : #f6c474; }
#barrelsfn a span {
padding : 2px;
margin-left : 0.5em;
background-color : #ddd;
}
#barrelsfn a span:hover {
padding : 2px;
background-color : #777;
}
#barrelsfn ul {
padding : 0px;
}
#barrelsfn li {
list-style-type : none;
list-style-position : inside;
list-style-image : none;
padding : 0;
padding-top : 2px;
padding-bottom : 2px;
float : left;
text-align : center;
}
/* Navigation */
#infoplus {
position : absolute;
top : 22px;
right : 10px;
width : 110px;
}
#infoplus a {
display : block;
text-align : center;
font : bold 11px Arial, Helvetica;
background : #FFE;
padding : 1px 10px 1px 10px;
}
#infoplus a:hover { background : #DDC; }
#navigation {
font-weight : bold;
font-size : 0.8em;
background-color : rgb(163,166,163);
}
#navigation a span {
display : block;
padding : 2px;
margin : 0;
background-color : rgb(81,81,81);
border-top : 1px solid #f4e7d2;
}
#navigation a { letter-spacing : 0.1em; }
#navigation a:link, #navigation a:visited {
color : #eee;
text-decoration : none;
}
#navigation a:hover {
color : #f6c474;
text-decoration : none;
}
#navigation a:active, #navigation a:focus {
color : #f6c474;
background-color : #f4e7d2;
text-decoration : none;
}
#navigation h3 {
padding : 2px 0px;
color : #eee;
font-size : 1.2em;
text-align : center;
letter-spacing : 0.6em;
word-spacing : 1.2em;
border-bottom : 1px solid #f4e7d2;
background-color : rgb(81,81,81);
}
#navigation ul {
display : inline;
padding : 0px;
}
#navigation li {
width : 9.979%;
margin : 0;
padding : 0;
list-style-type : none; list-style-position : inside;
list-style-image : none;
float : left;
text-align : center;
background-color : rgb(163,166,163);
}
#navigation div.spacer {
clear : both;
background-color : rgb(81,81,81);
font-size : 0.1em;
height : 2px;
}
/* Titre, Logo, Slogan, Symbole */
#titre {
float : left;
background : #ECECE0;
width : 100%
}
#titre div {
display : inline;
width : 33%;
margin : 0;
padding : 0;
border : 0;
}
#logo { float : left; }
#slogan, #symbole {
text-align : center;
float : left;
}
/* ### CATEGORIES ### (Bitmap, vectoriel, etc.) */
div.categorie {
width : 100%;
text-align : center;
background-color : #a3a6a3;
position: relative;
}
/* Titre de la catégorie (Faire du dessin...) */
.categorie h2 {
width : 100%;
letter-spacing : 0.5em;
font-weight : bold;
color : #ecece0;
background-color : #6e6e69;
font-size : 12px;
margin-top : 10px;
}
/* Mini-sites -- Les articles */
div.sous-sites {
position : absolute;
top : 16px;
left : 0px;
width : 25%;
}
div.articles {
width : 75%;
background-color : #d8dfd7;
margin-left : 25%;
}
h3.entete {
font-size : 11px;
color : #ecece0;
background-color : #515151;
font-weight : bold;
width : 100%;
display : block;
margin-top : 2px;
clear : both;
margin-top : 5px;
text-align : center;
}
div.article, div.sous-sites2 { padding : 0px; }
div.article { text-align : left; }
div.sous-sites2 { text-align : center; }
.sous-sites2 > p {
text-align : justify;
padding : 5px;
}
.article > h4, .sous-sites2 > h4 {
font-weight : bold;
font-size : 12px;
margin-bottom : 5px;
color : #155e74;
}
/* Liens vers les articles HTML - PDF */
.article a {
display : block;
height : 60px;
width : 48px;
font-size : 0px; /* Pour ne garder que l'image */
float : right;
margin-left : 5px;
}
/* Background des liens HTML - PDF */
.article a.v_pdf { background : url('http://linuxgraphic.org/images/section_pdf.png') no-repeat; }
.article a.v_html { background : url('http://linuxgraphic.org/images/section_html.png') no-repeat; }
a.v_pdf > span, a.v_html > span {
display : none;
}
/* Barre de séparation entre articles et/ou mini-sites */
.article hr, .sous-sites hr {
clear : both;
border : 1px solid #777b77;
width : 99%;
margin : 0px -5px 0px 0px;
}
.sous-sites hr { margin : 5px 0px 0px 0px; }
/* ### FOOTER ### */
div#footer {
background-color : #dddddd;
text-align : center;
margin-top : 5px;
}
#footer > p {
font-weight : bold;
font-size : 10px;
color : #636363;
}