

/* --------------------------------------------------------- */
/* Une dist modifiee pour le diplo anglais  */
/* --------------------------------------------------------- */

/* Table de matieres 
------------------------------------------------------------
		
		Ñ Couleurs des liens
		Ñ Typographie
		Ñ Blocs
			Ñ Transversaux
			Ñ Entete
			Ñ Pied et orteils
			Ñ Diplochannels
		Ñ Pages
			Ñ Article
				Ñ Login
			Ñ Sommaire
			Ñ Auteur
			Ñ Rubrique
			Ñ Recherche
			Ñ Diplochannels (pages)
				Ñ Maps
				Ñ Blogs
			Ñ Maps (liste)
			Ñ 404
		Ñ Sous-navigation et autres menus
		Ñ Habillage des elements du contenu
			Ñ Forums
			Ñ Petitions
		Ñ Autres supports

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


@font-face {
	font-family: 'GalderglynnEsquireLight-1';
	src: url('galderglynn_esq_lt.eot');
}

@font-face {
	font-family: 'GalderglynnEsquireLight-1';
	src: url(//:) format('no404'), url('galderglynn_esq_lt_font1.ttf');
}

@font-face {
	font-family: 'GalderglynnEsquireLight-2';
	src: url(//:) format('no404'), url('galderglynn_esq_lt_font2.ttf');
}

@font-face {
	font-family: 'GalderglynnEsquireLightItalic-1';
	src: url('galderglynn_esq_lt_it.eot');
}

@font-face {
	font-family: 'GalderglynnEsquireLightItalic-1';
	src: url(//:) format('no404'), url('galderglynn_esq_lt_it_font1.ttf');
}

@font-face {
	font-family: 'GalderglynnEsquireLightItalic-2';
	src: url(//:) format('no404'), url('galderglynn_esq_lt_it_font2.ttf');
}

@font-face {
	font-family: 'GalderglynnEsquireRegular-1';
	src: url('galderglynn_esq_rg.eot');
}

@font-face {
	font-family: 'GalderglynnEsquireLight-1';
	src: url(//:) format('no404'), url('galderglynn_esq_rg_font1.ttf');
	font-weight: bold;
}

@font-face {
	font-family: 'GalderglynnEsquireLight-2';
	src: url(//:) format('no404'), url('galderglynn_esq_rg_font2.ttf');
	font-weight: bold;
}


@font-face {
	font-family: 'GalderglynnEsquireBlack-1';
	src: url('galderglynn_esq_bl.eot');
}

@font-face {
	font-family: 'GalderglynnEsquireBlack-1';
	src: url(//:) format('no404'), url('galderglynn_esq_bl_font1.ttf');
}

@font-face {
	font-family: 'GalderglynnEsquireBlack-2';
	src: url(//:) format('no404'), url('galderglynn_esq_bl_font2.ttf');
}

/* Transsib
---------------------------------------------- */

.menu.rubriques, .menu h2, #extra, .forum .repondre {
display: none;
}

		
/* Couleurs des liens
---------------------------------------------- */
a {
	color: #d0bd43;
	text-decoration: none;
}

a:visited {
	color: #d0bd43;
	text-decoration: none;
}

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

/* annuler les icones de la dist de spip pour les liens sortants */
a.spip_out {
	background:none;
	padding-right:0px;
	
}

a.spip_out, a.spip_in { 
	color: #d0bd43;
}

a:hover.spip_out { 
	color: #cf8a3e;
}

.spip_documents_left {
margin-bottom:10px;
margin-right:25px;
}

.spip_documents_right {
margin-bottom:10px;
margin-left:25px;
}

object, embed {
z-index:1;
}

/*  ------------------------------------------
/* 	Typographie generale (style transversaux)
/*  ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 1em; font-family: 'GalderglynnEsquireLight-1', 'GalderglynnEsquireLight-2', helvetica, arial, sans-serif; color: #333; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { font-family: 'GalderglynnEsquireBlack-1', 'GalderglynnEsquireBlack-2', helvetica, arial, sans-serif; margin: 0; padding: 0; font-weight: normal; }
h1 { 	
		font-size: 3.5em; 
		font-weight: normal;
		color: #cf8a3e;
		line-height:1.1em;
		margin: 0 0 10px 0;
		}


h2 { font-size: 1.30em; font-weight: normal; color: #333333; margin: 0 0 1em 0;}
h2 span, h2 span a  {font-weight: bold;}
h2 a:hover { color: #707070;}
h3 { font-size: 1.8em; font-weight: normal;}
h3.spip {} /*Cf.: spip_style.css*/

