/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Contributor(s):
 *  Maurice Svay
 */



 
 
 
 
/* tout de façon globale
-------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;  
	font-size: .9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


a {color: #000;} /* link(nothing), LoVe, HAte + focus betwenn Hover and Active*/
a:link {color: #000; text-decoration: underline;}
a:visited {color: #090; /* vert foncé */ font-style: oblique;}
a:hover, a:focus {color: #F00; /* rouge */ text-decoration: underline overline;}
a:active {color: #000;}
a:visited:link {font-style: oblique;}
a:visited:hover, a:visited:hover:focus {font-style: oblique; color: #F00; /* rouge */}
a:visited:active {font-style: oblique;}

a[accesskey]:before {content: "\2039"attr(accesskey)"\203A "; /* affiche : <x>libellé */}
a[hreflang]:after {content: " ["attr(hreflang)"]";}

a img {border: none; vertical-align: middle;}

dd {margin-bottom: 1em;} /* définition d'un terme défini */

hr {display: none;} /* utile si pas de CSS */

pre {width: 100%; overflow: auto; border: 1px solid #CCC;}

strong.em {font-style: italic; font-weight: normal;} /* <strong> qui ressemblent à des <em> (penchés) */

.stopflottements {clear: both;}

.msg  {border: 5px #F88017 solid; /* orange sombre */ }
.error  {border: 5px #FF0 solid; /* rouge */ }
 
 
/* Les éléments HTML en général
-------------------------------------------------------- */

/* DEBUT les titres h1 à h6 */
h1{font-size: 1.3em;}
h2{font-size: 1.2em; text-align: center;}
h3{font-size: 1.1em;}
h4{font-size: 1em;}
h5{font-size: .9em;}
h6{font-size: .8em;}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, "Times New Roman", "Times Roman", serif;
	font-weight: bolder;
	margin-bottom: 0;
}

 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, 
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, 
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus 
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
color: #000; text-decoration: none; font-style: normal;
} 

h1 a:visited:link, h2 a:visited:link, h3 a:visited:link, h4 a:visited:link, h5 a:visited:link, h6 a:visited:link,
h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover, h4 a:visited:hover, h5 a:visited:hover, h6 a:visited:hover, 
h1 a:visited:focus, h2 a:visited:focus, h3 a:visited:focus, h4 a:visited:focus, h5 a:visited:focus, h6 a:visited:focus 
h1 a:visited:active, h2 a:visited:active, h3 a:visited:active, h4 a:visited:active, h5 a:visited:active, h6 a:visited:active {
color: #000; font-style: normal; text-decoration: underline overline;
} 
/* FIN les titres h1 à h6 */
/* FIN - Les éléments HTML en général*/




/* DEBUT - formulaires */
/* DEBUT - formulaire de rédaction de commentaires */
#c_nom { /* champ nom ou pseudo (obligatoire) */
width: 50%;
}

#c_mail, #c_site, #c_content { /* champ nom, champ courriel, champ site perso et zone de texte pour le commentaire d'un billet */ 
	width: 100%;
}

#c_content { /* zone de texte pour le commentaire d'un billet */ 
	height: 10em;
	margin-bottom: 0; padding-bottom: 0; /* pour la pub sous la zone de saisie */
}
/* FIN formulaire de rédaction de commentaires */

h5#avertissement { /* avertissement sur le contenu du commentaire */
	margin-top: 1ex;
	margin-bottom: 1ex;
}
legend {padding: .5em;}
label {display: inline; cursor: pointer;}

input[type="text"], input[type="password"], textarea {
	border: 2px #000 solid; /* noir */
	padding: .2em;
	background-color: #FFF; color: #000; /* une nuance très claire de gris */
} 

input[type="text"]:hover, input[type="text"]:focus, 
input[type="password"]:focus, input[type="password"]:focus, 
textarea:hover, textarea:focus {
	border: 2px #090 solid; /* vert foncé */
	padding: .2em;
	background-color: #FFF; color: #000; /* un vert très clair */
} 
/* FIN - formulaires */









.left{
	float: left;
	margin-right: 1em;
}
.right{
	float: right;
	margin-left: 1em;
}

.pasbordure { /* pour annuler la bordure dans le abrre latérale, concernant les <div> */
	border: none;
}
.pasbordure:hover, .pasbordure:focus {border: none;}







/* Le prélude (liste de liens rapides) 
-------------------------------------------------------- */
#prelude { 
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 0;
	border-top: 1px solid #000; border-right: 1px solid #000;
	padding: 0.2em; 
	padding-left: 0.5em; 
	text-align: center; 
	color: #000; 
	background: #FFF; 
	font-size: 1em; 
	font-style: normal; 
	text-decoration: none;
}
/* link LoVe HAte*/
#prelude a, #prelude a:link, #prelude a:visited {
	color: #000; font-style: normal; text-decoration: underline;
}
#prelude a:hover, #prelude a:focus {
	color: #F00; /* rouge */ 
	font-style: normal; 
	text-decoration: underline overline;
}
#prelude a:active {
	color: #000; 
	text-decoration: none;
}
/* FIN - module prélude */




 
 
