* {margin: 0; padding: 0;}
/* -------------------------------------------------------
 	1. LIENS base
 ------------------------------------------------------- */

a, a:link, a:visited { text-decoration: none; color: #b4844c;}

a:hover { text-decoration: underline; color: #b4844c;}

a.spip_out,
a.spip_in,
a.spip_url,
a.spip_glossaire { color: #b4844c; }

/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */

body {color: #000; font: 86%/1.0 "Times New Roman", Times, serif; background: #fff url(img/motifPapierBleu.jpg) center top repeat; background-attachment: fixed;}
body.sommaire {background: #fff url(img/motifMacbeth.jpg) left top repeat; background-attachment: fixed;}
body.playerVideo {background: #fff url(none);}
body.playerMuzik {background: #fff url(none); overflow-x:hidden;}
body.sect1 {background: #fff url(img/motifPapierJaune.jpg) repeat; background-attachment: fixed;}
body.sect3,
body.sect259 {background: #fff url(img/motifPapierBleu.jpg) repeat; background-attachment: fixed;}
body.sect2 {background: #fff url(img/motifPapierRouge.jpg) repeat; background-attachment: fixed;}
body.sect257,
body.sect261,
body.sect263 {background: #666 url(img/degradeGris.jpg) repeat-x; background-attachment: fixed}
body.rub339 {background: #eee}

/* BLOGS */
body.sect4,
body.sect11 {background-attachment: fixed; color: #000; font: 70% "Times New Roman", Times, serif; background: #e0e0e0 url(img/motifPapierOcre1.jpg) repeat; background-attachment: fixed;}

body.rub8,
body.rub9,
body.rub288,
body.rub373,
body.rub375,
body.rub377 {background-attachment: fixed; color: #000; font: 70% "Times New Roman", Times, serif; background: #e0e0e0 url(img/motifPapierOcre.jpg) repeat; background-attachment: fixed;}

body.sect5,
body.sect6,
body.sect315,
body.sect316 {background-attachment: fixed; color: #000; font: 70% "Times New Roman", Times, serif; background: #e0e0e0 url(img/motifPapierBleuClair.jpg) repeat; 	background-attachment: fixed;}

#page {position: relative; text-align: left; margin: 0em; padding: 0; width: 980px;}

#corps {background-color:#FFF; overflow: auto;}



#cadrePlayer{ width:350px; margin-left: auto; margin-right: auto; background-color:#0F0;}
#cadreVideo{ width:450px; margin-left: 20px;}
#footerPlayer{display:block; border-top: 1px; border-top-color: #808080; border-top-style: solid; bottom:0px; color:#999; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-style:italic; margin-bottom:10px; padding:5px; position:absolute; bottom:0; width:450px;}

#conteneur { margin-left:30px; width:710px; float:left; padding-bottom: 10px; z-index: 20;}
#conteneur.rub13,
#conteneur.rub157,
#conteneur.rub288 {margin: 0 30px 0 30px; padding-bottom: 10px; z-index: 20;}
#conteneur.rub261 {margin: 0 30px 0 30px; width:920px; padding-bottom: 10px; z-index: 20;}

#decaleConteneur {margin:60px 0 0 220px;}
#conteneur.edito { color: #900;}
#conteneur.edito a{ color: #900; text-decoration:underline;}
#conteneur.edito a:hover{ color: #000;}

#conteneurGalery {z-index: 20; display:inline-block; padding: 50px 0 10px 12px; width:720px;}

#vignetteGalery{border: 1px solid #808080;	margin:0 10px 10px 0; display: inline-block; }
/*#vignetteGalery:hover{border: 1px solid #F00;}*/
#blocVignette{height:161px; width:161px; display:table-cell; vertical-align:middle; text-align:center; }
#blocTexte{ font-family:Verdana, Geneva, sans-serif; font-size: 10px; text-align:left; padding: 0 10px 10px 10px; width:141px;}

#vignetteLib{border: 1px solid #808080;	/*margin:5px;*/ display: inline-block; background-color:#FFF}
#blocVignLib{height:95px; width:95px; display:table-cell; vertical-align:middle; text-align:center; }

#conteneurRecherche {position: absolute; top: 200px; right: 24px; /*width: 235px;*/ }

#print a{color:#9f1300; font-family:Verdana, Geneva, sans-serif; font-size:10px}

#colonneDroite { float:right; width: 240px; padding-bottom:20px;}

#footer {border-top: 1px; border-top-color: #808080; border-top-style: solid; padding: 10px 10px 10px 30px; text-align: left; color: #808080; background-color:#fff;}
#footer a,
#footer p { color: #808080; font-size: 12px; font-style: italic; margin:0;}
#footer h1 { font-size: 20px; font-style: italic; font-weight: normal; color: #808080;}

.petitTexte {font-size:10px;}
.typoNoire {color:#000;}

.librairie-image { width: 170px; float: left; display:inline; padding-top:5px; padding-bottom:10px;}
.librairie-texte { width: 450px; float: right;}
.pensee-texte { width: 520px; float: left; display:inline; padding-bottom:10px;}

.legendeVideo {font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;font-size:0.85em; color:#808080;}
.share2 a { font-size: 10px; font-weight: normal; color: #808080; line-height: 11px;}
.share2 a:hover { color: #808080; text-decoration: underline;}

#pagination_sidebar {text-align:right; font-size:smaller; margin-top:10px;}

/* -------------------------------------------------------
 	3. BANDEAU - header (inc/bandeau.html)
 ------------------------------------------------------- */
#header {/*position: relative;*/ height: 198px; margin: 0px 0px 0px 0px; padding: 0; border-width: 0; z-index: 10; background-color:#fff; background-image: url(img/mapemonde.png); background-repeat: no-repeat; background-position: left top;}

#header.sect1,
#header.sect3,
#header.sect2,
#header.sect242,
#header.sect259{background:none; background-image: url(img/mapemonde.png); background-repeat: no-repeat; background-position: left top;}

#headerTypo {float: left; position: absolute; top: 90px; left: 100px;}
#headerGallerie {float: left; position: absolute; top: 0px; left: 650px;}

#filAriane {padding-top:22px; font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; color:#808080; font-size:0.8em; width:690px; float:left;}
#caleFilAriane {padding-left:30px;}
#filAriane .sommaire{padding: 20px 0 0 0;}

/* -------------------------------------------------------
 	4. ELEMENTS HTML DE BASE
 ------------------------------------------------------- */

h1
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 160%;
	color: #0000b3;
	font-weight: normal;
}

h2
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 140%;
	color: #0000b3;
	font-weight: normal;
}

h2.titre-article { margin-bottom: 0px; }

h3
{
	margin-top: .2em;
	margin-bottom: .2em;
	font-size: 120%;
	font-weight: bold;
}

/* Intertitres insérés dans un article  */
h3.spip {
	margin-top: 1em;
	margin-bottom: .4em;
	padding-bottom: .1em;
	/*border-bottom: 1px #444;*/
	font-size: 125%;
	/*font-weight: bold;*/
	text-align: left;
	color:#0000b3;
	/*background-color: #F3F3F3;*/
}

h4
{
	margin: 2px;
	font-size: 110%;
	font-weight: bold;
}

h5
{
	margin: 2px;
	margin-left: 0px;
	font-size: 100%;
	font-weight: bold;
}

h6
{
	margin: 2px;
	margin-left: 0px;
	font-size: 90%;
	font-weight: bold;
}

/*ul, ul ul
{
	padding-left: 0em;
	list-style: none;
	margin-left: 1em;
}*/

/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */


#menuConteneur {position: absolute; left: 219px; top: 140px; z-index: 10; width: 750px; border-bottom: 1px solid #808080;}
#menuConteneur ul li {float: left; width: 250px;}

#menuPrincipal {list-style:none;}
#menuPrincipal * {margin:0; padding:0; position:relative; float:left; font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: #808080;}
#menuPrincipal.sect1 li a.titre {color: #3333c2;}
#menuPrincipal.sect3 li a.titre {color: #b3a159;}
#menuPrincipal.sect2 li a.titre {color: #bdaa2a;}

#menuPrincipal a {text-decoration:none; display:block}
#menuPrincipal ul {position:absolute; top:8px; display:none; background-color: #fff; list-style:none; border:1px solid #808080; width: 240px; z-index:50}
#menuPrincipal ul li {text-align: left; display:inline; position:relative; width: 230px; border: none;}


#menuDeroulTitre {padding: 5px 0 10px 10px;}
#menuDeroulTitreBase {padding: 0 10px 7px 0; margin: 14px 0 0 11px;}
#menuDeroulNiv1 a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#900; padding: 8px 5px 2px 20px;}
#menuDeroulNiv1 a:hover {color:#808080;}
#menuDeroulNiv2 a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#808080; padding: 2px 5px 4px 25px;}
#menuDeroulNiv2 a:hover {color:#900;}

#menu-recherche { width: 16em; margin-top:-2px; }
#menu-recherche #recherche { width: 10em; margin-top:-2px; }
#menu-recherche.menu ul li { border-top: 0; }

#menu-accueil {position: absolute; top: 190px; width: 210px; left: 25px;}
#menu-accueil ul {
	font-family: Verdana, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 88%;
	line-height: 1.2em;
	font-weight: bold;
	text-align: left;
	list-style-type: none;
	margin: 0;
	display: block;
	color: #031793;
}
#menu-accueil ul a{color: #031793;}
#menu-accueil ul li { padding: 6px 0 6px 20px;}
#menu-accueil ul li li { padding: 1px 0 0 0;}
#menu-accueil ul li li a {font-weight: normal; color:#808080;}
#menu-accueil ul li li a:hover {text-decoration:none; color: #031793;}

#menu-gauche {display:block; float:left; width: 194px; margin:0 20px 15px 0; border: 1px solid #808080; padding:10px;}
#menu-librairie {display:block; float:left; width: 130px; margin:20px 0 15px 0; border: 1px solid #808080; padding:10px;}
#menu-galery {display:block; float:left; width: 194px; margin:29px 0 15px 30px; border: 1px solid #808080; padding:10px;}
#menu-librairie ul,
#menu-gauche ul,
#menu-galery ul {
	font-family: Verdana, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	text-align: left;
	list-style-type: none;
	margin: 0;
	display: block;
	color: #031793;
}
#menu-librairie ul a,
#menu-gauche ul a,
#menu-galery ul a{font-size: 10px;}
#menu-librairie ul li,
#menu-gauche ul li,
#menu-galery ul li { padding: 0 0 6px 0;}
#menu-librairie ul li li,
#menu-gauche ul li li,
#menu-galery ul li li { padding: 2px 0 2px 10px;}
#menu-librairie ul li li a,
#menu-gauche ul li li a,
#menu-galery ul li li a {font-weight: normal; color:#808080;}
#menu-librairie ul li li a:hover
#menu-gauche ul li li a:hover
#menu-galery ul li li a:hover {text-decoration:none; color: #031793;}
#menu-librairie ul li li a.on,
#menu-gauche ul li li a.on,
#menu-galery ul li li a.on {text-decoration:none; color: #031793;}
#menu-librairie ul li li.toggleSubMenu2,
#menu-gauche ul li li.toggleSubMenu2,
#menu-galery ul li li.toggleSubMenu2 {background: url(img/puceGalleries.gif) left top no-repeat;}


.blocG {color: #808080; font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; font-weight: bold; padding: 20px 0 0 5px;}
.blocD {color: #808080; font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; font-weight: bold; padding: 20px 0 0 15px;}

.search {padding: 0 15px}
.blocD-item {font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; font-size: 12px; line-height: 14px; border: 1px solid #808080; width: 170px; padding: 15px; margin: 15px 0 0 15px;}
.blocD-pensee {font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; font-size: 12px; line-height: 14px; border: 1px solid #808080; width: 170px; padding: 15px;}
.blocD-item p {margin: 0; padding: 0;}

.blocD-pensee ul,
.blocD-item ul {list-style: none;}

.blocD-item-media {font-weight:bold; color: #0000b3;}
.blocD-item-media ul {font-weight: normal;}
.blocD-item-media ul li {padding-top: 6px;}

.blocD-item p.share img {
	vertical-align: middle;
	display: inline-block;
	margin:5px;
}

.blocD-item p.share span {
	vertical-align: middle;
	display: inline-block;
}

.espaceurBlocsD {height:49px;}

/* -------------------------------------------------------
 	RUBRIQUE
 ------------------------------------------------------- */

.rubriqueListe {
	float: left;
	width: 325px;
	margin: 10px;
	font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;
	font-size: 0.95em;
	line-height: 1.2em;
	color: #808080;
	list-style:none;
}
.rubriqueListe .auteur { font-style: italic;}
.rubriqueListe .auteur a { color: #808080;}
.rubriqueListe .auteur a:hover { text-decoration: underline;}
.rubriqueListe .sousRub { font-size: 90%;}
.rubriqueListe .sousRub a { color: #808080;}
.rubriqueListe .sousRub a:hover { text-decoration: underline;}
.rubriqueListe .logo-liste-art { float: left; display:inline; padding: 0 10px 0 0;}

.librairieListe { float: left; width: 275px; /*height:97px;*/ padding:5px; margin: 0 5px 5px 0; font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; font-size: 12px; line-height: 1.2em; color: #808080; list-style:none; background-color:#EEE; overflow:hidden;}
.nouveautesListe { float: left; width: 285px; margin: 0 0 5px 5px; font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; font-size: 12px; line-height: 1.2em; color: #808080; list-style:none; }

.voirAussiListe {
	float: left;
	width: 220px;
	margin: 0 0 5px 5px;
	font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #808080;
	list-style:none;
	background-color:#EEE;
}

.creationsListe {
	float: left;
	width: 440px;
	margin: 10px;
	font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;
	font-size: 0.95em;
	line-height: 1.2em;
	color: #808080;
	list-style:none;
}
.sourcesListe {
	float: left;
	width: 325px;
	margin: 10px;
	font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;
	font-size: 0.95em;
	line-height: 1.2em;
	color: #808080;
	list-style:none;
}
.voirAussiListe ul,
.librairieListe ul,
.nouveautesListe ul,
.creationsListe ul,
.sourcesListe ul { list-style:none;}

.voirAussiListe ul li a,
.nouveautesListe ul li a,
.librairieListe ul li a { color: #0000b3; font-family: "Times New Roman", Times, serif; font-size: 16px;}
.creationsListe ul li a ,
.sourcesListe ul li a { color: #0000b3; font-family: "Times New Roman", Times, serif; font-size: 18px;}

.voirAussiListe ul ul li,
.librairieListe ul ul li { padding-top:3px}
.creationsListe ul ul li,
.sourcesListe ul ul li { padding-top:10px}

.voirAussiListe ul ul li a,
.librairieListe ul ul li a,
.creationsListe ul ul li a,
.sourcesListe ul ul li a { color: #b4844c; font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; font-size: 12px;}

.creationsListe .logo,
.sourcesListe .logo {width: 80px; float:left;}

.voirAussiListe .logo,
.librairieListe .logo {width: 70px; float:left;}

.voirAussiListe .contenus {width: 95px; padding: 10px 10px 10px 0; float:right;}
.librairieListe .contenus  {width: 160px; padding: 10px 10px 10px 0; float:right;}
.creationsListe .contenus  {width: 360px; float:right;}
.sourcesListe .contenus {width: 245px; float:right;}


 /* -------------------------------------------------------
 	6. ARTICLE
 ------------------------------------------------------- */

#articleRub { padding-top: 40px; display:block; float: left; width:695px;}
#articleRub.rub13,
#articleRub.rub157,
#articleRub.rub288 { padding-top: 40px; display:block; float: left; width:920px;}
#articleRub.rub261 { padding-top: 40px; display:block; float: left; width:920px;}
#articleRub2 { display:block; float: left; width:695px;}
#articleRub-priv { padding-top: 40px; display:block; float: left; width:500px;}

.texte
{
	text-align: left;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	/*text-transform: inherit;*/
}

p,
p.spip
{
	margin:10px 0;
	text-align: left;
	line-height: 1.3em;
}

.chapo
{
	/*font-weight: bold;
	background-color: #f3f3f3;*/
	text-align: left;
	padding: .5em;
	margin: 0 0 1em 0;
}

/* L'information de date et auteur au dessus de l'article */
.detail
{
	padding: 0px;
	margin: 2px 0px;
}

.petit-info
{
	font-size: smaller;
	font-weight: bold;
}

.spip_bouton
{
	font-size: smaller;
	font-weight: bold;
}

.ps
{
	text-align: left;
	font-size: 90%;
}

.notes
{
	text-align: left;
	font-size: 90%;
}

.surtitre,
.sous-titre {
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 90%;
}

.pagination { font-size: 90%; }

.spip_documents
{
	font-size: 85%;
	margin: 10px;
	display:inline;
}

.spip_doc_titre { font-weight: bold; font-size: 1em; line-height: 1em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 1em; line-height: 1em; margin-left:auto; margin-right:auto;
}

ul.spip { margin-left: 1em; padding: 0; }
ol.spip { margin-left: .8em; padding: 0; }
ul ul.spip,
ol ol.spip,
ol ul.spip,
ul ol.spip { margin-left: 0; padding: 0; }
ul.spip, ul ul.spip, ol ul.spip { list-style: square;}
ol.spip { list-style: decimal; }
/* ul.spip li, ol.spip li { list-style: inherit; } */
ol.spip li { margin: 0.3em 0 0.3em 1.5em; list-style-position: outside; }
ul.spip li { margin: 0.3em 0 0.3em 1.2em; list-style-position: outside; }
ul.spip ol.spip li { margin: 0.3em 0 0.3em 1.5em; list-style-position: outside; }


/* -------------------------------------------------------
 	7. GENERAL
 ------------------------------------------------------- */

.date-header { font-size: 80%; }

/* mot recherche dans page resultats de recherche */
.mot-precis
{
	font-style: italic;
	font-size: 83%;
	color: #777777;
}

.lang
{
	color: red;
	text-transform: uppercase;
}


/* -------------------------------------------------------
 8. EDITO (sur page sommaire.html)
------------------------------------------------------- */

.edito .bandeau {
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-color: #BBB;
	border-width: 0 0 2px 0;
	border-style: dotted;
}

.edito h3 {
	margin: 0;
	padding: 0;
	color: white;
	background-color: #313c72;
	text-transform: uppercase;
	text-indent: 4px;
	width: 100%;
	font-size: 1.1em;
	line-height: 1.4;
}

.edito h3 a,
.edito h3 a:link,
.edito h3 a:visited,
.edito h3 a:hover {
	color: white;
	font-size: 90%;
}

.edito .chapo { margin-top: 0; background-color: #eee;}

.edito .suite { text-align: right; }

/* -------------------------------------------------------
 9. PETITION
------------------------------------------------------- */

#petition
{
	float: right;
	width: 170px;
	margin-left: 12px;
}
#petition fieldset
{
	margin: 0;
	padding: 0;
}
#petition fieldset
{
	margin: 0;
	padding: 0;
}

.signatures
{
	font-size: 92%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	width:100%;
}

.signatures td
{
 }

.signatures-titre
{
	font-size: 92%;
	font-weight: bold;
	margin: 0px;
}

.signature-date
{
	white-space: nowrap;
	background: #DDDDDD;
	padding: 0.5em;
}

.signature-nom
{
	font-weight: bold;
	background: #EEEEEE;
	padding: 0.2em;
	text-align: center;
}

.signature-message
{
	background: #f4f8f8;
	padding: 0.4em;
	text-align: left;
}


/* -------------------------------------------------------
 	10. FORUM
 ------------------------------------------------------- */

a.spip_barre img
{
	border: 1px solid #bbb;
	padding: 2px;
	margin: 0px;
	background-color: #eee;
}

a.spip_barre:hover img
{
	border: 1px solid #aaa;
	padding: 2px;
	margin: 0px;
	background-color: white;
}

.reponse_formulaire
{
	font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.forum-titre
{
	font-weight: bold;
	font-size: 120%;
}

ul .forum-chapo { font-size: 83%; }
.forum-item { font-size: 92%; }

/* Format des champs d'entrée pour le forum*/
.forml
{
	font-size: 100%;
	color: #444444;
}


/* -------------------------------------------------------
 11. FORMULAIRE (PETITION, INSCRIPTION, FORUM)
------------------------------------------------------- */

.formulaire
{
	color: #777;
	font-size: 83%;
}

/* -------------------------------------------------------
 	12. ADMIN, LOGIN, BOUTONS ADMIN
 ------------------------------------------------------- */

.spip-admin { font-size: 92%; }
.spip_bouton { color: #444; }

/* -------------------------------------------------------
 	13. STYLE DÉSACTIVÉ
 ------------------------------------------------------- */

.structure { position: absolute; top: -3000em; height: 1%;  }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* -------------------------------------------------------
 	14. FORMATS DE TEXTE
 ------------------------------------------------------- */

.article-info-rubrique
{
	text-align: left;
	margin-bottom: 10px;
}

.article-info-rubrique h5
{
	font-size: 85%;
}


.extrait
{
	margin: 5px;
	line-height: 1.4em;
	padding: 8px;
	background-color: #F6F6F6;
}

.extrait p,
.extrait ul,
.extrait ol,
.extrait table,
.extrait div,
.extrait blockquote {margin-bottom: 0;}

.extrait .suite {
	display: block;
	text-align: right;
 }

.suite a,
.suite a:link,
.suite a:visited
{
	text-decoration: none;
	/*color: maroon;
	font-variant: small-caps;
	background-repeat: no-repeat;
	background-position: left 66%;
	background-image: url(img/puce.gif);*/
	padding-left: .6em;
	color: #031793;
	font-style: italic;
	line-height: 2em;
}

.suite a:hover
{
	color: #085D85;
	text-decoration: underline;
}

.bouton
{
	background: #EEEEEE;
	border: solid 1px #BBBBBB;
	padding: 1px;
	margin-bottom: 2px;
	margin-top: 0px;
}

.separateur
{
	width: 6px;
	font-size: 10px;
	height: 9px;
	padding-right: 2px;
}

.mot-precis
{
	padding-left: 2px;
	padding-right: 3px;
}

.chapo
{
	line-height: 1.4em;
	margin-top: 1em;
}

.ps
{
	padding-top: 0.6em;
	margin-top: 0.6em;
	margin-bottom: 10px;
	border-top: 1px dashed #AAAAAA;
}

#articles-recents-auteur { }
#mots-cles_associes { }

.ligne-separation { padding-top: 0px; margin-top: 5px; margin-bottom: 15px; border-top: 1px solid #808080;}

.notes
{
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 1.5em;
}

/* date dernier ajout */
.date-header
{
	text-align: right;
	margin-top: -16px;
	margin-right: -5px;
	margin-bottom: 10px;
}

.cartouche
{
	/*border-top: 2px solid #404040;*/
	margin-bottom: 15px;
	/*clear: right;*/
}

.spip_logos,
.cartouche .spip_logos,
.logo-liste-art .spip_logos
{
	padding-left: 0px;
	margin: 0 0 0 0;
}
.sommaire .logo-liste-art {clear:both}
.logo-liste-art { padding: 0 10px 10px 0; float: left; display:inline;}
.logo-liste-art2 { padding: 0 20px 20px 0; float: left; display:inline;}

/* -------------------------------------------------------
 	15. PLAN DE SITE
 ------------------------------------------------------- */

#plan
{
	margin: 0px;
	padding: 0px;
	font-size: small;

}

#plan ul
{
	padding-left: 2px;
	list-style: none;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 1.5em;
}

#plan ul ul { list-style: square; }
#plan ul ul ul { margin-left: 1em;}

#plan li
{
	/*background: #EEEEEE;*/
	margin-bottom: 1px;
	padding-left: 0px;
	font-weight: bold;
}

#plan li li
{
	font-weight: normal;
}

#plan h2 {
	color: #0000b3;
	font-weight: normal;
}
#plan h3 {
	padding: 2px 0;
	text-indent: 2px;
}


/* -------------------------------------------------------
 	16. FORUM
 ------------------------------------------------------- */

fieldset, .fieldset {}
.formulaire_signature { margin: 0; padding: 0; border: 1px solid #808080; padding: 1em; font-size: 1em; margin-top: 1em; background-color:#F6F5F0; }
legend { font-size: 1.3em; color: #808080; }
.formulaire_signature fieldset ul { float: left; width: 70%; margin: 0; padding: 0; list-style: none; }
.formulaire_signature fieldset ul li { margin: 0; padding: 0.50em 0; }
.boutons { text-align: right; }

#arbre {
	color:#031793;
}

.message {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom: 1px; border-bottom-color: #ddd; border-bottom-style: solid;
}
.message .auteur {
	text-align:right;
	color:#031793;
}
.message .date {
	text-align:right;
	color:#808080;
}

ul.forum-total
{
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.forum-fil { margin-top: 10px; }

.forum-fil ul
{
	display: block;
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	list-style: none;
}

.forum-item
{
	margin: 0px;
	padding: 5px;
	padding-bottom: 0;
	text-align: left;
	background: white;
}

.forum-repondre-message
{
	margin: 0;
	padding: 0;
	padding-top: 4px;
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum
{
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1px;
}

ul ul .forum { border: 1px solid #a4a4a4; }
ul ul ul .forum { border: 1px solid #b8b8b8; }
ul ul ul ul .forum { border: 1px solid #cccccc; }
ul ul ul ul ul .forum { border: 1px solid #e0e0e0; }
ul ul ul ul ul ul .forum { border: 1px solid #e0e0e0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo
{
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	/*padding-top: 3px;*/
	padding-bottom: 2px;
	background: #EEEEEE;
}

ul ul .forum-chapo { background: #EEEEEE; }
ul ul ul .forum-chapo { background: #EEEEEE; }
ul ul ul ul .forum-chapo { background: #EEEEEE; }
ul ul ul ul ul .forum-chapo { background: #EEEEEE; }


/* -------------------------------------------------------
 	17. FORMULAIRES
 ------------------------------------------------------- */

form
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-transform: inherit;
}

fieldset { border: 0px; }

.formulaire
{
	margin: 0px;
	margin-bottom: 16px;
	/*padding: 4px;*/
	/*border: 1px solid #a0a0a0;
	background-color: #f6f6f6;*/
}

#form_rech
{
	width: 150px;
}

#form_rech2
{
	font-size:1.4em;
}


.formrecherche
{
	color: #777;
	font-size: 90%;
	display:block;
	font-weight: normal;
	padding: 1px;
	padding-top: 2px;
	background-color: white;
	margin: 2px;
	margin-right: 0px;
	margin-left: 0px;
	border: solid 1px #BBBBBB;
}

.formulaire_recherche label,
.formulaire_menu_lang label,
a#formulaire_recherche,
a#formulaire_menu_lang { display: none; }

.formulaire_recherche fieldset,
.formulaire_menu_lang fieldset {
	padding: 0;
	margin: 0;
}

#champ-recherche { width: 80px; }
.bouton
{
	display:none;
}

/* Format des champs d'entrée pour le forum*/
.forml
{
	background-color: white;
	margin: 5px 0;
	padding: 2px;
	border: solid 1px #AAAAAA;
	width: 98%;
}

#menu-recherche .forml
{
	margin: 0px 0;
}

.formulaire_ecrire_auteur {
	width: 96%;
	text-align: left;
}
.formulaire_ecrire_auteur legend {display:none}

#menu-lang,
#formulaire-lang
{
	position: absolute;
	top: 0;
	right: 0;
	text-transform: uppercase;
	text-align: right;
	font-size: 80%;
	margin: 0;
	padding: 0;
	z-index:25;
}

#formulaire-lang {width: 120px;}
#formulaire-lang .forml { margin: 0; }

#menu-lang { margin: .5em; color: white; }
#menu-lang a { color: aqua; }
#menu-lang a:hover { color: #FBA; }

.spip_bouton
{
	background-color: white;
	border: solid 1px #cccccc;
	padding: 0px;
	margin: 0px;
}

.spip-admin form { /*display: inline;*/ }

.spip_encadrer
{
	border: solid 1px #cccccc;
	background-color: white;
	padding: 5px;
	margin: 0px;
}

/* Champs de saisie */
/*.formulaire_spip input.text { width: 94%; }*/


/* -------------------------------------------------------
 	18. AUTRES ELEMENTS PRODUITS PAR SPIP
 ------------------------------------------------------- */

.spip_code { background-color: #FCF4D0; }
p.spip_note { }
.spip_puce { list-style-position: inside; }
table.spip { }
table.spip tr.row_first { background-color: #FCF4D0; }
table.spip tr.row_odd { background-color: #C0C0C0; }
table.spip tr.row_even { background-color: #F0F0F0; }

table.spip td
{
	padding: 1px;
	text-align: left;
	vertical-align: middle;
}

hr.spip { }
b.spip { }
i.spip { }

blockquote.spip
{
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 12px;
	border: solid 0px #AAA;
	border-left: solid 6px #C90;
	background-color: white;
	padding: 5px;
}

.spip_cadre
{
	width: 100%;
	background-color: white;
	padding: 5px;
}

div.spip_poesie
{
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #999999;
	font-size: 1.2em;
}

div.spip_poesie div
{
	text-indent: -60px;
	margin-left: 60px;
}

.spip_surligne { background-color: #FF6; }

/*
 * Barre de raccourcis
 */

a.spip_barre img
{
	padding: 3px;
	background-color: #ffddaa;
	border-color: white #A96 #A96 white;
	border-width: 1px;
	border-style: solid;
}

a.spip_barre:hover img
{
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}

/*------------------------------------------------
	19. AGENDA
 ------------------------------------------------*/


.agenda #bloc-contenu
{
	position: static;
	border: solid 1px #DEDEDE;
	margin: 0px 0px 5px 155px;
	padding: 10px 10px 5px;
	background: white;
}

#calendrier {
	background-color: #EAEAEA;
	margin: 0;
	padding-bottom: 15px;
	position:relative;
	}
#calendrier table {
	width: 100%;
	margin: 1px auto;
	padding: 15px 0;
	border-style: none;
	}

table.agenda tr, table.agenda td {
	border-collapse: collapse;
	border: 1px solid #BFBFBF;
	}

table.agenda {
	border-collapse: collapse;
	border: 1px solid #EAEAEA;
	}
table.agenda th {
	border-collapse: collapse;
	border-style: none;
	background-color: #EAEAEA;
	}
table.agenda a, table.agenda a:link,
table.agenda a:visited, table.agenda a:active {
	text-decoration: none;
	color: #000;
	padding: 2px;
	font-size: 9px;
	}
table.agenda a:hover {
	text-decoration: underline;
	}
.agendaBouton {
	border-style: none;
	color: #FFFFFF;
	background-color: #BABEBF;
	padding: 1px 10px;
	}
.agendaNav, .agendaHead, .agendaThisMonth {
	background-color: #FFFFFF;
	}
.agendaThisDay {
	background-color: #BBC9E3;
	}
.agendaNotThisMonth {
	background: #EFEFEF;
	}
.agendaNav {
	text-align: center;
	border: none;
	}
.AgendaForm {
	text-align: center;
	margin: 0;
	padding: 10px 0;
	}
div.AgendaForm form fieldset {
	margin: 0;
	text-align: center;
	border: none;
	position: relative;
	}


/* Les flèches de navigation du calendrier */
a.droite {
	position: absolute;
	width: 8px;
	height: 14px;
	display: block;
	background: url(img/agenda-nav-droite.gif) no-repeat left top;
	right: 15px;
	top: 1.5em;
	}
a.gauche {
	position: absolute;
	display: block;
	width: 8px;
	height: 14px;
	background: url(img/agenda-nav-gauche.gif) no-repeat;
	left: 15px;
	top: 1.5em;
	z-index: 21;
	}
a.gauche span, a.droite span {
	display: none;
	}

/*------------------------------------------------
	20. PAGINATION
 ------------------------------------------------*/

.pagination {
	clear:both;
	margin:0;
	padding:2px 10px 2px 10px;
	font-size:0.9em;
	white-space:nowrap;
	text-align:right;
}

.pagination .on {
	background-color: #031793;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	padding: 2px 3px 2px 3px;
	color: #ffffff;
	font-weight: bold;
}
/*------------------------------------------------
	21. SOMMAIRE ARTICLE - PLAN
		MODELES (voir : /alternatives/modeles)
 ------------------------------------------------*/
#sommaire {
	float: right;
	/*display: block;*/
	width: 150px;
	margin: 0 0 0 1em;
	border: 1px gray solid;
	background-color: white;
	/*overflow: hidden;*/
}

.spip_modele {
	width: 150px;
	margin: 0 0 0 1em;
	border: 1px gray solid;
	background-color: white;
	clear: both;
	overflow: hidden;
}

#sommaire h4,
.spip_modele h4 {
	border-bottom: 1px silver dotted;
	text-align: center;
	line-height: 1em;
}

#sommaire ul,
.spip_modele ul {
	font-size: 84%;
	margin: .5em;
	margin-left: 1em;
	padding: 0;
	list-style-type: square;
}

#sommaire ul li,
.spip_modele ul li { line-height: 1em;margin: .3em 0 0 .5em; }

body.plan #sommaire {
	width: 150px;
}

/*////////////////////////////////////////////////*/
/*         SURCHARGE DE PLUGINS POPULAIRES        */
/*////////////////////////////////////////////////*/

/*------------------------------------------------
   100. SURCHARGE DES STYLES DU COUTEAU SUISSE
 ------------------------------------------------*/

/* Decoupe d'un article en page */
#decoupe_haut  {display: none !important}
#decoupe_bas  {background-color:#eee !important}
/*.decoupe_bas p {display:inline; margin: 0 0 0 1.4em;}*/
.decoupe_bas p {display:block; margin: 0 0 0 1.4em;}

/* Sommaire d'un article */
.cs_sommaire {width: 14em !important; max-height: 500px !important; float:right !important;}
.cs_sommaire ul {
  font-family: Tahoma,'Trebuchet MS',Arial,Helvetica,sans-serif !important;
  margin-top: 0.3em !important;
  margin-right: 0.5em !important;
  margin-bottom: 0.1em !important;
  margin-left: 1.2em !important;
  padding:0pt;
  font-size:88% !important;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:square !important;
  text-align: left !important;
}

/*------------------------------------------------
   110. LECTEUR MULTIMÉDIA
 ------------------------------------------------*/

.spip_documents .spip_doc_descriptif { display: block !important; width: 100% !important; margin-left:auto; margin-right:auto; }

/*------------------------------------------------
   210. COLORATION CODE - MODELES (voir : /alternatives/modeles)
 ------------------------------------------------*/

.coloration_code ol { background-color: #ccc; border: 1px solid #ccc;}
.coloration_code ol li { background-color: #eee;padding-left: .5em;}

/*------------------------------------------------
   220. JEUX
 ------------------------------------------------*/

.jeux_question
{
	font-size: 1em !important;
	color: maroon !important;
}


/*------------------------------------------------
   500. MULTILINGUISME
 ------------------------------------------------*/

/* On augmente le corps des caractères pour certaines langues */

body.ar {
	font: 100%/1.0 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
}
body.ar #page
{
	width: 910px ;
	max-width: 98% ;
	min-width: 740px ;
}

code.spip_code { font-size: 85%  !important; }

/*------------------------------------------------
   999. STYLE.CSS

 ------------------------------------------------*/
a {
	color: #b4844c;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color:#b4844c;
	text-decoration: none;
}

a img {
	border: none;
}

pre {
	white-space: pre;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* Layout
-------------------------------------------------------- */
/*#page {
	font-size: 1.2em;
	width: 800px;
	background-color:#FFF;
}*/

#top {
	position: relative;
	height: 100px;
	width: 900px;
	padding: 0;
	margin: 0;
	background: transparent url(img/mapemonde.jpg) no-repeat bottom left;
}
#top.rub8,
#top.rub9,
#top.rub288,
#top.rub369,
#top.rub370,
#top.rub371 {
	height: 180px;
	background: transparent;
}
#top h1 {
	position: absolute;
	top: 45px;
	left: 40px;
	margin: 0;
	text-align: left;
	font-size: 3.5em;
	font-weight: normal;
}
#top.rub8 h1,
#top.rub9 h1,
#top.rub288 h1,
#top.rub369 h1,
#top.rub370 h1,
#top.rub371 h1 {
	position: absolute;
	top: 90px;
	left:90px;
	margin: 0;
	text-align: left;
	font-size: 3.8em;
	font-weight: normal;
}
#top h1 a {
	color: #cc1f1f;
	text-decoration: none;
}
#top h1,
#top.rub8 h1 a,
#top.rub9 h1 a,
#top.rub288 h1 a,
#top.rub369 h1 a,
#top.rub370 h1 a,
#top.rub371 h1 a {
	color:#FC0;
}

.de #top.rub371 h1 {
	font-size: 42px;
	top: 104px;
}

#prelude {
	position: absolute;
	top: 7px;
	right: 7px;
	margin: 0;
	padding: 0;
	color: #ededed;
}
#prelude a {
	color: #ededed;
}
#prelude a:focus, #prelude a:hover {
	background: yellow;
	color: red;
	text-decoration: none;
}

#pageBlog {
	width: 900px;
	overflow: hidden;
	margin: 0;
	font-size: 1.2em;
	background-color: #fff;
}
#pageBlog-priv { width: 900px; overflow: hidden; margin: 0; font-size: 0.9em; background-color: #fff;}

#pageBlog.art16,
#pageBlog.art1390,
#pageBlog.art1398,
#pageBlog.art1405 { background: #fff url(img/cercle-contact2.jpg) no-repeat top left;}

#pageBlog.art497,
#pageBlog.art1389,
#pageBlog.art1397,
#pageBlog.art1404 { background: #fff url(img/cercle-visite-virtuelle.jpg) no-repeat top left;}

#pageBlog.art19,
#pageBlog.art1393,
#pageBlog.art1402,
#pageBlog.art1410 { background: #fff url(img/cercle-neuf.jpg) no-repeat top left;}

#pageBlog.art9,
#pageBlog.rub9 { background: #fff url(img/cercle-pensee-du-jour.jpg) no-repeat top left;}
#pageBlog.art730 { background: #fff url(img/cercle-arbre.jpg) no-repeat top left;}
#pageBlog.art884,
#pageBlog.art1395,
#pageBlog.art1406,
#pageBlog.art1407 { background: #fff url(img/cercle-contact.jpg) no-repeat top left;}

#pageBlog.art1392,
#pageBlog.art1399,
#pageBlog.art1408,
#pageBlog.art885 { background: #fff url(img/cercle-venir.jpg) no-repeat top left;}

#pageBlog.rub288 { background: #fff url(img/cercle-librairie.jpg) no-repeat top left;}
#introCompagnons { color: #999; float:left; padding-bottom:20px; width:600px; display:block;}

#main { width: 650px; float: left;}

#content { padding-left: 50px; margin-bottom:30px;}
#content-priv { padding-left: 200px; margin-bottom:30px; padding-top: 40px; width:520px;}
#content.rub8,
#content.rub9,
#content.rub369,
#content.rub370,
#content.rub371 { padding-top:-50px; padding: 0 125px 0 125px; margin-bottom:30px;}
#content.rub288 { padding-top:-50px; padding: 0 20px 0 125px; margin-bottom:30px;}
#content.rub281 { padding-top:-50px; padding: 0 40px 0 125px; margin-bottom:30px;}

#accueilLibrairie { /*padding: 0 10px 0 160px;*/ width: 580px; float: left; margin-left: 5px; }
#contenuLibrairie {padding: 0 115px 0 10px}

#filArianeBlog {/*padding-top:5px;*/ font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; color:#808080; font-size:0.8em; width:550px; float:left;}

#colonneDroiteBlog {
	font: 75% Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	width: 200px;
	float: right;
	padding:0 40px 20px 0;
}
#colonneDroitePensee {
	font: 75% Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	width: 200px;
	float: right;
	padding:0;
}
#blognav, #blogextra {
	padding: 1px 25px;
}

#footer {
	clear: both;
	border:none;
}
#footer p {
	margin: 0;
	padding: 10px 0 20px;
	background: #e0e0e0;
	color: #031793;
	/*text-align: center;*/
	font-size: 1.2em;
}
#footer p a {
	color: #6d8824;
}

.formulaire_recherche input.text { width: 200px; border: 1px; border-color: #808080; border-style: solid;font-size: 12px; color:#808080; font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;;}
/*.formulaire_recherche input.text {
	width: 216px;
	padding:2px;
	font-size: 11px;
	color: #000;
	font-family: Arial,Geneva,Helvetica,Lucida,sans-serif;
}*/

/* Sidebar styles
-------------------------------------------------------- */
#colonneDroiteBlog h2 {
	margin-top: 20px;
	color: #031793;
}
#colonneDroiteBlog h3 {
	margin: 1em 0 0.5em;
	color: #031793;
}

/*#colonneDroiteBlog div div {
	margin-bottom: 2em;
}
#sidebar div div div {
	margin-bottom: 0;
}*/

#colonneDroiteBlog ul {
	list-style: none;
	/*margin: 1em 0;
	padding: 0;*/
}
#archives ul {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid #808080;
}
#colonneDroiteBlog li {
	display: block;
	/*margin: 0;
	padding: 4px 0;*/
}
#archives li {
	display: block;
	margin: 0;
	/*padding: 4px 0;*/
	border-bottom: 1px solid #808080;
}
/*#colonneDroiteBlog li a {
	color: #000;
	text-decoration: none;
}
#colonneDroiteBlog li a:hover, #sidebar li a:focus, #sidebar li a:active {
	color: #b4844c;
}*/


#search fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#q {
	border: 1px solid #bfbfbf;
	width: 150px;
	color: #6b6b6b;
}
#search .submit {
	padding: 0;
	border: 1px solid #fff;
	background: none;
	font-weight: bold;
	color: #6b6b6b;
	text-transform: uppercase;
}
#search .submit:hover {
	background: #031793;
	color: #fff;
	border: 1px solid #031793;
}

#topnav ul {
	border-bottom: 1px solid #ffd02c;
	padding: 4px 0;
}
#topnav li {
	display: inline;
	border-bottom: none;
}

#sidebar .syndicate ul {
	border-top: none;
}
#sidebar .syndicate li {
	border-bottom: none;
}

#sidebar .tags ul {
	border-top: none;
	font-size: 1.1em;
	text-align: justify;
}
#sidebar .tags ul li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1.8em;
}

.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 140%; }
.tag70 { font-size: 150%; }
.tag80 { font-size: 160%; }
.tag90 { font-size: 170%; }
.tag100 { font-size: 180%; }

ul.tags {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	font-size: 1.3em;
	text-align: justify;
}
ul.tags li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}


/* Main content styles
-------------------------------------------------------- */
h2, h3, h4 {
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: normal;
}

h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 1em;
}

.day-date {
	font-size: 1em;
	margin: 0 0 0.5em;
	text-align: right;
	color: #990000;
}

.post {
	margin: 0 0 0.5em 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #808080;
}
.post-title {
	color:#031793;
	font-size:1.7em;
}
.post-title a {
	color:#031793;
}
.post-info {
	margin: 0;
}
.post-date {
	margin: 0;
	color:#b4844c;
}

.post-tags {
	list-style: none;
	margin: 1em 0 1em;
	padding: 3px 0;
}
.post-tags li {
	display: inline;
	margin-right: 8px;
	padding: 5px 0 5px 22px;
	background: transparent url(img/tag.png) no-repeat 0 70%;
}
.post-tags li a {
	color: #6b6b6b;
}

.post-info-co {
	clear: left;
	padding: 3px 0 3px 0.5em;
	border-width: 1px 0;
	border-style: solid;
	border-color: #808080;
	background: #fff;
}
.post-info-co a {
	color: #2b2b2b;
	padding: 2px 10px 2px 18px;
}

.comment_count {
	background: transparent url(img/comment.png) no-repeat 0 50%;
}
.ping_count {
	background: transparent url(img/trackback.png) no-repeat 0 50%;
}
.attach_count {
	background: transparent url(img/attach.png) no-repeat 0 50%;
}

.read-it {
	font-weight: bold;
	clear: left;
}

a.feed {
	background: transparent url(img/feed.png) no-repeat 0 0.25em;
	padding: 5px 0 5px 22px;
}

/* Post content
-------------------------------------------------------- */
a.lireSuite {
	color:#031793;
	font-style:italic;
	font-weight:bold;
}
a.lireSuite :hover{
	text-decoration:underline;
}

.post-content, .post-excerpt, #comments dd, #pings dd, dd.comment-preview {
	line-height:1.4em;
}
.post-content acronym, .post-excerpt acronym {
	cursor: help;
	border-bottom: 1px dotted #666;
}

.post-content pre, .post-excerpt pre {
	padding: 10px ;
	font: 1.1em 'courier new', courier, monospace;
}

.post-content ul, .post-excerpt ul, .post-content ol, .post-excerpt ol {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
}

.post-content li, .post-excerpt li {
	margin: 0;
	padding: 0;
}

.post-content blockquote, .post-excerpt blockquote {
	margin: 4px 0 4px 0;
	padding: 0 5px;
	border-left: 4px solid #bfbfbf;
}


#attachments h3 {
	font-size: 1.2em;
}

#attachments ul {
	list-style: none;
	margin: 0;
	padding: 4px 0;
}

#attachments li {
	margin: 0 0 0.6em;
	padding: 2px 10px 2px 18px;
	background: transparent url(img/attach.png) no-repeat 0 50%;
}

#attachments li object {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* Comments and trackbacks
-------------------------------------------------------- */
#comments h3, #comment-form h3, #pings h3 {
	border-width: 1px 0;
	border-style: solid;
	border-color: #808080;
	background: #fff;
	padding: 5px;
	margin: 20px 0 8px 0;
	font-size: 1.2em;
}

#comments dt {
	margin: 1.5em 0 0 0;
	padding: 5px 0 16px 0;
	background: transparent url(img/comment-t.png) no-repeat bottom left;
}
#comments dt.me {
	background-image: url(img/commentmy-t.png);
}
#comments a.comment-number {
	display: block;
	float: left;
	width: 30px;
	margin-right: 40px;
	font-size: 1.2em;
}
#comments dd {
	margin: 0;
	padding: 1px 1em 0.5em 1em;
	background: #fffad1 url(img/comment-b.png) no-repeat bottom left;
	color:#6b6b6b;
}
#comments dd.me {
	background-color:#f5f9d9;
	color:#6b6b6b;
	background-image:url(img/commentmy-b.png);
}
#comments dd p {
	margin: 0.5em 0;
	line-height: 1.5em;
}