/* Divers */
hr.spip {} /*Cf.: spip_style.css*/
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }

/* Listes SPIP */
ul.spip {} /*Cf.: spip_style.css*/
ol.spip {} /*Cf.: spip_style.css*/

/* Citations, code et poesie */
blockquote.spip {} /*Cf.: spip_style.css*/
blockquote.spip_poesie {} /*Cf.: spip_style.css*/
.spip_code {} /*Cf.: spip_style.css*/
.spip_cadre {} /*Cf.: spip_style.css*/

/* Tableaux */
table.spip {} /*Cf.: spip_style.css*/

/* Logos, documents et images */
.spip_logos {} /*Cf.: spip_style.css*/
.spip_documents {} /*Cf.: spip_style.css*/
.spip_documents_center {} /*Cf.: spip_style.css*/
.spip_documents_left {} /*Cf.: spip_style.css*/
.spip_documents_right {} /*Cf.: spip_style.css*/
.spip_doc_titre {} /*Cf.: spip_style.css*/
.spip_doc_descriptif {} /*Cf.: spip_style.css*/

span.minus {
			text-transform:lowercase;
			}

/*  ------------------------------------------
/*  Blocs
/*  ------------------------------------------ */

/*
*************
   Transversaux
************* 
*/

body { 
margin: 0; 
padding: 0; 
text-align: center; 
background : url('img/fondfond.gif') fixed top center repeat;
}



#page { position: relative;
		margin: auto; 
		margin-top: 400px;
		margin-bottom: 0px;
		padding: 0 0 0 0; 
		text-align: left;
		background-color: #fff;
		width: 960px;
		background : url('img/fondbloc.gif') scroll 458px 122px repeat;
		}


#conteneur { 	float:left;
				width:600px;
				margin: -200px 0 0 100px;
				position:relative;
				z-index:2;
				min-height: 1000px;
				}
				

#navigation {	float: right; 
				margin: -200px 50px 0 0;
				}
				
#extra { float: right; overflow: hidden;
				padding : 0px 0px 90px 0px;
				margin: 0 50px 20px 0;
 }


#navigation, #extra { 
width: 200px;
position:relative;
z-index:2;
font-size: 0.8em;
 }


/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; 
}

.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border: none;}
.menu ul li { font-size: 1.2em; padding: 0 0 10px 0; list-style: square inside; border: none; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0;}

#contenu .menu ul li { list-style: none; margin: 0 0 30px 0; }

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

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


.colcenter { 	margin: 20px 0px 20px 0px;
				}

.colgauche { 	float:left;
				width: 260px;
				clear:left;
				}

.formulaire_recherche input.submit {
			font-size: 0.8em;
			height: auto;
			width: auto;
			}

.formulaire_spip label {
			font-weight:normal;
			font-size: 1.1em;
			margin-bottom: 0.3em;
			font-family: FeFCrm27P, Georgia, 'times new roman', times, serif; 
			}

.formulaire_spip input.text {
			border: 1px solid #000000;
			}

.formulaire_recherche input.text {
			width: 110px;
			background: #ffffff url("img/fondbloc.gif");
}

/* subscribe_bloc = abos essentiellement */


.subscribe_bloc {
			border: solid 1px #ccc;
			margin: auto;
			padding: 20px 20px 10px 20px;
			text-align: left;
			clear:left;
			}

.subscribe_bloc h2 {	
				background: #8abebe;
				color: #ffffff;
				padding : 3px 0px 3px 0px;
				text-align: center;
				margin:0px 0px 15px 0px;
				}
				
.subscribe_bloc h2 a {	
				color: #ffffff;
				}				

.subscribe_bloc h2 a:hover {	
				color: #e2e2d3;
				}	

h3.section {	border-top: 1px solid #ccc;
				padding-top: 15px;
				}

.subscribe_bloc ul li.titre  {	
				padding : 3px 0px 0px 0px;
				margin: 0px;
				}
				