/* L'entête (body > div#top)
-------------------------------------------------------- */
#top { 
	margin: 0;
	padding: 1em;
	background: #000;
	color: #FFF;
}
h1 {margin: 0;}
h1 a { /* titre dans l'entête */
	background: #000;
	color: #FFF;
}

h1 a, 
h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus, h1 a:active, 
h1 a:visited:link, h1 a:visited:hover, h1 a:visited:focus, h1 a:visited:active  {
	color: #FF0;
	text-decoration: none;
	font-style: normal;
}









/* Le contenu (#main)
-------------------------------------------------------- */

#main { /* conteneur principal (div#main) apres l'entête div#top  */
	width: 60%;
	float: left;
	margin: 1em 0 1em 1em;
	border: 1px solid #FFF;
}

#content { /* dans le div#main */
border: 1px solid #FFF;
}

#pagination {text-align: center;}

#pagination a {
	padding: 2px;
	border: 1px solid #000;
	text-decoration: none;
}

#pagination strong {
	color: black;
	padding:2px;
	border: 1px solid #000;
}



h2 {padding-left: 0em;}
h3 {padding-left: 2em; 	margin-top: 0;}
h4 {padding-left: 4em;}
h5 {padding-left: 6em;}
h6 {padding-left: 8em;}

/* voici ce qui suit : affichages...
* commun pour les listes de billets ET des billets sur leur pages propres
* des aperçus de billets
* des billets sur leur page propre (avec les modules : contenu, rétroliens, commentaires, résumé)
 */


/* DEBUT affichages identiques dans une liste de billets ou 
sur la page propre d'un billet (avec ses modules) (fichiers list.php et post.php) */

h2 a, .post h2 a:link  {color: #FF0;}
.post h2 a:visited {color: #0F0;}
.post h2 a:hover, .post h2 a:focus {color: #FF0;}
.post h2 a:active {color: #FFF;}
.post h2 a:visited:link, .post h2 a:visited:hover, .post h2 a:visited:focus, .post h2 a:visited:active {
	color: #fff;
}



.post h2, #trackbacks h3, #comments h3, #summary h3 { 
/* dans une liste d'aperçus de billets : titre de l'aperçu 
 +
sur la page d'un billet : titre dans le contenu + dans les modules qui suivent le contenu du billet sur sa page : billets préc./suivant puis rétroliens puis commentaires puis résumé */
	background: #000;
	color: #fff;
	text-align: center;
}

.info-post { /* (auteur,) date et heure de publication, catégorie dans : liste + page du billet */
	background: transparent;
	padding-bottom: 1ex;
	/*border-bottom: 1px solid #FC0;*/
}

.info-co { /* retroliens et commentaires au sujet d'un billet (aperçu + billet en entier) */
	text-align: right;
}

/* FIN affichages identiques dans une liste de billets ou 
sur la page propre d'un billet (avec ses modules) (fichiers list.php et post.php) */




/* DEBUT affichage dans une LISTE de billets (fichier list.php) */
.list-content-post { /* ce qui est affiché du billet : chapo ou contenu */
	text-align: justify;
} 

.list-lire-la-suite { 
/*	border-top: 2px dashed #F90; */
	text-align: right;
	background-color: #F90;
} 
.list-lire-la-suite a {padding-left: .2em; background-color: #FFF;} 
/* FIN affichage dans une LISTE de billets (fichier list.php) */



/* DEBUT affichage billet et ses modules sur sa page propre (fichier post.php) */

.post-chapo { /* dans la page du billet : rappel du chapo, juste avant la pub */
	margin-left: 1em;
	border-top: 2px dashed #F90; border-bottom: 2px dashed #F90;
	font-style: oblique;
	text-align: justify;
}
.post-content-post { /* dans la page du billet : tout le contenu du billet, juste après la pub qui suit le chapo */
	text-align: justify;
}

.comment-info {
	margin-bottom: 0;  /* image à 0 de la gauche et 0 du haut */
	background: #FFF;} 
.comment-number { /* fait flotter vers la gauche le n° du rétrolien ou commentaire (dans un span) */
	display: block; float: left; width: 2em;
	background: #FFF;
	margin-right: .5em; 
	margin-bottom: .5em; 
	padding: .5em; 
}
/* .author_comment {display: block;} */

.post, /* aperçu d'un billet dans la liste */ 
#trackbacks, #comments, #summary { /* billets préc./suivant, rétroliens d'un billet en entier, ses commentaires et son résumé sur "sa" page */ 
	margin-bottom: 2em; 
	border: 1px solid #FFF;		
	padding: .5em; padding-top: 0; padding-bottom: 0; 
}

blockquote#summary-chapo {
	margin: 0;
	border: 1px dashed #F90;
	padding: .5em;
	font-style: oblique;
	text-align: justify;
}

/* FIN affichage billet et ses modules sur sa page propre (fichier post.php) */



/*#billets_avant_apres { 
	list-style: none;
	margin-bottom: 2em; 
	padding: .5em; padding-top: 0; padding-bottom: 2em; 
	background: #FFF url(../../images/billets_avant_apres.png) no-repeat 50% 100%; 

}
#billets_avant_apres li {
	display: inline;
	background-color: transparent;
}

#moins1 { 
	margin-top: 1em;
	margin-left: 0;
	width: 40%; float:left;
	padding-left: 0;
	text-align: left;
}
#plus1 { 
	margin-top: 1em;
	margin-right: 0;
	width: 40%; float: right;
	padding-right: 0;
	text-align: right;
} 

#trackbacks {
	clear: both;
}*/



#trackbacks blockquote, #comments blockquote, #comment-preview blockquote { /* chaque bloc de citation situé apres p.comment-info, grands bloc des rétroliens et des commentaires sur la page d'un billet + prévisualisation d'un commentaire  */
	border: 1px solid #808080;
	margin: 0 0 1.5em 0;
	padding: 1ex;
}








/* La barre de navigation
-------------------------------------------------------- */
#sidebar {
	width: 30%;
	float: right;
	margin: 1em 1em 1em 0; 
	border: 1px solid #FFF;
	background: #FFF;
}
#sidebar div { /* chaque "module" de la barre */
	border: 1px solid #000;
	padding: 1ex;
	margin-bottom: 2em; /* comme chaque billet dans une liste */
}
#sidebar h2 { /* chaque titre de "module" de la barre, même style que les titres de billets */
	background-color: #000;
	color: #FFF;	
}


