/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*
 couleur de fond : #555577
 fond menu : #DDD
 beige : CFCCA1
 beige clair : f2f1ce
 bandeau : 336
*/

* { padding:0px; margin:0px;}

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
	text-align:center;
	color: #000;
	background-color: white;
}

/*--------------------------------------------
 * styles généraux
 *--------------------------------------------
*/

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

/* titre d'un article, d'une rubrique ou tout autre élément du bloc principal */
h1, h2, h3 {
	color:#336;
	font-weight:normal;
}
h1 {
	font-size:1.5em;
	text-align:center;
	margin-bottom:0.5em;
}
h2 {
	font-size:1.2em;
	padding-bottom:0.5em;
	padding-top:0.5em;
}
h3 {
	font-size:1em;
	padding-bottom:0.5em;
	padding-top:0.5em;
	text-align:left;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:none;
}

p.antispam {
	display:none;
}
.erreur {
	color: red;
}
/*--------------------------------------------
 * bloc principal
 *--------------------------------------------
*/
#bord-gauche {
	width: 100%;
	background: #FFF url(images/ombre-gauche.gif) 0% 0% repeat-y;
}

#bord-droite {
	right: 0px;
	background-image: url(images/ombre-droite.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#conteneur {
	position: relative;
	padding-left: 31px;
	padding-right: 32px;
	border-left:1px solid white;
}

#contenu {
	margin-left: 0px;
	margin-right: 0px;
	background: #FFF url(images/fond-contenu.jpg) 100% 100% repeat-y;
}

/*--------------------------------------------
 * bloc principal : sommaire
 *--------------------------------------------
*/

.liste-sommaire li {
	margin-left:1em;
	padding-left:1em;
	height:auto;
	text-align: left;
	cursor: pointer;
	list-style-image: url(images/article-texte.png);
}

.liste-sommaire li {
	margin-top:0.5em;
}
.liste-sommaire li h2 {
	padding-top:0.1em;
	font-size:1.1em;
}
.liste-sommaire p.texte {
	font-size:0.8em;
}
/*--------------------------------------------
 * bloc principal : introduction (bloc beige)
 *--------------------------------------------
*/

.cadre {
   background: #f2f1ce;
   margin-top:10px;
   font-size:0.77em;
}
.cadre-haut div {
   background: url(images/coin-beige-HG.png) no-repeat top left;
}
.cadre-haut {
   background: url(images/coin-beige-HD.png) no-repeat top right;
}
.cadre-bas div {
   background: url(images/coin-beige-BG.png) no-repeat bottom left;
}
.cadre-bas {
   background: url(images/coin-beige-BD.png) no-repeat bottom right;
}

.cadre-haut div, .cadre-haut, 
.cadre-bas div, .cadre-bas {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.cadre-contenu { margin: 0 20px; }

/*--------------------------------------------
 * bloc principal : titres, soustitres, chapo
 *--------------------------------------------
*/
.cartouche {
	margin:0.5em;
	padding-top:0.5em;
	border-bottom:1px dashed #999;
}
#hierarchie {
	margin:0.32em 0 1em 0;
	font-size:0.77em;
}
.date {
	color: #999;
	font-size:0.77em;
	font-style:italic;
	text-align:right;
	margin-bottom:0.5em;
}
img.spip_logos {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
p.soustitre {
	color: #336;
	text-align: center;
	font-size:1.2em;
}

/*--------------------------------------------
 * bloc principal : article
 *--------------------------------------------
*/

.texte,
.chapo {
	padding-left:2em;
	padding-right:1em;
	line-height:1.3em;
	font-size:0.8em;
}
.texte p {
	margin-bottom:0.5em;
}	
.chapo {
	color: #036;
	padding-bottom:1em;
}
.texte {
	padding-bottom:0.5em;
}
.chapo a,
.texte a {
	text-decoration:underline;
}
a.spip_in { 
   color: #449;
	text-decoration:none;
	border-bottom:1px dashed #00488e;
} /* liens internes */

.texte a:hover,
.chapo a:hover {
	background-color: #CFCCA1f;
}
/*----------------------------------------------
 * bloc principal : articles de la même rubrique
 *----------------------------------------------
*/
#meme-rubrique {
	border-top:1px dashed #999;
	margin-top:1em;
}
#meme-rubrique ul {
	list-style-position: inside;
	padding:1em;
	margin-left:0.5em;
	font-size:0.77em;
	list-style: circle;
}
#meme-rubrique li {
	padding:0.1em;
}
/*--------------------------------------------
 * bloc page d'accueil : breves
 *--------------------------------------------
*/
div#breves {
	width: 230px;
	float:right;
	border-left:2px dashed #CFCCA1;
	margin:0 0 20px 20px;
	padding:0 10px 10px 10px;
	background-color:white;
	font-size:85%;
}
div#breves li {
	font-size:0.8em;
}
div#breves h2 {
	font-size: 1.5em;
	text-align:center;
	background-color: #CFCCA1;
	color:white;
}
div#breves h3 {
	font-size: 0.8em;
	margin:10px 0 0px 0;
}
div#breves p {
	font-size:0.8em;
}
div#breves a {
	font-size:0.8em;
	text-decoration:underline;
}
div#breves hr {
	height:1px;
	border:1px dotted #999;
}
/*--------------------------------------------
 * encadre pour page article
 *--------------------------------------------
*/
div#encadre {
	width: 250px;
	float:right;
	border:2px dashed #CFCCA1;
	margin:20px 0 20px 20px;
	padding:5px;
	background-color:white;
}
div#encadre ul {
	margin-left:10px;
}
div#encadre h2 {
	font-size: 1em;
	text-align:center;
}
div#encadre h3 {
	font-size: 1.2em;
	background-color:#CFCCA1;
	margin:0 0 10px 0;
	padding:5px;
	color:#960;
	text-align:center;
}
div#encadre p {
	font-size:1em;
}
div#breves a {
	font-size:1em;
}