.subscribe_bloc ul {	list-style-type: none;
					padding: 0px 0px 0px 0px;
					margin:25px 0px 0px 0px;
			}

.subscribe_bloc ul.top {	list-style-type: none;
					padding: 0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
			}

.subscribe_bloc ul li {	list-style-type: none;
					padding: 0px 0px 0px 0px;
					margin:0px 0px 15px 0px;
			}

.subscribe_bloc ul li.centeur {	
			text-align: center;
			margin-top: 10px;
			}

#offres { margin: 20px;} 
#subscriptions	.offre1, .offre2, .offre3 {clear:both;padding-top:50px}
#subscriptions	.left{margin-right:40%}
#subscriptions	h5 { font-size: 18px; color: #990033;}
#subscriptions	.server { font-size: 18px; color: #990033;  border: 1px solid #ccc; padding: 5px;}
#subscriptions	.server a {font-size: 18px; color: #990033;   }
#subscriptions	h6 { font-size: 18px; color: #990033; margin: 0px; letter-spacing:0px;}

#subscriptions {
				margin-top: 20px;
				}

#subscriptions	h1 {
				text-align: center;
				}

#subscriptions	img {
				height: 77px;
				width: 173px;
				}

#suscribeboxes {
			margin: 20px 0px 20px 0px;
			}

.suscribebox {
			margin: 0px 20px 0px 0px;
			float:left;
			width:173px;
			border: solid 1px #ccc;
			padding: 20px 20px 10px 20px;
			min-height: 305px;
			}

.suscribeboxlast {
			margin: 0px 0px 0px 0px;
			}

.suscribebox h2, .suscribebox_last h2 {
			margin-bottom: 10px;
			text-align: center;
			}

.suscribebox_big h2 {
			margin-bottom: 10px;
			text-align: center;
			font-size: 1.8em;
			}

.suscribebox_big h4 {
			font-size: 1.2em;
			font-weight: bold;
			margin: 10px 0px 0px 0px;
			}


.inbox_left {
			float: left;
			padding-right : 20px;
			width: 173px;
			}

.inbox_213 {
			width: 213px;
			}

.inbox_230 {
			width: 230px;
			}

.inbox_nopad {
			padding-right: 0px;
			}

.inbox_nopadnowidth {
			padding-right: 0px;
			width: 100%;
			}

.inbox_left p {
			margin: 0px 0px 5px 0px;
			}

.inbox_left p.margintop {
			margin: 10px 0px 5px 0px;
			}

p.nomargin {
			margin: 0px 0px 0px 0px;
			}

.inbox_left ul {
			margin: 0px 0px 0px 0px;
			padding-left: 20px;
			}

.inbox_left ul li {
			list-style: square inside;
			padding-top: 5px;
			}
			
.prix		{
			font-size: 1.4em;
			font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
			font-weight: bold;
			}

.digital_notransfer {
			background:#ccc;
			text-align:left;
			width: 45%;
			padding: 20px;
			float: right;
			}

.suscribe_button {
			background:#FFC000;
			text-align:center;
			width: 45%;
			margin-top: 20px;
			float: right;
			}

.suscribe_button h3 {
			background:#FFC000;
			padding: 10px;
			}

.suscribe_handler {
			text-align:center;
			width: 45%;
			margin-top: 20px;
			padding: 10px;
			float: left;
			}


.gift {
			border-top:1px solid #ccc;
			margin-top: 20px;
			padding : 15px 0 0 0;
			}

.suscribebox_big {
			margin: 100px 0px 0px 0px;
			border: solid 1px #ccc;
			padding: 20px 20px 20px 20px;
			}

 .demi {
			width: 400px;
			float:left;
			}

.demidroite {
			width: 415px;
			float:right;
			}

/* Portfolio */

#portfolio {
			margin-top: 20px;
			}

#portfolio a img {
			border: solid 1px #ccc;
			padding: 7px;
			margin-bottom: 7px;
			}

/*
*************
   Entete
************* 
*/

#entete-top { }
#entete {
	position: absolute;
	top: -400px;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display:block;
	width: 960px;
	background : url('img/top.png') top center no-repeat;
	height: 400px;
	text-align: center;
	z-index: 1;
}

#entete a.accueil {
display:inline;
width:auto;
}