.error {
	margin: 20px 0 0;
	padding: 10px 5px;
	background: #ffcccc;
	border: 2px solid red;
	font-weight: bold;
}

/* Forms
-------------------------------------------------------- */
#comment-form {
	padding-top: 10px;
}

#comment-form fieldset {
	border: none;
}
#comment-form fieldset p {
	padding: 5px 0;
}
#comment-form fieldset p.field {
	padding: 5px 0;
	width: auto;
	margin: 0;
	clear: left;
}
#comment-form p.form-help {
	width: 60%;
	margin: 0 0 0 30%;
	font-style: italic;
}

#comment-form p label {
	width: auto;
}
#comment-form p.field label {
	font-weight: bold;
	display: block;
	padding: 0 1% 0 0;
	width: 29%;
	float: left;
	text-align: right;
}
#comment-form input, #comment-form textarea {
	font: 1em "Times New Roman", Times, serif;
	color: #031793;
	border: 1px solid #cdcdcd;
	padding: 1px 2px;
	width: 68%;
}

#comment-form p.remember {
	margin: 0;
}
#comment-form input#c_remember {
	width: auto;
	border: 0;
	margin: 0 5px 0 30%;
}
#comment-form input.preview {
	margin-left: 30%;
}

#comment-form input.preview, #comment-form input.submit {
	width: auto;
	color: #031793;
	background: #fff;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #fff;
}
#comment-form input.preview:hover, #comment-form input.submit:hover {
	background: #ccc;
	color: #fff;
	/*border: 1px solid #6d8824;*/
}