/*--------------------------------------------
 * contenu principal: traductions de l'article
 * (utilisé dans le modèle article_traductions
 *--------------------------------------------
*/
.traductions {
	text-align: right;
	font-size:0.77em;	
	color: #999;
}
.traductions li {
	display: inline;
}

/* -------------------------------------------------------------------------
   En-tete de page
   ------------------------------------------------------------------------- */
 
#entete {
	background-color: #334B80;
	background: #555577 url(images/Paris.jpg) 100% 0 no-repeat;
	height:130px;
	/* padding: 1em 2em; */
}
#entete h1 {
	visibility:hidden;
}

/* -------------------------------------------------------------------------
   Barre de navigation (barre horizontale)
   ------------------------------------------------------------------------- */
#barrenav {
	text-align:center;
	height:26px;
	background-color: #ffffe2;
	color: #FFF;
}
#barrenav ul {
	background-color: #336;
	color: white;
	height:26px;
}
#barrenav li {
	display:inline;
	width:8em;
	font-size:0.8em;
	vertical-align: middle;
}
#barrenav li.input {
	width:30em;
}
#barrenav a {
	color: white;
	text-decoration:none;
}
#barrenav a:hover {
	text-decoration:underline;
}
#barrenav input {
	margin-top:2px;
}

/*--------------------------------------------
 * menu
 *--------------------------------------------
*/
#menu {
	width:199px;
	float:right;
}
.rubriques h2 {
	text-align:left;
	font-size:0.8em;
	border-bottom:1px solid #bbb;
	padding:0;
}
.rubriques h2.premier {
	border-top:1px solid #bbb;
}
.rubriques ul {
	list-style-type: none;
	font-size:0.75em;
}
.rubriques li {
	border-bottom:1px solid #bbb;
}
.rubriques a {
	display:block;
	padding:0.5em 1em;
}
.rubriques a:hover {
	background-color: #f2f1ce;
	text-decoration:none;
}
ul.langues {
	padding:10px;
}
.langues li {
	display:inline;
	list-style-image:none;
	width:50px;
	border:1px solid #ccc;
}
.langues li.eo_lien,
.langues li.fr_lien {
	background-color: #ddd;
}
.langues li.eo_actif,
.langues li.fr_actif {
	background-color: white;
}
.langues li a {
	text-decoration:none;
	padding-left:1em;
	padding-right:1em;
}
.langues li.eo_lien a:hover,
.langues li.fr_lien a:hover {
	color: white;
	background-color:#336;
}
.langues li.eo_actif a,
.langues li.fr_actif a {
	cursor:auto;
}
/*--------------------------------------------
 * zone principale (articles, sommaire etc.)
 *--------------------------------------------
*/
#principal {
	padding-left:60px;
	padding-right:270px;
	padding-bottom:40px;
	text-align:left;
	font-size:1em;
}

/*--------------------------------------------
 * pied de page
 *--------------------------------------------
*/
#pied {
	font-size:0.66em;
	color: #00488e;
	text-align:center;
	width:100%;
	background: transparent url(images/ombre-bas.gif) 0 0 repeat-x;
	clear:both;
}
#piedG {
	width:100%;
	background: transparent url(images/ombre-bas-gauche.gif) 0 0 no-repeat;
}
#piedD {
	width:100%;
	background: transparent url(images/ombre-bas-droite.gif) 100% 0 no-repeat;
}
#linguaforce {
	font-size:0.66em;
	color: #000;
	text-align:center;
}
#pied a {
   text-decoration: none;
   color: #1a4200;
}
a:hover {
	color: #336;
}
#credit {
	color:#666;
	margin:1em;
	font-size:0.77em;
}
#credit a {
	display:block;
	padding:0.5em;
	text-decoration:none;
}
#credit a:hover {
	background-color: #f2f1ce;
}
/*--------------------------------------------
 * formulaires
 *--------------------------------------------
*/
form.francilio {
	margin-left:2em;
	margin-right:1em;
	padding:1em;
	font-size:0.7em;
	text-align:justify;
	line-height:1.3em;
}
form.francilio {
	background-color:#f2f1ce;
}	
form.francilio p {
	margin-bottom:0.5em;
}
form.francilio label {
	display: inline;
	float: left;
	text-align:right;
	width:13em;
}
form.francilio label.gauche {
	float:left;
	text-align:left;
}
form.francilio span.aide {
	padding-left:14em;
	color: #666;
	font-size:0.9em;
}
form p.aide {
	color: #666;
	font-size:0.9em;
}
/*--------------------------------------------
 * menu : suivi du site
 *--------------------------------------------
*/
ul.flux {
	margin:5px;
	padding:5px;
	border:1px solid #aaa;
	font-size:80%;
	list-style-type: none;
	text-align:left;
}
ul.flux {
	border-top:1px solid #666;
}
ul.flux {
	border-left:1px solid #666;
}
ul.flux li {
	margin-bottom:3px;	
}
#menu ul.flux a,
.enmarge ul.flux a {
	text-decoration:none;
}
#menu ul.flux a:hover {
	color:white;
}
#menu li.aboRSS a {
	color:#ED6A00;
	font-size:120%;
}	
#menu li.aboTwitter a {
	color:#147DAB;
	font-size:120%;
}	
ul#partager {
	list-style-type: none;
	margin-bottom:30px;
	margin-left:20px;
}
ul#partager li {
	float:left;
	margin-right:10px;
}