#entete .menu {
	display:block;
	padding: 0px 0px 0px 0px;
	position:absolute;
	left:280px;
	bottom: 2px;
	z-index:1;
	margin:0px;
}

#entete .menu ul li {
	float:left;
	text-align:center;
	width: 150px;
	font-size: 0.9em;
	color: #707070;
	text-transform: uppercase;
}

#entete .menu ul li a {
	color: #707070;
}

#entete .menu ul li a:hover {
	color: #8abebe;
}

#entete a img.spip_logos {vertical-align: bottom; line-height: 1em; margin:85px 154px 0 0;}
#entete #nom_site_spip { font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete #formulaire_recherche {float:right; text-align: right; border: 0px;} /*Cf.: spip_formulaires.css*/
#entete #formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/

#styles {
position: absolute;
top: 0;
left: 0;
}

#styles ul {
list-style: none;
margin: 0;
padding: 0;
}

#styles li {
float: left;
margin: 0 20px 0 0;
padding: 10px 20px 10px 20px;
}

#styles li.on {
background : url('img/fondjaune.gif') repeat;
font-weight: normal;
}

#styles li:hover {
cursor: pointer;
background : url('img/fondbloc.gif') repeat;
}

#styles li.on:hover {
background : url('img/fondjaune.gif') repeat;
cursor: default;
}

.hautdiplochannels { position:absolute;
					border: solid #ccc; 
					border-width: 1px; 
					background: #e2e2d3;
					padding:10px 15px 0px 15px; 
					padding-bottom: 0px;
					width: 268px;
					right:-1px;
					bottom: -1px;
					z-index:1;
					margin:0px;
					display:block;
					}

.hautdiplochannels:hover {
					cursor:pointer;
					}

.page_sommaire .hautdiplochannels:hover {
					cursor:default;
					}


.sans { 		
					border-bottom-color: #e2e2d3;
					}

.hautdiplochannels h2 { border-bottom: solid 1px #ccc;
						text-align:center;
						padding-bottom: 5px;
						margin-bottom: -1px;
						background: #e2e2d3 url('pics/puce-dc.gif') no-repeat center left;
					}

.sans h2 { 
					background: #e2e2d3 url('pics/puce-dc-down.gif') no-repeat center left;
					}

.hautdiplochannels h2 a { 
						color: #464640;
					}

.englished {position: absolute;
			left: 350px;
			bottom: 30px;
			}

/*
*************
  Diplochannels
************* 
*/

.diplochannels 	{ 	border: solid #ccc; 
					border-width: 0px 1px 1px 1px; 
					background: #e2e2d3; 
					padding:15px 15px 0px 15px;
					position:absolute;
					top: 92px;
					right: -1px;
					width: 268px;
					display:none;
					opacity:0.95;
				}

.page_sommaire .diplochannels 	{ 	
					display:block;
				}

.diplochannels .unechaine	{ 	
					margin: 0px 0px 20px 0px;
				}

.diplochannels .unechaine img, .diplochannels .unechaine img.spip_logos	{ 	
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					border: 0px 0px 0px 0px;
					height: 125px;
					width: 125px;
					float: left;
				}

.diplochannels .unechaine img:hover, .diplochannels .unechaine img.spip_logos:hover	{ 	
					opacity: 0.6;
				}

.diplochannels .danslachaine	{ 	
					margin: 0px 0px 0px 140px;
				}


.diplochannels img.spip_logos, .diplochannels a img.spip_logos { border: solid 1px #ccc;
					line-height: 0px;
					float:left;
					display:block;
				}

.diplochannels ul	{ 	
					margin:0px;
					padding: 0px;
					}

.diplochannels ul li	{ 	
					font-size: 0.9em;
					list-style: square inside;
					padding: 0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
            }

.diplochannels ul li.dossiers	{ 	
					font-size: 0.9em;
					list-style: none;
					padding: 0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
            }

.diplochannels ul li li	{ 	
					font-size: 0.9em;
					list-style: none;
            }

.diplochannels ul li span	{ 	
					font-size: 0.7em;
					line-height:0.7em;
            }

.diplochannels h2	{ border-bottom: solid 1px #ccc;
					 font-size: 1.1em;
					 text-align:center;
					 padding-bottom: 3px;
					 margin-bottom: 3px;
					 text-transform:uppercase;
					 font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
					}

