précédente */
float:left;
/*display:inline-block;*/
width: 100%; /* la barre occupe toute la largeur du header moins la marge et le padding du header */
}
#barredenavig ul {
margin: 0 0 0 0; /* marge de liste générale */
padding:0 0 0 0;
list-style: none; /*enlève les bullets de la liste */
font-size: 1.0em; /* très important pour garder la même taille: taille des caractères X 1 */
}
#barredenavig li { /* place chaque élément du menu à gauche, l'un après l'autre séparé par un léger trait de bordure */
float: left;
list-style:none;
border-right:1px solid #a9a9a9; /* bordure gris souris plus clair que le fond de la barre*/
}
/* Les éléments de la barre de navigation sont un lien placés dans la balise
dont les propriétés
sont changées pour la barre de navigation */
#barredenavig a, #barredenavig a:link #barredenavig a:visited {
display: block; /* l'espace forme un bloc qui tient compte des marges et du padding */
/*font-weight:bold;*/ /*06/08/2012*/
/*color: #f5f5f4;*/ /* blanc */ /*06/08/2012*/
color: #aaa; /*06/08/2012*/
padding:6px 12px; /* élargit la barre, allume tout l'espace de l'élément de la barre */
}
#barredenavig a:hover, #barredenavig a:active {
/*background:#000;*/ /* couleur noir */ /*06/08/2012*/
background: #333; /*06/08/2012*/
color: #fff;
}
/* POST */
#post {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*border-right:1px dotted #b6b6b6;*/ /* bord pointillé */
}
.posttitle {
/*font-weight:normal;*/
font-weight: bold;
font-size:1.9em;
padding: 0 0 0 0;
margin: 1em 0 0 0;
/*font-family: Arial;*/
}
.posttitle a, .posttitle a:link, .posttitle a:visited {
color:#333; /* noir ;*/
}
.posttitle a:hover, .posttitle a:active {
color: #C51500; /* rouge */
/* text-decoration:underline;*/
}
.postmetadata {
font-size:1.1em;
text-align:left;
font-style:italic;
}
.postcontent, .postcontent p{
font-size:1.15em;
padding: 0 1.5em 0.2em 0;
margin: 1.5em 0 0.5em 0;
}
.navigation {
margin: 1em 0 0 0;
font-size:1.1em;
}
.alignleft {
float: left;
margin: 5px 5px 5px 0;
}
.alignright {
float: right;
margin: 5px 0 5px 5px;
}
/* SIDEBAR */
#sidebar li h2{
margin:1em 0 0 0; /* espace en haut de chaque chaque tête de chapitre */
padding:0 0 0.3em 0; /* espace entre la tête de chapitre et la 1ère ligne de la liste */
/*font-weight:normal;*/
font-size:1.2em;
/*font-family: Verdana;*/ /*06/08/2012*/
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; /*06/08/2012*/
font-weight:bold;
}
#sidebar ul {
margin: 0 0 2em 2em; /* marge de liste générale */
padding:0 0 0 0;
list-style: none; /*enlève les bullets de la liste */
font-size: 0.9em; /* très important pour garder la même taille: taille des caractères X 1 */
}
#sidebar li ul, #sidebar ul li { /* s'applique à toutes les sous-listes */
margin: 0 0 0 0; /* marge d'indentation */
padding:0 0 0 0;
list-style:none;
font-size:1em; /* très important pour garder la même taille: taille des caractères X 1 */
}
#sidebar ul li ul li{ /* s'applique à toutes les sous-listes */ /*06/08/2012*/
list-style: square; /*06/08/2012*/
margin: 0 0 0 1.3em; /* marge d'indentation */ /*06/08/2012*/
}
/* COMMENTAIRES */
#comments {
margin: 3em 0 0 0; /* séparation du post et des commentaires */
padding: 0 0 0 0;
font-size:1.2em;
/*font-family: Arial;*/ /*06/08/2012*/
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; /*06/08/2012*/
font-weight:normal;
}
#comments h3 {
font-size:1.0em;
font-weight:bold;
}
#comments div.navigation {
font-size:0.9em;
}
#comments p, #comments ol{
margin:1em 0 0 0;
padding:0 0 0 0;
}
#comments ol{
margin:1em 0 0 1.5em; /* marges de chaque tête de commentaires */
padding:0 0 0 0;
}
/*Je définis une taille de caractère dans mes ul en em (0.76em par exemple).
Mais comme j'ai des "ul d'ul", je me retrouve avec une taille qui diminue
jusqu'à devenir illisible dès le second niveau (0.76x0.76=0.5776). Solution mettre 1em */
#comments li ul, #comments ul li {
margin: 0 0 0 1.0em; /* marge d'indentation */
padding:0 0 0 0;
list-style:none;
font-size:1em; /* très important pour garder la même taille: taille des caractères X 1 */
}
.comment-author {
font-size:1.2em;
font-style:normal;
}
.comment-author cite {
font-style:normal;
font-weight:bold;
}
.comment-meta, .reply {
margin:0;
padding:0;
font-size:0.9em;
}
.reply {
margin: 1em 0 1em 0; /* séparation du post et des commentaires */
}
.comment-unapproved {
color:#e55c0c; /*orange*/
font-style:normal;
}
textarea#comment {
width:95%; /* largeur de l'espace pour la saisie du commentaire */
}
/* balise HTML des acronymes, sigles et abréviations */
acronym, abbr, span.caps {
border: 0;
cursor: help; /* curseur = point d'interrogation */
text-decoration: underline;
}
/* Social Icons */
#social {
padding: 0.5em 0 0 0;
}
.icons a img {
opacity:0.8;filter:alpha(opacity=80); /* modif 22/12/2011*/
border: none; /* modif 22/12/2011*/
}
.icons a:hover img {
opacity:1;filter:alpha(opacity=100);
border: none;
}
#footer a{
color:#FFF; /* blanc */
opacity:0.5;filter:alpha(opacity=50); /* opacity ne fonctionne pa sur I.E remplacé par filter*/
}
#footer a:hover {
opacity:1;filter:alpha(opacity=100);
}
/* Image caption 13/08/2012 16:00 */
.wp-caption {
border: 0.1em solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 1em;
margin: 0;
}
.wp-caption img {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 0.95em;
line-height: 1.0em;
padding: 0 0 0 0;
margin: 0 0 0 0;
}