#sidebar div ul {
	list-style: none;
}

#liste-recherches {
	list-style: disc;
}
#q { /*  */
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}

#cat-active, #mois-actif, #langue-active { /* élément strong de li (div#sidebar div#categories ul li strong#cat-active) */
	display: block;
	border: 1px outset #000;
	border-left: 1px solid #FFF;
	line-height: 1.5em;
}



#sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	margin-top: 1.5em; margin-bottom: 0; 
}

#sidebar div p, #sidebar div ul, #sidebar div ol {
	margin-top: 0; margin-right: 0; margin-left: 0; 
	padding-right: 0;
	padding-bottom: 0; /* annule la marge ext inférieure pour que la ligne de séparation soit pile au milieu, règle CSS à mettre en relation avec #sidebar div {padding-bottom: 1.5em;} ci-dessus */
	padding-left: 0;
} 


/*#sidebar div#calendar {
	border-top: 1px solid #F0F0F0;
}

#sidebar div#calendar table{
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar div#calendar table caption{
	margin: 0 auto;
}

#sidebar div#calendar table th{
	color: #493;
	background: transparent;
}

#sidebar div#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}

#sidebar div#calendar table td a{
	display: block;
	background: #EFA;
	color: #493;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
} */





/* Le pied de page
-------------------------------------------------------- */
#footer{ /* (div) */
	display: block;
	clear: both;
	margin: 1em;
	padding: 1em;
	border: 1px solid #808080;
	background: #EEE;
	color: #666;
}
#footer p {
	margin: 0;
}


a#lien-haut { /* le lien vers le haut de page, à la fin dans le code mais visuellement entre les deux colonnes */
	position: fixed; /* dommage pour ceux qui ont IE < v7 */
	top: 55%;
	right: 33%;
	display: block;
	width: 16px; height: 64px;
	padding: 1ex 1em; /* haut+bas et droite+gauche */
	background: url('http://blog.accessibilisation.net//images/16x64-lien-haut.png') no-repeat center center;
	color: #FFF;
}









/* DEBUT pubs quelle que sont leurs places */
/*
Liste des pubs : 

*/

.allopass { /* bannières de 468x60 par Allopass */
	width: 468px; 
	margin: auto; margin-top: 1em; margin-bottom: 1em; 
	color: #000; background: #FFF;
	font-family: monospace, serif; 
	text-align: center;
}


#allopass-comments-summary { /* bandeau entre les commentaires et le résumé du billet, sur chaque page de billet */
	margin-top: 2em; margin-bottom: 2em; 
}

#dernierepub {margin-top: 0; margin-bottom: 0;} /* tout tout en bas, après la fin du conteneur général (div#page) */



/* #amazon-footer {display: block; width: 730px; height: 92px; margin: auto; padding: 0; border: none;} */
/* FIN pubs quelle que sont leurs places */