.diplochannels h2 a {
					color:#333333;
					}

.diplochannels h2 a:hover {
					color:#707070;
					}

/*
*************
  Pied et orteils
************* 
*/


#pied { clear: both; 
		padding: 30px 0 50px 0px; 
		margin: -100px 0 0 0;
		text-align: center; 
		font-size: 0.90em;
		border:none;
		}

#pied img { vertical-align: middle; }

.orteils { 	float:left;
				padding-right: 20px;
				padding-left: 20px;
				width: 272px;
				border-left: solid 1px #cccccc;
		}

.un { 	
				border-left: 0px;
		}

.orteils p { 	
				padding: 0px 0px 0px 18px;
				margin:0px 0px 0px 0px;
		}
		
.onglegauche { 	
				width: 50%;
				float:left;
		}	
		
.ongleright { 	
				width: 50%;
				float:right;
		}			

.orteils ul li { 	list-style-type: none;
					padding: 0px 0px 0px 0px;
					margin:0px 0px 5px 0px;
		}		

.orteils h3 {
				font-family: Georgia, 'Times new roman', serif;
				font-size: 1.4em;
				font-weight:normal;
			}	

.orteils ul {	list-style-type: none;
					padding: 0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
			}

#copyright {
				text-align: center;
				margin-bottom: 20px;
			}

#xiti-logo {	height:0px;
			}


/*  ------------------------------------------
/*  Pages
/*  ------------------------------------------ */


/*
*************
  Article
************* 
*/

.numero		{	
				margin: 15px 0px 15px 0px;
			}

.couv		{	
				text-align: center;
			}

.couv img		{	border: 1px solid #ccc;
					padding: 5px 5px 10px 5px;
					margin: 0px 0px 10px 0px;
			}


.texte h3 {	
			font-size: 1.2em;
			font-weight: bold;
			}

.lesauteurs	{
			text-align: right;
			font-size: 1.2em;
			font-variant: small-caps;
			margin-bottom: 2em;
			}

.lesauteurs span	{
			font-size: 0.78em;
			font-variant: normal;
			text-transform: uppercase;
			margin-bottom: 0em;
			}

.danslenumero	{
			width: 210px;
			border-top: solid 1px #cccccc;
			padding: 0px;
			margin: 0.1px auto;
			}

.danslenumero ul	{
			list-style-type:none;
			padding-left: 0px;
			margin-left:0px;
			text-align: left;
			margin-bottom: 2em;
			}

.danslenumero li	{
			margin-bottom: 0.5em;
			clear:both;
			}

.ps, .notes { line-height: 1.40em; }

.ps		{ 
			font-style: italic;
			margin-bottom: 1em;
			}

.notes 	{ 
			border-top : 0;
			clear: both; 
			font-size: 0.85em;
			margin-top: 3em;
			}

.notes h2 	{ 
			font-size: 2em;
			}


#infosarticle 	{ 
			width: 300px;
			margin-top:-0.5em;
			}

#infosblog 	{ 
			width: 300px;
			margin-top:-0.5em;
			}

.moreabout 	{ 
			margin-bottom: 15px;
			text-align: center;
			}

.seealso 	{ 
			border: solid #ccc; 
			border-width: 1px; 
			background: #e2e2d3; 
			padding:15px;
			margin-bottom: 20px;
			}

.seealso h3	{ 
			border-bottom: 1px solid #cccccc;
			margin-bottom: 1em;
			padding-bottom: 0.6em;
			}

.seealso ul	{ 
			list-style-type: none;
			padding: 0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			}

.seealso ul li	{ 
			list-style-type: none;
			padding: 0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			}

.seealso ul li.auteur	{ 
			list-style-type: none;
			padding: 0px 0px 0px 0px;
			margin:0px 0px 5px 0px;
			}

blockquote.spip {
border-left:0px;
margin:0;
padding:1em;
background: #ccc;
}


.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }

/* Login */


#loginbox {
			background: #FFC000;
			padding: 20px;
			text-align:center;
			border: 3px solid #8abebe;
			}

#loginbox .linelog {
			margin-bottom: 1em;
			text-align:right;
			padding-right:113px;
			}

#loginbox .linepass {
			margin-bottom: 1em;
			text-align:right;
			padding-right:50px;
			}