#menu_langues {
	position: absolute;
	top: 0px;
	right: 31px;
	z-index: 100;
	/*background-color: #ccc;*/
	padding: 4px 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
	border: 1px solid #ccc;
	border-top: 0px none;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 1px 1px 3px #ccc;
}

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

.gallerieLink {
   width: 80px;
   height: 80px;
   margin: 40px 6px 0;
   float: left;
   border: 6px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 0 0 6px #AAA;
   -moz-box-shadow: 0 0 6px #AAA;
   box-shadow: 0 0 6px #AAA;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.gallerieLink .mask {
   width: 80px;
   height: 80px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.gallerieLink img {
   display: block;
   position: relative;
   top:-20px;
   left:-20px;
}
.gallerieLink h2 {
   text-transform: uppercase;
   color: #FFF;
   text-align: center;
   position: absolute;
   bottom:0px;
   font-size: 11px;
   padding:2px;
   background: #9694CE;
   width: 76px;
   font-weight:bold;
   margin:0;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gallerieLink p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.gallerieLink a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.gallerieLink a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.gallerieLink {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.gallerieLink img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.gallerieLink .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   /*background-color: rgba(219,127,8, 0.7);*/
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.gallerieLink h2 {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.gallerieLink p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.gallerieLink:hover {
   -webkit-transform: scale(1.3,1.3);
   -moz-transform: scale(1.3,1.3);
   -o-transform: scale(1.3,1.3);
   -ms-transform: scale(1.3,1.3);
   transform: scale(1.3,1.3);
   z-index: 10;
}
.gallerieLink:hover img {
   -webkit-transform: scale(0.7,0.7);
   -moz-transform: scale(0.7,0.7);
   -o-transform: scale(0.7,0.7);
   -ms-transform: scale(0.7,0.7);
   transform: scale(0.7,0.7);
}
.gallerieLink a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.gallerieLink:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.gallerieLink:hover h2,
.gallerieLink:hover p,
.gallerieLink:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.gallerieLink:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.gallerieLink:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}