#loginbox h4 {
			display:inline;
			padding-right:10px;
			font-weight: bold;
			font-size: 1.1em;
			}

#loginbox input {
			margin-right:10px;
			}

#loginbox h3 {
			margin-bottom: 1em;
			font-size: 1.6em;
			color: #8abebe;
			}

#loginbox ul {
			margin-top:2em;
			list-style: inside square;
			font-size: 0.9em;
			text-align: left;
			}

.loginerror {
			background: #8abebe;
			color: #FFC000;
			padding: 20px;
			margin-bottom: 20px;
			font-size: 1.3em;
			font-weight: bold;
			}

.loginerror {
			background: #8abebe;
			color: #FFC000;
			padding: 20px;
			margin-bottom: 0px;
			font-size: 1.2em;
			font-weight: bold;
			}

.loginerror span {
			color: white;
			}
			
/*
*************
  Sommaire
************* 
*/
			
/* presentation du dernier numero, en haut de la home */

.current {	font-size: 1.2em;
			line-height:1.3em;
			margin-bottom: 20px;
			padding-right: 25px;
			color: #464640;
			}

.current a {
			color: #464640;
			}

.current a:hover {
			color: #707070;
			}

.current h2 {
			font-size: 1.5em;
			}

.current h2 span a {
			font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
			}

.current .summary {
			cursor:pointer;
			}


/* colcentre = must read + papiers  */

.colcentre {float:left;
			margin-left:20px;
			width: 320px;
			padding-bottom: 15px;
			min-height: 490px;
			display:block;
			}



.colcentre h3 {	
				font-family: Georgia, 'Times new roman', serif;
				font-size: 1.2em;
				font-weight:normal;
			}

.shortlist {
				margin-top: 10px;
			}

.shortlist .item {
				margin-bottom: 10px;
			}

.mustread {border: solid #ccc;
			border-width: 0px 0px 1px 0px;
			}


.mustread h2 {	background : #e2e2d3;
				padding: 3px 0px 3px 0px;
				margin-bottom: 10px;
				text-align:center;
				font-size: 1em;
				text-transform: uppercase;
				font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
			}

.mustread h3 {	
				font-family: Georgia, 'Times new roman', serif;
				font-size: 1.4em;
				font-weight:normal;
			}			

.also {float:left;
		margin-left: 20px;
		width:638px;
		border: solid #ccc;
			border-width: 1px 0px 0px 0px;
			font-family: Georgia, 'Times new roman', serif;
			font-size: 1.2em;
		}

.also h2 {font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
				padding: 10px 0px 0px 0px;
				margin-bottom: 10px;
				font-size: 1em;
				text-transform: uppercase;
		}

.also a {
			color: #464640;
		}		

.also a:hover {
			color: #707070;
			}

/*
*************
  Auteur
************* 
*/

.auteur_articles {
			
			margin-bottom: 2em;
			}

.auteur_articles h2 {
			padding: 1em 0em 0.5em 0em;
			text-align:center;
			font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
			}

.auteur_articles ul {
			clear:both;
			list-style-type:none;
			border-top: solid 1px #cccccc;
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 0px 0px;
			height:1%;
			}

.auteur_articles ul.sansbord {
			border-top: 0px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
			
.auteur_articles ul li {
			border: 0px;
			padding-bottom: 1em;
			font-size: 1.2em;
			}


.auteur_articles ul li.annee {	
			font-family: Georgia, 'Times new roman', serif;
			font-size: 2em;
			font-weight: normal;
			float:left;
			margin: -6px 0px 0px 0px;
			}

.auteur_articles ul li.mois {	
			font-size: 0.9em;
			font-weight: normal;
			float:right;
			margin: 1px 20px 0px 0px;
			}
		
li.articles_auteur {
			float:right;
			width: 400px;
			}

li.closeli {list-style-type:none;
			clear:both;
			position: static;
			}

.vcard	.texte	{margin-bottom: 20px;
			}


/*
*************
  Recherche
************* 
*/

.page_recherche h3 span {
				font-weight: normal;
				font-size: 0.8em;
				}

.page_recherche .som_num li .surtitre {	
						margin: 0em 0em 0.30em 0em;
						padding-top: 0em;
						font-variant: small-caps;
						font-size: 1.2em;
						border-top: 0px;
						font-weight: bold;
							}

.page_recherche .som_num li {	
						padding: 1em 0 1em 0;
						border-top: solid 1px #ccc;
			}

.searchbox {
				margin-top: 20px;
				text-align: center;
				border: 1px solid #ccc;
				padding: 20px;
				}

.searchbox h3 {
				font-weight: normal;
				}

.searchbox .formulaire_recherche {
				border: none;
				width: 100%;
				text-align: center;
				}				
				
.searchbox .formulaire_spip input.text {
				width: 190px;
				}
.searchbox .pagination {
				text-align: left;
				}

.page_recherche .logo {	
				float:right;
				text-align: right;
				position: relative;
				width: 56px;
				min-height: 30px;
				background: #ffffff;
			}

.page_recherche .logo:hover {	
				opacity: 0.6;
				cursor: pointer;
			}


.page_recherche .logo .date {	
				color:#666666;
				font-size:10px;
				position: absolute;
				bottom: 0px;
				left: 4px;
				text-align: center;
				width: 50px;
				font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
			}


/*
*************
  Diplochannels (pages)
************* 
*/

/* Maps */

.map_petit {
			text-align: center;
			margin-bottom:20px;
			}

.clickformore {
			font-style: italic;
			font-size: 0.9em;
			padding-top: 0.8em;
			}


#sousdiplochan {	border: solid #ccc; 
					border-width: 0px 1px 1px 1px; 
					background: #e2e2d3; 
					padding:10px 15px 0px 15px;
				}	

#sousdiplochan .souschaine {
					font-size: 1.1em;
					 text-align:center;
					 margin-bottom: 0.5em;
					 text-transform:uppercase;
					 margin-left: 130px;
				}	

/* Dossier */




.dossierlist ul {
					background: #ffffff;
					margin: 30px 10px 20px 30px;
					padding: 0px;
					list-style:none;
					font-size: 0.8125em;
					}


.dossierlist ul li	{
			padding:0px 10px 10px 0px;
			margin-bottom: 5px;
			}

.dossierlist ul li .chapo {	
			line-height: 1.3em; 
			font-weight: normal;
			font-size: 1.1em;
			margin: 0em 0em 0.2em 0em;
			font-family: Georgia, 'Times new roman', serif;
			}

.dossierlist ul li h3 {	
			font-size:1.3em;
			padding-bottom:0.3em;
			line-height: 1em;
			}

.dossierlist ul li small {color:#666666;
				font-size:0.8em;
				font-weight: normal;
				}

.dossierlist ul li small span {
				font-size:0.9em;
				}

.dossierlist .logo {	
				float:right;
				text-align: right;
				position: relative;
			}

.dossierlist .logo:hover {	
				opacity: 0.6;
				cursor: pointer;
			}


.dossierlist .logo .date {	
				color:#666666;
				font-size:10px;
				position: absolute;
				bottom: 0px;
				left: 4px;
				text-align: center;
				width: 50px;
				font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
			}

/* blogs */


body.blog .chapo {	
			font-family: Georgia "Times new roman", serif;
			font-weight: normal;
			font-size: 1.3em;
			}

body.blog .texte {	
			line-height: 1.60em;
			font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
			font-size: 1.17em;
			}

body.blog .texte h3 {	
			font-family: Georgia "Times new roman", serif;
			font-size: 1.5em;
			font-weight: normal;
			}

body.blog h1 { 	
		font-family: Georgia "Times new roman", serif;
		font-size: 2.4em; 
		font-weight: normal;
		color: #8abebe;
		}

.blogtitle { 	
		font-size: 1.1em; 
		font-weight: normal;
		text-transform : uppercase;
		text-align: center;
		border-bottom: #ccc solid 1px;
		font-weight: bold;
		margin-bottom : 1em;
		padding-bottom : .3em;
		letter-spacing: .2em;
		color: #ccc;
		}

.diplochannels ul li span.itsablog { 	
		font-size: 0.7em;
		line-height: 0.5em;
		text-transform : uppercase;
		font-weight: bold;
		padding : .15em .3em .15em .3em;
		margin: 0px;
		background: #707070;
		color: #ccc;
		}


/*
*************
  Maps (liste)
************* 
*/

.fresh_maps h2 {	margin-bottom: 20px;;
				}



.freshmap  {	width: 125px;
				height: 200px;
				float:left;
				padding-right: 20px;
				}

.freshmap img {	border: solid 1px #ccc;
				}

.freshmap h3 {	font-size:1em;
				padding-top: 5px;
				}

.mapsection {	margin: 10px 0px 40px 0px
			}

.mapsection h2 {	font-size:2em;
				padding: 0px 0px 10px 0px;
				font-family: "Luxi sans", "Lucida sans", "Lucida Grande", Lucida "Lucida Sans Unicode", sans-serif;
				font-weight: bold;
				text-align: center; 
				}

.mapsection .som_num h2 {	font-size:1.6em;
				padding: 0px 0px 0px 0px;
				font-family: Georgia, 'Times new roman', serif;
				font-weight: normal;
				text-align: left; 
				}

.page_map .som_num img {	border: solid 1px #ccc;
							margin: 0px 10px 10px 0px;
							background: red;
				}

.page_map .som_num img:hover, .freshmap img:hover {	
							opacity: 0.6;
				}

/*
*************
  404
************* 
*/

#quatrecentquatre .formulaire_recherche {
				margin-top: 20px;
				border: none;
				width: 100%;
				text-align: center;
				}	


/*
*************
  Backissues
************* 
*/

.page_backissues h1 {
					padding:0.5em 0 0.5em 0;
					}

.last_num {
					margin-top: 20px;
					}

.last_num h2 {
					padding: 1em 0 0.5em 0;
					}

.last_num h2 a {
					color: #8abebe;
					}

.backissues_annees {
					font-size: 1.6em;
					text-align: center;
					padding: 20px;
					border-top: 1px solid #ccc;
					font-family: Georgia, 'Times new roman', serif;
					}

.one_year 				{
					border-top: 1px solid #eee;
					}

.yearlist 				{
					padding-bottom: 20px;
					}

.yearlist_item				{
					float:left;
					padding-right: 10px;
					font-size: 0.8em;
					}
			
/*  ------------------------------------------
/*  Sous-navigation et autres menus
/*  ------------------------------------------ */



/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { border: 0; background: none; }

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }




/*  ------------------------------------------
/*  Habillage des elements du contenu
/*  ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 1em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.soustitre { font-size: 0.90em; color: #666; letter-spacing: 0.10em; }
.cartouche .surtitre {	margin-bottom: 0.50em;
						font-variant: small-caps;
						font-size: 1.2em;
							}
							
														
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo {	
			line-height: 1.4em; 
			font-weight: bold;
			font-size: 1.2em;
			margin: 1em 0em 0.5em 0em;
			color : #333333;
			}

.chapo p {	
			margin: 0em;
			padding: 0em;
			}

.texte {	line-height: 1.4em;
			font-size: 1.2em;
			}

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #DDD; }
#documents_portfolio a:hover .spip_logos { border-color: #F57900; }
#documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #DDD; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin: 2.50em 1em 2.50em 0; text-align: right; font-weight: normal; font-family: 'GalderglynnEsquireBlack-1','GalderglynnEsquireBlack-2',helvetica,arial,sans-serif; font-size: 1.5em;}


/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin: 1em 0em 0em 0em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; }

.forum-chapo small { color: #dedede; }

.forum-texte { margin: 0.5em 0 1em 0; padding: 0;  }

.forum-texte p { margin: 0em 0 1em 0;  }

.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }


/* forums */

#comments {padding-bottom: 15px;}

.forum-top {
		font-size:0.88em;
		padding-bottom:10px;
		}

ul.forum {
		background: #6ba6b6 url("img/fondfond.gif");
		padding: 20px;
		color: #ffffff;
}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message {
		border: 0;
		margin:0 0 20px 0;
		}


/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { 
		border: 0; 
		background: none;
		}

.forum-nav {
		font-size:0.75em;
		float:right;
}



/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/


/*  ------------------------------------------
/*  Autres supports
/*  ------------------------------------------ */

/* Affichage pour les petits ecrans (type 400 x 300) */
@media handheld, only screen and (max-device-width: 481px), only and (max-device-width: 400px), only and (max-width: 400px) {
div#page, div#conteneur, div#navigation, div#extra { width: auto; }
}
