/* Table des matieres 
------------------------------------------------------------

sommaire a refaire

Voir aussi

typo.css
impression.css

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


/* effets generiques
---------------------------------------------- */

.filet a img {
border: 1px solid #333333;
}

.hermetique {
overflow: hidden;
}

.vide, .disabled {
display:none;
}

.respons {
display:none;
}
.services a.bouton_menu {
display: none;
}

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

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

body {
background: #eeeeee;
margin: 0;
padding: 0;
text-align: center;
}

#page { 
margin: 40px auto 40px auto;
position: relative;
text-align: left;
border: 0px;
background: #ffffff;
width:980px;
		}


/* le conteneur global englobe tout ce qui est situé entre l'header et le footer */

.container { 
clear:both;
min-height: 500px;
padding: 0 0 20px 0;
background: #ffffff;
zoom:1;
}

/* mode du conteneur pour les pages à une seule colonne */


.container.colunique { 
width: auto;
}

.container.colunique #content { 
}

/* contenu : bloc de gauche avec le contenu (texte, carte)  */

				
#content { 
margin: 30px 0 10px 0;
padding-top: 0;
zoom:1;
			}

.inverse #content { 
margin: 30px 0 15px 15px;
padding-top: 0;
zoom:1;
			}

.content-principal {
margin: 0 15px 30px 25px;
}

.page_sommaire .content-principal {
margin: 0 0 30px 0px;
}

/* bloc de gauche qui contient l'équivalent d'un fil d'ariane et les infos contextuelles */


#extra1 {
float: right; 
margin: 30px 0 20px 0;
text-align: left;
border-left: 1px solid #999999;
padding: 0 0 0 30px;
position: relative;
}

.inverse #extra1 {
float: left; 
margin: 35px 0 20px 0x;
border-right: 1px solid #cccccc;
border-left: 0;
padding: 0 30px 0 0;
}

.content-principal #extra1 {
margin: 0 0 20px 10px;
border-left: 1px solid #cccccc;
border-right: 0;
padding: 0 0 0 30px;
}

.content-principal.inverse #extra1 {
float: left; 
margin: 0 20px 20px 0;
border-right: 1px solid #cccccc;
border-left: 0;
padding: 0 30px 0 0;
}

/* Formulaires specifiques
---------------------------------------------- */

.formulaire_login {
width: 400px;
}

.formulaire_login input.text, .formulaire_login input[type=text], .formulaire_login input.password, .formulaire_login input[type=password] {
border: 1px solid #333333;
padding: 4px 5px 3px 5px;
margin: 0;
width: 400px;
}

.page_login .formulaire_menu_lang {
display: none;
}

formulaire_login .editer_password .details {
margin: 5px 0 0 0;
}

.article_contact fieldset legend {
display: none;
}


/* form newsletter */
/*
.formulaire_newsletter ul, #extra1 .formulaire_newsletter ul {
margin: 0;
}
.formulaire_newsletter li, #extra1 .formulaire_newsletter li {
margin: 0;
padding: 0;
border:0;
}
.formulaire_newsletter .boutons {
text-align:right;
margin: 10px 0 0 0;
}
.formulaire_newsletter .boutons input {
padding: 5px 8px 5px 8px;
}

.newsletter {
border: 1px solid #999999;
padding: 15px;
margin: 0 0 30px 0;
}
.newsletter.fat {
font-size:1.2em;
}
.newsletter h2, #extra1 .newsletter h2 {
font-weight:bold;
font-size:1.3em;
}
.newsletter .reponse_formulaire {
font-family: Georgia, 'Times new roman', serif;
background: #900000;
color: #ffffff;
margin: .6em -15px .8em -15px;
padding: 8px 15px 10px 15px;
font-size: 1.25em;
}*/
.newsletter{
	padding:0.8rem;
}

.newsletter__form input{
	border: 0.0625rem solid #dcdcdc;
    padding: 0.5rem;
    border-radius: 0.3rem;
    width:240px;
    max-width:90%;
    margin-bottom:1rem;
}

.newsletter__form input:not(:focus){
   opacity: 0.7;
   background: @grayLighter;
}

.newsletter__bouton{
	padding: 0.75em 1em 0.4rem;
	border: none;
	transition: background 0.1s;
	background: #990000;
	border-radius: 5px;
	color: #fff;
	cursor:pointer;
}

.newsletter__bouton:hover{
	background: #7a0000;
}

/*
*************
   header
************* 
*/

/* banniere = pub */

.banniere {
margin: 10px auto 32px auto;
}	

#header-top { }
#header {
position: relative;
background: #fff;
border: solid 0px #666;
margin-bottom: 0px;
display:block;
margin:0;
padding-top:1.6em;
zoom:1;
}


#header a img.spip_logos {
vertical-align: bottom;
line-height: 1em; 
}

#header #nom_site_spip { 
font-size: 2.2em;
font-family: Georgia, Times, serif;
font-weight: normal;
}

#header .logo {
text-align: right;
margin: 0;
padding:0;
display: block;
overflow: hidden;
zoom:1;
float: left;
}

#header a.logodiplo, #header .logodiplo {
line-height:1em;
vertical-align:bottom;
float:left;
padding: 0 20px 9px 30px;
max-width: 272px;
}


/* bloc gris a cote du logo (depend du contexte) */
/* doublon
#catelogo {
line-height:1em;
vertical-align:bottom;
margin:5px 0 0 0;
padding: 0;
float: left;
background: #f7f7f7;
height: 96px;
width: 189px;
/*logo 25e anniversaire a retirer pour retirer logo
background: center / contain no-repeat url(images/logo_25_aniversario.jpg);
}*/


/* services = rss, recherche, info-diplo */

.services {
float: right;
margin: 0 20px 0 0;
text-align: right;
width: 416px;
zoom:1;
}

.services a {
margin: 1px 5px 0 0;
color: transparent;
width: 29px;
height: 29px;
display: block;
float: right;
}

.lt-ie7 .services a, .lt-ie8 .services a  {
color: pink;
filter: chroma(color=pink);
}

.services a.bouton_rss {
background: url('images/rss.png') no-repeat center center transparent;
}

.services a.bouton_rss:hover {
background: url('images/rssh.png') no-repeat center center transparent;
}

.services a.bouton_infodiplo {
background: url('images/enveloppe.png') no-repeat center center transparent;
}

.services a.bouton_infodiplo:hover {
background: url('images/enveloppeh.png') no-repeat center center transparent;
}

.services #search {
display: inline;
}

.services #search form {
float: right;
}

#formulaire_recherche label {
display:none;
}

.texte #formulaire_recherche {
margin: 1.2em 0 1.5em 3em;
}

#formulaire_recherche input {
vertical-align: middle;
}

#formulaire_recherche input#recherche {
background: #ffffff;
border: 0;
padding: 6px 5px 5px 5px;
margin:0;
width: 309px;
border:1px solid #333333;
border-right:0;
}

.services #formulaire_recherche input#recherche {
width: 170px;
transition-duration:.5s;
transition-property: width, background;
-moz-transition-duration:.5s;
-moz-transition-property: width, background;
-webkit-transition-duration:.5s;
-webkit-transition-property: width, background;
}

.texte #formulaire_recherche input#recherche {
font-family: Helvetica, arial, sans-serif;
}

#formulaire_recherche input#recherche:focus, .page_recherche #formulaire_recherche input#recherche {
background: #fbfbfb;
width: 308px;
}

.page_recherche #formulaire_recherche input#recherche {
font-weight: bold;
width: 308px;
}

#formulaire_recherche input.submit {
border: 0;
color: transparent;
background: url('images/loupe.png') no-repeat center center #333333;
width: 29px;
height: 29px;
margin:0;
border:1px solid #333333;
display: inline;
vertical-align: middle;
}

#formulaire_recherche input.submit:hover {
color: transparent;
background: url('images/loupeh.png') no-repeat center center #990000;
cursor: pointer;
}

#formulaire_recherche input.submit:active {
color: transparent;
background: url('images/loupea.png') no-repeat center center #ee0000;
cursor: pointer;
}


/* espace en haut a droite du bandeau
sur le diplo fr on fait défiler des articles récents */


#oreille {
margin: 5px 20px 10px 0;
height: 46px;
width: 416px;
float: right;
border-bottom:1px solid #333333;
position:relative;
zoom:1;
overflow:hidden;
}



/*
*************
   menu
************* 
*/

ul#menu {
text-align: center;
display:block;
clear:both;
position: relative;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
margin: 0 20px 0 20px;
zoom:1;
}

ul#menu:before, ul#menu:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

ul#menu:hover {
border-color: #990000;
}

ul#menu li {
display: list-item;
float:left;
zoom:1;
}

/* sousgroupe met une barre à gauche du li de façon a former plusieurs... sous-groupes d'items */

ul#menu li.sousgroupe {
border-left: 1px solid #cccccc;
}

/* Liens de bases du menu (sans depliage) */

ul#menu > li > a {
display:block;
padding: 6px 10px 5px 10px;
text-transform: uppercase;
font-family: Helvetica, arial, sans-serif;
color: #333333;
transition-property: none;
-moz-transition-property: none;
-webkit-transition-property: none;
}

.lt-ie7 ul#menu li a {
display:block;
padding: 6px 10px 5px 10px;
text-transform: uppercase;
font-family: Helvetica, arial, sans-serif;
color: #333333;
transition-property: none;
-moz-transition-property: none;
-webkit-transition-property: none;
}

ul#menu:hover > li > a {
color: #990000;
}

ul#menu > li > a:hover, ul#menu > li:hover > a {
color: #ffffff;
background: #990000;
}

ul#menu:hover > li.sousgroupe {
border-left: 1px solid #990000;
}

/*
*************
   Listes (d'articles surtout) de base
************* 
*/


.liste li, #extra1 .liste li {
overflow: hidden;
}

.large .liste li {
border-bottom: 1px dashed #cccccc;
margin: 0 0 20px;
overflow: hidden;
padding: 0 0 7px;
font-size:1.1em;
}

.large .liste li .intro {
border: 0;
margin: 0 0 10px;
overflow: hidden;
padding: 0 0 0 20px;
}

.large .liste li h3 {
font-family: Georgia, "Times new roman", serif;
font-weight: normal;
font-size: 1.4em;
}


.liste li .dates_auteurs {
border-width: 0;
margin: 0;
font-size: 0.9em;
padding: 0;
font-family: Helvetica,arial,sans-serif;
line-height: 1.2em;
color: #999999;
}
#extra1 .liste li .dates_auteurs {
font-size: 1em;
}

.liste li .dates_auteurs span.lieu {
  color: #999999;
  font-size: 0.85em;
}

.liste li .intro {
font-size: 1.08em;
margin: 0 0 18px 0;
padding: 0 0 13px 20px;
border-bottom: 1px solid #999999;
font-family: Georgia, 'Times new roman', serif;
}

.liste li.enbas .intro {
margin: 0 0 10px 0;
padding: 0 0 13px 20px;
}


.liste .tousles {
font-family: Georgia, 'Times new roman', serif;
font-size: 1.15em;
text-transform: none;
font-weight: normal;
}

.liste .tousles.maisquun {
text-align: right;
}

.liste li .titraille {
margin: 0 0 6px 0;
overflow:hidden;
}

a.suite {
font-size: 1.1em;
line-height: 0.6em;
}


/* pour listes d images et de cartes */


.images {
border-bottom: 1px solid #333333;
margin: 0 0 20px 0;
zoom:1;
overflow:hidden;
}

.texte ul.images {
padding: 0 0 10px 0;
border-top: 1px solid #333333;
margin: 20px 0 20px 0;
padding: 15px 0 0 0;
border-bottom:0;
}

.texte ul.images li {
border-bottom: 1px solid #333333;
margin: 0 0 15px 0;
overflow:hidden;
}

.texte ul.images .vignette {
float:left;
margin: 0 15px 5px 15px;
}

.images li {
margin-bottom: 15px;
}

.page_carto .images li, .page_images .images li {
margin-bottom: 30px;
}
.images li.alpha {
clear:left;
}

.images .dates_auteurs {
border: 0;
margin: 0;
}

.images a img {
display: block;
border: 1px solid #333333;
margin: 0 0 10px 0;
}
.images a:hover img {
border: 1px solid #ee0000;
}

/* cartes dans listes */

#extra1 .images {
border:0;
margin : 0 0 15px 0;
} 
.liste.images {
border:0;
margin:0;
padding:0;
} 
.liste.images li, #extra1 .images li {
padding: 0 0 17px 0;
} 
#extra1 .images li {
padding: 0 0 15px 0;
margin: 0 0 12px 0;
overflow:hidden;
} 
.liste.images .vignette {
float:left;
margin: 0 15px 0 15px;
} 
#extra1 .images .vignette {
float:left;
margin: 3px 10px 0 0;
} 
#extra1 .images .vignette img {
margin: 0;
} 
.liste.images li h3, .liste.images li .dates_auteurs {
margin-left: 192px;
} 
.images li h3, .images li .dates_auteurs {
margin-left: 0;
} 
#extra1 .images li h3, #extra1 .images li .dates_auteurs {
margin-left: 115px;
} 
#extra1 .images li h3 {
font-size: 1.2em;
margin: 0 0 5px 115px;
text-align: left;
font-family: Georgia, 'Times new roman', serif;
font-weight: normal;
}


/*
*************
   footer
************* 
*/

#footer {
padding: 20px 10px 25px 10px;
background: #666666;
color: #ecece4;
overflow: hidden;
font-size: 1.1em;
font-family: Georgia, 'Times new roman', serif;
zoom:1;
}

#footer a {
color: #eeeeee;
}

#footer a:hover {
color: #000000;
}

#footer h3 {
padding: 0 0 7px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid;
}

#footer ul li {
list-style: disc inside;
}

#footer ul li.first {
list-style: none;
}

#footer h2 {
font-family: Georgia, 'Times new roman', serif;
border-bottom: 1px solid #333333;
color: #990000;
font-size: 1.37em;
font-weight: normal;
line-height: 1.2em;
margin: 0 0 15px 0;
padding: 0 0 7px 0;
text-transform: none;
}


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

/*
*************
   Sommaire
************* 
*/

.enkiosques {
text-align: center;
margin: 0 0 50px 0;
}
.enkiosques a.couv {
border:1px solid #cccccc;
display:block;
}
.enkiosques a.couv:hover {
border:1px solid #900000;
outline:4px solid #900000;
}
.enkiosques h3, #extra1 .enkiosques h3 {
margin: 10px 0 0 0;
font-size: 2em;
}


/* articles en haut à droite du somm */

.laune {
font-size: 1.2em;
overflow: hidden;
margin: 0;
}

.laune h3, .large .liste .laune li h3 {
font-family: Georgia, 'Times new roman', serif;
font-size:1.8em;
font-weight:normal;
margin: 0 0 7px 0;	
	}

.laune h3 a {
font-family: Georgia, 'Times new roman', serif;
background: #ffffff;
text-transform: none;
padding: 0;
display: block;
	}

.laune h3 a:hover {
color: #ee0000;
	}

.laune .dates_auteurs, .liste  .laune li .dates_auteurs {
font-size: 0.84em;
margin: 0 0 2px 0;	
	}

.laune .intro {
font-family: Georgia, 'Times new roman', serif;
font-weight:normal;
line-height:1.25em;
font-size:1.1em;
position:relative;
margin: 0;
padding: 0 0 0 20px;
overflow:hidden;
}


.ladeux {
overflow:hidden;
}

.ladeux ul, .ladeux li {
display:inline;
margin: 0;
border:0;
padding: 0;
}

.ladeux ul, .ladeux li {
display:inline;
margin: 0;
border:0;
padding: 0;
}


.ladeux .undeux, .ladeux .untrois {
margin: 0 0 20px 0;
border-bottom:1px dashed #cccccc;
padding: 0 0 7px 0;
}

.ladeux li:nth-child(2n +1) > div {
clear:left;
}


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

#hierarchie {
display: none;
}

.page_article #extra1 {
/*margin: 4.2em 0 20px 0;*/
}

.lesauteurs	{
text-align: right;
font-size: 1.1em;
margin: 15px 0 30px 0;
font-size:1.1em;
}
.lesauteurs span:not(.spanbio)	{
font-size: 0.8em;
font-variant: normal;
text-transform: uppercase;
margin-bottom: 0;
}
.lesauteurs .nom	{
font-weight: bold;
margin: 0 0 1px 0;
}
.lesauteurs .bio {
font-family: Georgia, 'Times new roman', serif;
margin: 0 0 15px 45%;
}
.lesauteurs .unauteur {
margin: 0 0 10px 0;
}

.chapo p {	
margin: 0.8em 0 0 0;
padding: 0em;
}
.chapo .couv {	
font-weight: normal;
}

.mensuel .chapo {	
font-weight: normal;
overflow:hidden;
}
.mensuel .logo .spip_logos {
border: 1px solid #cccccc;
padding: 3px;
}
.mensuel .logo, .encadre .logo{
float: right;
margin-left: 15px;
margin-bottom: 5px;
}
#content .mensuel h2 {
clear: none;
}

.texte {	
line-height: 1.4em; 
font-family: Georgia, "Times new roman", serif;
font-size: 1.3em;
margin: 0 0 30px 0;
}
.texte p {	
margin: 0.8em 0 0.8em 0;
}
.texte h3 {	
font-size: 1.2em;
font-weight: bold;
text-align: center;
margin: 2em 0 1em 0;
}
.texte ul, .texte ol {	
padding: 0.5em 0 0.5em 50px;
}
.texte ul li {	
list-style-position:outside;
list-style-type:square;
padding: 0;
margin: 0 0 0.3em 0;
}
.texte ul li ul {	
padding: 0 0 0 50px;
margin: 0;
}
.texte ol li {	
list-style-position:outside;
list-style-type:decimal;
padding: 0;
margin: 0 0 0.3em 0;
}
.texte ol li ol {	
padding: 0 0 0 30px;
margin: 0;
}
.texte .spip_documents {	
margin-top:19px;
}
.texte .spip_documents_left, .texte .spip_documents_right {	
margin-top:5px;
}


.ps, .notes {
line-height: 1.3em;
margin: 0px 20px 30px 20px;
}
.ps { 
border: dashed 1px #cccccc;
padding: 10px 20px 10px 20px;
font-family: Georgia, "Times new roman", serif;
font-size:1.1em;
}
.ps	h2 { 
display:none;
}

#extra1 .ps		{ 
border-top: 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family: Georgia, "Times new roman", serif;
font-size:1.1em;
}
#extra1 .ps	ul { 
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.ps h3, .notes h3	{ 
margin-bottom: 15px;
font-size: 1em;
text-transform: uppercase;
padding: 10px 0 6px 0;
border-bottom: 4px double;
}
#extra1 .ps h3 { 
margin-bottom: 15px;
font-size: 1em;
text-transform: uppercase;
padding: 10px 0 6px 0;
border-bottom: 4px double;
}
.ps li, .notes li, .ps li, .notes li.dernier		{ 
margin: 10px 0 15px 0;
padding: 0 0 20px 30px;
border-bottom: solid 1px;
overflow: hidden;
}
.ps li .refdoss li { 
margin: 5px 0 0 0;
list-style: square inside;
}
.ps .images, .ps li li { 
border: 0;
margin: 0;
padding: 0;
}
.ps .images { 
overflow: hidden;
}
.ps .images .vignette { 
float:left;
margin: 0 15px 0 0;
}
.ps .images img { 
margin: 0;
}
.ps h3 i:after
{
content:»;
}

.notes 	{ 
clear: both; 
font-family: Georgia, "Times new roman", serif;
font-size: 1.1em;
padding: 5px 0 0 0;
border-top: 4px double;
}
.notes p { 
padding-left: 1.8em;
text-indent : -1.8em;	
}

.spip_note_ref { 
color: #cccccc;	
}

.notebox {
position:fixed;
bottom:0;
background: #ffffff;
border-top: 4px double #333;
padding: 10px 0 40px 0;
margin:0;
z-index: 30;
width: 540px;
}

.soustitre {
font-size: 1.1em;
color: #666;
}
.soustitre .notes_dendl {
display: inline;
font-size: 1em;
margin: 0;
}

.notes_dendl {
font-size: 0.9em;
margin: 20px 0 0 0;
}

.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;
}

.dates_auteurs {
margin: 0;
border:0;
font-family: helvetica, arial, sans-serif;
}
.cartouche .dates_auteurs {
margin: 0;
border:0;
padding: 7px 0;
font-size: 1.1em;
margin-top: 0.6em;
}
.dates_auteurs.vide {
display:none;
}


.clearleft {
clear: left !important;
}

.dernier {
margin-bottom: 0 !important;
}

/* subtilites de navigation */


#extra1 h3 {
margin: 0 0 3px 0;
}

#extra1 h2, #content #extra1 h2 {
font-style:normal;
font-size:13px;
}

#content #extra1 {
margin-top: 0;
}

#extra1 ul {
margin: 0 0 25px 0;
overflow: hidden;
}

#extra1 li {
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #cccccc;
}

#extra1 li.item {
margin: 0 0 15px 0;
padding: 0;
border-bottom: 0;
}
#extra1 li.item .intro {
margin-bottom: 0;
}
	
.tousles {
display: block;
font-family: Helvetica,arial,sans-serif;
text-transform: uppercase;
text-align:right;
font-weight: bold;
margin: -10px 0 0 0;
clear:both;
}


#extra1 .bloc {
margin: 0 0 30px 0;
}

#extra1 .pub {
text-align:center; 
}
#extra1 .pub img {
margin: 30px auto 30px auto; 
}

/*
*************
  Numeros (archives)
************* 
*/

.lesarchives .lienboutique {
	margin-bottom: 0.3em;
}
.lesarchives>ul {
	margin-top: 1.5em;
}
.lesarchives a {
color: #333;
transition-property: background;
}
.lesarchives a:hover {
color: #ffffff;
background:#900000;
}
.lesarchives .annee {
padding: 0;
margin: 0;
font-size: 1.2em;
text-align:center;
}
.lesarchives .annee:not(:last-child) {
	border-bottom: 1px solid #999999;
}
.lesarchives .annee > a {
font-size: 6em;
font-weight:bold;
padding: 20px 0 10px 0;
display:block;
}
.lesarchives .annee > a.on {
color:#900000;
transition-property: none;
}
.lesarchives .annee > a.on:hover {
color:#666666;
background:#ffffff;
}
.lesarchives .mois {
display:inline;
}
.lesarchives .mois a {
display:inline-block;
font-size: 1em;
font-family: Georgia, "Times new roman", serif;
border-left: 1px solid #dddddd;
padding: 1px 6px 6px 6px;
margin: 0;
}
.lesarchives .mois:first-child a {
border-left: 0;
}




/*
*************
  Mot & recherche (listes d articles lampda)
************* 
*/

#content h2 {
padding: 0;
clear:both;
}
#content h2 span {
text-transform:none;
}
#content .categorie h2 {
border-bottom: 1px solid;
padding: 35px 0 10px;
clear:both;
}

.spip_surligne{
background-color:#FAFFCF;
}

.tri {
margin: -22px 0 0 0;
line-height:1em;
text-align:right;
}
.tri strong {
font-family: Georgia, 'Times new roman', serif;
font-style:italic;
font-weight:normal;
}
.tri a {
padding: 9px 10px 8px 10px;
background: #F4EDDF;
color: #333;
line-height:1em;
float:right;
margin:-8px 0 0 5px;
}
.tri a:hover {
background: #990000;
color: #ffffff;
}
#ancres, #ancres2 {
display: inline;
}
.nb_resultats a:before {
content:"¶ ";
color: #999999;
font-size: 0.8em;
}
.nb_resultats a.premier:before {
content:"";
color: transparent;
}


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

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



/*
*************
  Thèmes & pays
************* 
*/


.page_temas #content .tags, .page_paises #content .tags {
text-align:left;
width:auto;
padding: 0;
margin: 0;
display: block;
font-size: 1.2em;
line-height: 1.3em;
}

.page_temas table, .page_paises table {
padding:15px 0px 15px 0px;
border:0;
font-size: inherit;
line-height: inherit;
margin: 0;
}

.page_temas table td, .page_paises table td {
padding:15px 0px 15px 0px;
border:0;
}

.page_temas table td.lesmots, .page_paises table td.lesmots {
padding:20px 40px 10px 15px;
}

.page_temas table td.lettre, .page_paises table td.lettre {
padding: 20px 0 0 40px;
font-family: "libertine",Georgia,"Times new roman",serif;
font-size: 5em;
line-height:1em;
font-weight:bold;
}

.page_temas table td, .page_paises table td {
vertical-align: middle;
text-align: left;
}

.page_temas .cartouche h1 span,.page_paises .cartouche h1 span {
text-align:right;
font-size: 0.7em;
background: #cccccc;
margin: 2px 0 0 0;
float:right;
}

.page_temas .cartouche h1 span a,.page_paises .cartouche h1 span a {
padding: 0px 5px 2px 5px;
display: block;
width: auto;
}

.page_temas td>span, .page_paises td>span {
color: #999999;
font-size: 0.8em;
}

.page_temas span a, .page_paises span a {
color: #333333;
font-size: 1.2em;
}

.page_temas span a:hover, .page_paises span a:hover {
color: #ee0000;
}


#haut { 
clear: both;
text-align: left;
color: #ffffff;
margin: 1em 0 20px -1px;
font-weight: normal;
font-size:0.9em;
}

#haut a {
background: #ffffff;
color: #666666;
border: solid #333333;
border-width: 0 0 1px 0;
display:block;
float:left;
font-size:1.2em;
padding:2px 5px 5px 5px;
margin:10px 0 0 0;
text-transform: uppercase;
}

#haut a:hover { 
background: #990000;
color: #ffffff;
}

.tags {
text-align:center ;
font-size:1.2em;
line-height:1.3em;
display:block;
overflow:hidden;
}

#extra1 .tags {
text-align:left;
margin: 0 0 35px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #333333;
}

#content .tags {
text-align:center ;
font-size:1.2em;
line-height:1.3em;
display:block;
}

a.mots, .mots a {
font-family: Helvetica,arial,sans-serif;
font-size:0.8em;
background: #eeeeee;
color: #333333;
display: block;
float:left;
margin: 0px 6px 8px 0;
border-radius: 15px; 
padding: 1px 10px 0 10px;
line-height: 1.8em;
transition-duration:0s;
-moz-transition-duration:0s;
-webkit-transition-duration:0s;
}
a.mots.pays, .mots a.pays {
background: #ecece4;
color: #333333;
}
a.mots:hover, .mots a:hover, #extra1 a.mots:hover {
background: #990000;
color: #ffffff;
}

.articles .tags {
display: block;
width: 100%;
line-height:normal;
text-align: left;
font-size: 0.9em;
padding:0;
clear: both;
}

/*  ------------------------------------------
/*  En plus…
/*  ------------------------------------------ */



/* Pagination */

.pagination { 
clear: both;
text-align: right;
margin: 10px 0 15px 0;
}
.pagination .sep { 
display:none;
}

#extra1 .pagination { 
margin: 0 0 30px 0;
font-size: 0.8em;
line-height: 1.6em;
}

.pagination a, .pagination .on, #extra1 .pagination a { 
padding: 3px 8px 3px 8px;
letter-spacing: normal;
background: #ffffff;
color: #333333;
border: 1px solid #ffffff;
}
.pagination a:hover, #extra1 .pagination a:hover { 
background: #990000;
color: #ffffff;
border: 1px solid #990000;
}
.pagination .on {
font-weight: bold;
background: #333333;
color: #ecece4;
border: 1px solid #333333;
}


/* Portfolio */
.documents_portfolio { 
clear: both; 
margin: 0 20px 20px 15px;
padding: 0 0 0 5px;
overflow:hidden;
}

#content .documents_portfolio h2 { 
padding: 0;
}

.documents_portfolio li, .texte .documents_portfolio li {
margin: 0 20px 10px 0;
float:left;
width: 120px;
list-style: none;
}

.texte .documents_portfolio ul {
padding: 0;
}
.documents_portfolio li.adroite, .texte .documents_portfolio li.adroite {
margin: 0 0 10px 0;
}
.documents_portfolio li.agauche, .texte .documents_portfolio li.agauche {
clear:both;
}

.documents_portfolio li h3 {
font-family:Georgia,'Times new roman',serif;
font-weight: normal;
font-size: 1.1em;
padding: 0;
margin: 0 0 3px 0;
}

.documents_portfolio img {
margin: 0 0 5px 0;
border: 1px solid #333333;
}

.documents_portfolio a.on img {
border-color: #8B6F92;
}

.document {
overflow:hidden;
}


/* pour nous, gens connectés */


.spip-admin-bloc, .spip-admin-float {
bottom: 0 !important;
right: 20px !important;
top: auto !important
	}

.spip-admin-boutons, a.spip-admin-boutons, .spip-admin-boutons a {
border-radius: 0.3em 0.3em 0 0 !important;
}


/***********************STYLES DIPLO ESPAGNE*****************************/

/* Styles généraux */
body {
  background-color:#fff;
}
#fondNoir {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 150;
    background-color: #000;
    display: none;
}
#page{
	width: 980px;
}
.grid_16{
	padding-top: 0.7rem;
}

.bold{
	font-weight: bold;
}
.none, .page_fixe .dates_auteurs{
	display: none;
}
.ital{
	font-style: italic;
}
.renvoi{
	font-size: 1.1em;
	font-weight: bold;
}
.renvoi>a{
	color: #900;
}
.large .liste li, .ladeux .undeux, .ladeux .untrois {
    margin: 0px 0px 12px;
}
.large .liste li, .ladeux .untrois>div:last-child{padding-bottom: 12px;}
.ladeux .undeux{padding-bottom: 0;}
.ladeux .undeux>div:last-child{
	padding-bottom: 12px;
	border-bottom: 1px solid #DDD;
}
.ladeux>ul>li:nth-child(odd) .undeux{
	border-right: 1px dashed #ddd;
	padding-right: 18px;
}
.undeux>img{
	margin-bottom: 6px;
	border: 1px solid #eee;
}
.enteteune img{
	float: left;
}
.large .liste li .intro {
    margin: 0;
}
.liste .laune .intro {
	font-size: 0.85em;
	font-family: Helvetica, arial, sans-serif;
	font-weight: bold;
}
.large .liste .laune li h3{
	font-size: 2.1em;
	line-height: 1.2;
}
.large .liste .ladeux li h3{
	font-size: 1.4em;
}
.large .liste li h3 {
	font-size: 1.2em;
	font-family: "libertine",Georgia,"Times new roman",serif;
	font-weight: bold;
}
.page_sommaire #content h2{
	padding: 0.6rem 0rem 0.5rem;
	margin-bottom: 20px;
	font-size: 1.2em;
	border-bottom: 1px solid #EEE;
	font-family: "libertine",Georgia,"Times new roman",serif;
}
.pubhoriz p{
	overflow: hidden;
	margin: 0;
}
.pubhoriz img{
	border: 4px solid #333;
	float: left;
	width: 99%;
	width: -moz-calc(100% - 8px);
	width: -ms-calc(100% - 8px);
	width: -o-calc(100% - 8px);
	width: -khtml-calc(100% - 8px);
	width: -webkit-calc(100% - 8px);
	width: calc(100% - 8px);
}
.pubhoriz img:hover{
	border: 4px solid #990000;
}
.pubhoriz{
	padding: 0;
	margin: 0.6em 0 1em;
}

hr+.grid_10>.videos:before, hr+div:before{
    box-sizing: content-box;
    content: "";
    display: block;
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #ededed;
    height: 1px;
    margin: 12px 0px 0;
    background-color: #FFF;
    border-left: medium none;
	 border-right: 0px none;
}

.page_sommaire #content .grid_10 ul:not(.enteteune){
	margin-top: 0.8rem;
}

.page_sommaire #content .grid_10>.videos{
	margin-top: 0.8rem;
}

img{
	max-width: 100%;
	height: auto;
}

#navConex{
	position: fixed;
	height: 40px;
	width: 100%;
	top: 0;
	background-color: #222;
	box-shadow: 0px 2px 4px #bbb; 
	z-index:200;
}

#navConex>ul{
	width:980px;
	max-width: 100%;
	margin:auto;
	text-align: left;
}

#navConex>ul>li{
	display:inline-block;
	vertical-align:top;
	height: 40px;
	line-height: 40px;
	padding:0 7px;
	margin-right:-4px;
	-moz-transition:all 0.1s;
	-webkit-transition:all 0.1s;
	-o-transition:all 0.1s;
	-khtml-transition:all 0.1s;
	transition:all 0.1s;
}

#navConex>ul>.rougeli{
	background-color: #BE2E0D;
	/*background-color: rgb(142,34,10);*/
}


#navConex>ul>li:not(.listereseaux):hover{
	background-color: #333;
}

#navConex>ul>li.rougeli:hover{
	background-color: rgb(142,34,10);
}

#navConex>ul>li>a{
	color:#aaa;
	font-weight:bold;
	display: block;
}

#navConex>ul>.rougeli>a{
	color:#ddd;
}

#navConex>ul>li:not(.listereseaux):nth-child(n+2){
	border-left:1px solid #444;
}

#navConex>ul>li.rougeli:nth-child(n+2){
	border-left:1px solid rgb(142,34,10);
}

.listereseaux{
	float: right;
}

.listereseaux>ul>li{
	display: inline-block;
	vertical-align: top;
}

a.iconDevant:not(#parta1){
	font-size: 1.6em;
	color: #fff;
	width: 36px;
	max-height: 40px;
	display: block;
	text-align: center;
}

a.iconDevant:not(#parta1){
	-moz-transition:all 0.1s;
	-webkit-transition:all 0.1s;
	-o-transition:all 0.1s;
	-khtml-transition:all 0.1s;
	transition:all 0.1s;
	background-color: #222;
}

#parta1{
	max-height: 40px;
}

.listePartage{
	display: none;
	position: fixed;
	z-index: 151;
	max-width: 70%;
	max-height: 80%;
}

a.iconDevant:not(#parta1):hover{
	background-color: #333;
}

#parta1:active{
	background-color: #333;
}

.iconDevant:before{
	font-family: "icons";
}

.iconDevant .fab, .iconDevant:before{
	vertical-align: middle;
}

.logoTwitter:before{
	content: "\f301";
}

.logoFacebook:before{
	content: "\f305";
}

.logoGplus:before{
	content: "\f462";
}

.partager:before{
	content: "\f237";
	font-size: 1.3em;
   padding-right: 0.2em;
   font-weight: normal;
}

.partageUl{
	padding: 25px;
	background-color: #fff;
}

.partageUl>li:not(.url-part-li){
	display: inline-block;
	vertical-align: top;
	width: 45px;
	margin-bottom: 0.3em;
}

.url-part-li{
	margin-top: 0.3em;
	background-color: #222;
}

.url-part{
	color: #fff;
	width: 100%;
	max-width: 180px;
	border: 0px none;
	padding: 6px;
	margin: 0px;
	line-height: 30px;
	background: none repeat scroll 0% 0% transparent;
}

.url-part::-moz-selection { color: #000;  background: #fff; }
.url-part::selection      { color: #000;  background: #fff; } 

.partageUl>li>a{
	padding: 0.2em;
	font-size: 2em;
}

.logoCourriel:before{
	content: "\f466";
}

#oreille>ul{
	position: relative;
}

/*Oreille*/
#oreille>ul>li{
	position: absolute;
	display: none;
	font-size: 0.9em;
	color: #666;
}

#oreille>ul>li>h4{
	font-size: 1.2em;
	margin-bottom: 0.2em;
}

/* bloc gris a cote du logo (depend du contexte) */

#catelogo {
line-height:1em;
vertical-align:bottom;
margin:5px 0 0 0;
padding: 0;
float: left;
background: #f7f7f7;
height: 96px;
width: 189px;
/*logo 25e anniversaire a retirer pour retirer logo*/
/*background: center / contain no-repeat url(images/logo_25_aniversario.jpg);*/
}

#catelogo>h2{
	padding: 0.5em 0.4em 0.4em;
	line-height: 1.4;
	font-size: 1.1em;
	color: #aaa;
	font-family: arial, sans-serif;
	/*Disparition pour affichage logo 25e anniversario*/
	/*display:none;*/
}

#catelogo>h2>span{
	font-weight: bold;
	color: #999;
	font-size: 1.1em;
}

/*On passe à la ligne après le span. Línea siguiente después del span*/
#catelogo>h2>span:after, li.item:after, .encadre_carte:before {
    content: "";
    display: table;
    clear: both;
}

/*Sur le sommaire, on passe la colonne des articles sélectionnés en une à DROITE*/
.grid_10.grid_10_droite{
	float: right;
}

#artMonocol{
	max-width: 580px;
}

#page {
	margin-top: 80px;
}

ul#menu {
	background-color: #eee;
	border: none;
}
ul#menu li.sousgroupe {
	border-left: 1px solid #ddd;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
	-khtml-transition:all 0.2s;
	transition:all 0.2s;
}
ul#menu li.sousgroupe:first-child {
	border-left: none;
}
ul#menu > li > a {
	padding: 10px 10px 9px;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
	-khtml-transition:all 0.2s;
	transition:all 0.2s;
}
ul#menu:hover > li > a {
color: #000;
}
ul#menu > li > a:hover, ul#menu > li:hover > a {
color: #ffffff;
background: #222;
}
ul#menu:hover > li.sousgroupe{
border-left: 1px solid #DDD;
}
ul#menu:hover > li.sousgroupe:first-child{
border-left: none;
}
ul#menu>li.sousgroupe:hover {
border-left: 1px solid #222;
}
ul#menu li.sousgroupe:first-child:hover {
	border-left: none;
}
.content-principal {
    margin: 0px 30px 30px 0;
}

.images {
	width: 100%;
	border-bottom: none;
	margin: 0px 0px 5px;
}

#extra1 .bloc {
    margin: 0;
}

#extra1>img{
	margin: 1.5em 0 0;
	border: 1px solid #F4F4F4;
}

.apercu{
	text-transform: uppercase;
	font-size: 9px;
	background-color: #EEE;
	padding: 0.3em 0.3em 0.2em;
	color: #666;
}

.newsletter {
    border: none;
    margin: 1.5em 0 0;
    background-color: #f9f9f9;
}

.videos>.grid_5:nth-child(2n-7){
	margin-left:0;
	clear:both;
}

.videos>.grid_5:nth-child(2n+2){
	margin-right:0;
}

.videos li {
	margin-bottom: 10px;
	margin-top: 0.8rem;
}

.page_recherche .enkiosques{
	margin-top: 1.3em;
}

.nontrouve>#numeros-annee .grid_3{
	margin-top: 1em;
}

.nontrouve>#numeros-annee h2{
	margin-bottom: 0;
}

#artMonocol, #colonnedroiteart {
	display: inline-block;
	vertical-align: top;
}

.cartouche>.acces{
	padding: 0 0 0.4em;
	font-weight: bold;
	font-size: 15px;
	color: #990000;
}
.cartouche>h1{
	font-family: "libertine",Georgia,"Times new roman",serif;
	line-height: 1.15;
}

.lienannee{
	font-size: 0.85em;
	margin: 1em 0 0.4em;
	font-weight: bold;
}

.lienannee>a{
	color: #444;
	padding: 0.15em 0.3em 0.1em;
}

.lienannee>a:hover{
	background: none;
	color: #900;
}

#numeros-annee .grid_3{
	margin-right: 20px;
}

.unemensuel{
	border-bottom: 4px solid #333;
}

#numeros-annee img{
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #EEE;
	display: block;
}

#numeros-annee .alpha1{
	margin-bottom: 1.5em;
}

#numeros-annee h2{
	padding: 0.2em 0 0 0.6em;
}

/*Les images conduisant à une lighbox*/
.artimagebox, .artimagepriv{
	border: 1px solid #eee;
	position: relative;
	-o-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-khtml-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}

.artimagebox>a, .artimagepriv{
	text-align: center;
	display: block;
}

.artimagebox .couverture{
	background:#fff;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
    transform:rotateY(0deg) scale(0.3);
	-ms-transform:rotateY(0deg) scale(0.3); /* IE 9 */
	-webkit-transform:rotateY(0deg) scale(0.3); /* Opera, Chrome, and Safari */
}

.artimagebox .couvertureplus{
	color: #000;
    font-size: 120px;
    width: 120px;
    height: 120px;
    left: 50%;
    top: 50%;
    line-height: 120px;
    margin: -60px 0 0 -60px;
    opacity: 1;
    position: absolute;
}

.couvertureplus:before {
    content: "\f179";
    font-family: "icons";
}

.artimagebox:hover .couverture{
	opacity: 0.5;
	filter: alpha(opacity=80);
	transform:rotateY(180deg) scale(1);
	-ms-transform:rotateY(180deg) scale(1); /* IE 9 */
	-webkit-transform:rotateY(180deg) scale(1); /* Opera, Chrome, and Safari */
}

.artimagebox:hover{
	border: 1px solid #bbb;
}

/*Article lié à une carte*/
.artliecont{
	overflow: hidden;
}

.artliecont h3, .librairiepage h2{
	font-size: 1.15em;
	border-top: 3px solid #666;
	margin-top: 2em;
	padding-top: 1em;
	margin-bottom: 0.6em;
	line-height: 2;
}

.librairiepage h2, .archicesactivites>h2, .archicesactivites>.ajaxbloc>h2{
	text-transform: none;
	font-weight: bold;
	color: #444;
	border-top: 6px solid #666;
	margin-top: 2.5em;
}

.artliecont h3>a{
	color: #444;
}

.artliecont img{
	padding-right: 1em;
	margin-top: 5px;
	float: left;
}

.intro>a{
	color: #000;
}

.artliecont .intro{
	overflow: hidden;
}

.artliecont .dates_auteurs {
	color: #999;
}

.librairiepage{
	margin-top: 2em;
}

/*Les encadrés dans les articles*/
.encadre{
	border: 1px solid #ccc;
	border-top: 3px solid #444;
	padding: 15px;
	margin-right: 30px;
}

.encadre:not(:last-child){
	margin-bottom: 2em;
}

.encadre>h3{
	font-size: 1.2em;
	margin-bottom: 0.6em;
}

.encadre>h2, .pagecycle .liste li h3{
	color: #900;
	font-family: Helvetica,arial,sans-serif;
	text-transform: none;
	font-size: 1rem;
	line-height: 1.3;
	font-weight: bold
}

.encadre>h2>a{
	color: #900;
}

.encadre>h2>span:after{
	content: ":";
	margin-right: 0.3em;
}
.encadre>h2>span{
	color: #000;
}
.encadre>.intro{
	font-weight: bold;
	margin-bottom: 1em;
}
.encadre ul>li>h3{
	font-size: 1.1em;
}
.encadre ul>li:not(:last-child){
	margin-bottom: 0.6em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #ddd;
}
.encadre .dates_auteurs{
	color: #444;
	margin-top: -3px;
}

.texte p {
	font-family: "libertine",Georgia,"Times new roman",serif;
}
.page_page:not(.page_sommaire) #extra1 {
	max-width: 300px;
}

#extra1 .bloc h2{
	border-top: 3px solid #666;
	margin-top: 2em;
	padding-top: 0.5em;
}
#extra1 .artprecsuiv+.bloc h2{
	border: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#extra1 .carteextra>h3, .page_page:not(.page_sommaire) #extra1 .enkiosques h3, .page_article #extra1 .enkiosques h3, .page_mot #extra1 .enkiosques h3{
	font-family: "libertine",Georgia,"Times new roman",serif;
	font-variant: small-caps;
	font-size: 1.8em;
	padding: 0.3em 0.1em 1px;
	font-weight: normal;
	margin-bottom: 0.6em;
	text-align: left;
	border-top: 3px solid #666;

}
#extra1 .carteextra>h4{
	font-size: 1.1em;
	margin-bottom: 0.3em;
	color: #444;
}
.carteextra img{
	max-width: 100%;
}

.carteextra{
	margin-bottom: 2em;
}

.services a.bouton_rss {
	background: url('../plugins/kitdiplo/squelettes/images/rss.png') no-repeat center center transparent;
}

.services a.bouton_rss:hover {
	background: url('../plugins/kitdiplo/squelettes/images/rssh.png') no-repeat center center transparent;
}

.services a.bouton_infodiplo {
	background: url('../plugins/kitdiplo/squelettes/images/enveloppe.png') no-repeat center center transparent;
}

.services a.bouton_infodiplo:hover {
	background: url('../plugins/kitdiplo/squelettes/images/enveloppeh.png') no-repeat center center transparent;
}

.enkiosques {
	margin: 0 0 10px 0;
}

a.lienboutique{
	display: block;
	padding: 0.8em 0.8em 0.75em;
	background-color: #444444;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-khtml-transition:all 0.3s;
	transition:all 0.3s;
}

a.lienboutique>p{
	margin-top: 0;
}

a.lienboutique:hover{
	background-color: #888;
}

.pubgrande>img{
	border: none;
	margin-top: 1.5em;
}
.newsletter h2, #extra1 .newsletter h2 {
    font-weight: normal;
}
#extra1 .enkiosques h3.titremois, .activites>h3, .listeactivites>h3{
	text-transform: uppercase;
	font-size: 1em;
	background-color: #EEE;
	margin: 1em 0 0;
}
.enkiosques .titremois>a{
	padding: 0.7em 0;
	display: block;
}
.enkiosques a.couv {

}
.carteextra>.logolarge img, .enkiosques a.couv{
	box-shadow: 3px 3px 6px rgba(0, 11, 21, 0.06);
	border: 1px solid #f5f5f5;
}
.carteextra>.logolarge a, .enkiosques a.couv{
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
	-khtml-transition:all 0.2s;
	transition:all 0.2s;
}
.enkiosques a.couv:hover{
	border: 1px solid #eee;
	outline: none;
}
.enkiosques a.couv:hover, .carteextra>.logolarge a:hover {
	opacity: 0.7;
}
.couv>img{
	width: 300px;
}
.artprecsuiv{
	overflow: hidden;
	padding: 1em 0;
	margin-bottom: 1em;
	border-bottom: 2px solid #444;
}
.artprecsuiv>.blocartprec{
	text-align: right;
	float: left;
	border-right: 1px solid;
	width: 130px;
	padding: 0px 20px 0px 0;
}
.artprecsuiv>.blocartsuiv{
	float: right;
	padding: 0px 0px 0px 19px;
	margin: 0px 0px 0px -1px;
	width: 130px;
}
.artprecsuiv>div p{
	margin: 0 0 3px;
	color: #888;
}
.page_page:not(.page_sommaire) #extra1 .liste h3{
	font-size: 1.1em;
}
.page_page:not(.page_sommaire) #extra1 .bloc>h2{
	font-size: 1.4em;
	margin: 1.2em 0 1em;
}
.blocSommaire{
	position: relative;
	max-height: 180px;
	overflow: hidden;
	margin-bottom: 6px;
}
.blocSommaire p>a{
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
	-khtml-transition:all 0.2s;
	transition:all 0.2s;
}
.blocSommaire:hover p>a{
	color: #000;
	opacity: 0.6;
}
.enkiosques p{
	text-align: left;
}
.blocSommaireCache{
	position: absolute;
   width: 100%;
   height: 100px;
   left: 0px;
	top: 80px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 10%, #FFF 100%, #FFF 100%) repeat scroll 0% 0% transparent;
}

/*Onglet de pub du dernier Atlas sur la page du sommaire (extra1)*/
.publienkiosques{
	margin-bottom: 1em;
	padding: 1em;
	background-color: #f8f8f8;
	border-bottom: 4px solid #ddd;
	overflow: hidden;
}

.publienkiosques a{
	color: #333;
}

.publienkiosques img{
	float: left;
	margin-right: 0.8em;
}

#extra1 .publienkiosques h3{
	margin-top: 0.4em;
	line-height: 1.2;
}

/*Liste d'articles au hasard dans la colonne de gauche du sommaire*/
#extra1 .sommaire_hasard{
	text-align: left;
	font-size: 0.4rem;
	margin-top: 2em;
	padding-top: 0.4em;
	border-top: 1px dashed #DDD;
}

.sommaire_hasard a{
	color: #222;
}

#extra1 .sommaire_hasard li{
	margin-bottom: 0.4em;
	padding-bottom: 1em;
}

#extra1 .sommaire_hasard li>h3, #extra1 .activites h4{
	margin-bottom: 0.4em;
	font-family: Helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 13px;
}

#extra1 .sommaire_hasard li .dates_auteurs{
    font-size: 1.6em;
}

#extra1 li {
    border-bottom: 1px solid #EEE;
}

/*Pas de bordures ni de marges pour les derniers éléments : on laisse le bloc parent gérer*/
#extra1 li:last-child {
	border: none;
	margin: 0;
	padding: 0;
}

.tamanoArt{
	padding: 0.7em 0.5em;
	background-color: #F6F6F6;
	font-weight:bold;
}

.tamanoArt>p{
	margin: 0;
	font-family: Helvetica,arial,sans-serif;
	font-size: 0.8em;
}

.pages{
    font-size: 0.9em;
    color: #666;
    font-weight: normal;
    text-transform: none;
    font-variant: normal;
}
/*Titre des encadrés, page sommaire*/
.titresomencadr{
	font-size: 0.9em;
	margin: 0.4em 0 0 20px;
	line-height: 1.4em;
}

.encadre_carte{
	margin: 10px 0 0 20px;
}

.encadre_carte>img{
	border: 1px solid #eee;
	float: left;
	margin-right: 15px;
}

.encadre_carte>h4{
	padding-top: 20px;
	font-size: 0.9em;
}

.tamanoArt>p:first-child{
	margin-bottom: 7px;
}
.page_sommaire #content .livres>h2, .page_sommaire #content .agenda>h2, .page_sommaire #content .ajLivres>div>h2{
	padding: 0;
	font-family: "libertine",Georgia,"Times new roman",serif;
	font-size: 1.3em;
	border:none;
}
.page_sommaire #content .livres>h2, .page_sommaire #content .ajLivres>div>h2{
		margin-bottom: 20px;
}
.page_sommaire #content .agenda>h2{
	margin-bottom: 25px;
}
.livres, .agenda, .ajLivres{
	border: 1px solid #E4E6E9;
	box-shadow: -3px 3px 6px rgba(0, 11, 21, 0.1);
	padding: 1em;
}
.livres, .ajLivres{
	margin-bottom: 25px;
}
.agenda{
	margin-bottom: 10px;
}
.grid_16.ajLivres{margin-top: 2em; padding: 0;}
.ajLivres>div{padding: 1em;}
.page_sommaire #content .ajLivres>div>h2{margin-bottom: 4px;}
#content .ajLivres li h2{
	border: none;
	text-transform: none;
	font-size: 1.4em;
	margin-bottom: 1.6em;
	color: #888;
	padding: 0;
}
/*On passe à droite l'ombre des sections livres et agenda quand le visiteur n'est pas connecté*/
.grid_10.grid_10_droite .livres, .grid_10.grid_10_droite .agenda{
	box-shadow: 3px 3px 6px rgba(0, 11, 21, 0.1);
}
.livres:before, .agenda:before, .ajLivres:before{
	border:none;
}
.librairie{
	margin-bottom: 2em;
	text-align: center;
}
.librairie{
	border-bottom: 6px solid #333;
	max-height: 140px; /*hauteur max des images. Sinon, parfois un dépassement mystérieux.*/
}
.librairie>li{
	display: inline-block;
	margin-bottom: -4px;
}
.librairie>li:not(:last-child){
	margin-right: 15px;
}
.librairie>li>a{
	display: block;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
	-khtml-transition:all 0.2s;
	transition:all 0.2s;
}
.librairie>li>a:hover{
	opacity: 0.7;
}
.librairie>li>a>img{
	display: block;
}
.cycle a.logo{
	float: left;
	margin-right: 1.5em;
}
.tabCycle, .tabcss{
	display: table;
}
.tabCycle>a.logo{
	display: table-cell;
}
.tabCycle>ul, .tabcss>li{
	display: table-cell;
	vertical-align: top;
}
.tabCycle h4{
	margin: -0.2rem 0 0.5em;
}
.agenda>h4{
	margin-top: -1em;
	font-size: 1.2em;
	color: #666;
}
.page_sommaire .agenda>h4{
	font-size: 1.1em;
	margin-bottom: 0.4em;
}
.agenda>a{
	margin-top: 1.2em;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	display: block;
}
.pagecycle .cartouche{
	border: none;
	margin-bottom: 10px;
}
.pagecycle .agenda{
	border-width: 3px 1px 1px;
	border-style: solid;
	border-color: #444 #CCC #CCC;
}
.pagecycle .agenda>h4{
	margin: 0.3em 0 0.5em 0;
	color: #333;
}
.pagecycle .liste li{
	margin: 1em 0 0 0;
}
.pagecycle .liste li:last-child{
	border: none;
}
.pagecycle .liste li .intro, .listeactivites .liste li .intro{
	margin-top: 0.3em;
	padding: 0;
	border: none;
}
.pagecycle .liste li h3>a{
	color: #900;
}
.archicesactivites{
	margin-top: 1.2em;
}
#content .archicesactivites>h2, .archicesactivites>.ajaxbloc>h2{
	padding-top: 0.5em;
	font-size: 1.2em;
	margin-bottom: 1.8em;
}
.cycle{
	margin-bottom: 2em;
}
.cycle ul>li{
	margin-bottom: 0.6em;
	padding-bottom: 0.6em;
}
.cycle ul>li>.dates_auteurs,.listesecondaire>li>.dates_auteurs{
	color: #666;
	font-size: 0.9em;
	line-height: 1.3;
}
.cycle ul:not(.tabcss)>li:not(:last-child){
	border-bottom: 1px dotted #ddd;
}
.cycle li>h3{
	font-family: "libertine",Georgia,"Times new roman",serif;
	font-weight: normal;
	margin-bottom: 1px;
}
.cycle img{
}
.page_sommaire #content .cycle>h2{
	text-transform: none;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Helvetica,arial,sans-serif;
	font-variant: small-caps;
	margin: -0.4em 0px 0em;
	border-bottom: 3px solid #EEE;
	padding: 0 0 0.1em;
}
.page_sommaire #content .cycle>h2>a{
	color: #666;
}
.cycle>h4{
	border-bottom: 1px solid #EEE;
	padding-bottom: 0.3em;
	margin: 0.8em 18px;
	color: #444;
}
.cycle>div{
	margin-left: 18px;
}
.cycle p{
	margin-top: 0.6em;
}
#content .contentactivites .cycle>h2{
	font-family: Helvetica,arial,sans-serif;
	margin-bottom: 0.6em;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #F6F6F6;
	padding: 0.5em;
	font-size: 2.2em;
}
#content .contentactivites .archicesactivites .cycle>h2{
	font-size: 1.5em;
}
.contentactivites .cycle>h2>a{
	color: #BBB;
}
#content .contentactivites h5{
	margin: 0.8em 0 0.5em 18px;
	font-size: 1.1em;
}
.listeactivites{
	margin-top: 30px;
}
#extra1 .activites>h3, .listeactivites>h3{
	padding: 0.65em 0.4em 0.6em;
	margin-bottom: 1.3em;
}
.listeactivites li{
	margin-bottom: 0.5em;
}
.listeactivites li h4{
	font-size: 0.9em;
	margin-bottom: 0.15em;
}
#extra1 .activites h4 {
	margin-bottom: 0;
}
.page_sommaire #content .grid_10 ul.listesecondaire{
	display: table;
	margin: 0.2em 0 1em;
}
.page_sommaire #content .grid_10 .cycle+ul.listesecondaire{
	padding-top: 1.2em;
	border-top: 3px solid #ddd;
}
.listesecondaire>li{
	display: table-cell;
}
.listesecondaire>li:not(:nth-child(3n+3)), .tabcss>li:not(:last-child){
	padding-right: 1.2rem;
}
.listesecondaire h3{
	font-size: 1em;
}
.pub_offre_speciale{
	padding: 15px 10px;
	margin-bottom: 20px;
	font-size: 0;
}

.texte>.pub_offre_speciale{
	background-color: #f8f8f8;
	margin-bottom: 0;
}

.promo_abo>.pub_offre_speciale{
	border-top: 4px solid #000;
	/*border-bottom: 1px solid #ddd;*/
}

.pub_offre_speciale>h2{
	font-family: Georgia,"Times new roman",serif;
	line-height: 1.4;
	text-transform: none;
	font-size: 0;
}

.pub_offre_speciale>h2>span{
	font-size: 15px;
	padding: 3%;
	background-color: #F8F8F8;
	width: 25%;
	display: inline-block;
	vertical-align: top;
	height: 78px;
	text-align: center;
	position: relative;
	font-weight: bold;
	font-family: Helvetica, arial, sans-serif;
}

.pub_offre_speciale>h2>span:nth-child(-n+2){
	margin-right: 3%;
}

#formulaire_login input{
	 border-radius: 3px;
    border: 1px solid #aaa;
}

#password{
	width: 90%;
	margin-right: 5px;
}

#spip_pass{
	font-size: 12px;
}

.editer_password .details {
    margin-top: 3px;
}

.erreur_message{
	color: red;
}

.aboPlus{
	position: absolute;
	left: -20%;
	padding: 6px 18px 11px;
	border-radius: 100px;
	top: 26%;
	background-color: rgba(200, 200, 200, 0.5);
	font-size: 25px;
	font-weight: bold;
}

.pubDroite{
	width: 62%;
	display: inline-block;
	vertical-align: middle;
}

.pubDroite>p{
	margin-top: 0;
 }
 
 .pubDroite>p:first-child{
 	margin-bottom: 0.4em;
 	font-size: 15px;
 }
 
 .pubDroite>p:last-child{
	font-weight: bold;
	font-size: 18px;
 	margin-bottom: 0;
 	line-height: 1.5;
 }
.pubDroite>p:last-child>a{
  	color: #333;
}
.pubDroite>p:last-child>a:hover, .artliecont h3>a:hover, .sommaire_hasard a:hover{color: #900;}

.pub_offre_speciale>a>img{
	max-width: 35%;
	margin-right: 3%;
	vertical-align: middle;
}

.formulaire_login{
    width: 100%;
    margin: 0;
}

.formulaire_login input.text, .formulaire_login input[type=text], .formulaire_login input.password, .formulaire_login input[type=password] {
	width: 100%;
}

.formulaire_spip ul li.editer_session{
	margin: 0;
}

.page_article:not(.composition_conexion) .promo_abo{
	margin-right: 30px;
}

.pub_abo{
	font-size: 0;
}

.pub_abo>div{
	display: inline-block;
	vertical-align: top;
	width: 47%;
	font-size: 13px;
	margin-bottom: 1.5em;
}

.pub_abo>div>h3{
	margin-bottom: 6px;
}

.pub_abo>div:first-child{
	margin-right: 2%;
	padding-right: 2%;
	border-right: 1px solid #eee;
}

.images a img {
    border: 1px solid #ddd;
    -moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
	-khtml-transition:all 0.2s;
	transition:all 0.2s;
}

.images a:hover img {
	border: 1px solid #ddd;
	opacity: 0.7;
}

.spip_note_ref {
    color: #000;
}
.spip_note_ref>a {
    color: #900;
}
.spip_note_ref>a:hover {
    color: #E00;
}
.pagination>.label{
	margin-right: 0.4em;
}
.large .liste li {
	border-bottom: 1px solid #eee;
}
#somnumero .somkiosque_page1 li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.dossiersommaire{
	margin-bottom: 1.5em;
}
.dossiersommaire>h4{
	padding-top: 0.8em;
	font-size: 1.5em;
	margin-bottom: 1.5em;
	color: #444;
}
.dossiersommaire>h4>.pages{
	font-size: 0.7em;
}
#somnumero .dossiersommaire>ul{
	margin-right: 8em;
}
span.dossier{
	font-size: 14px;
	margin-right: 0.6em;
	border: 2px solid #999;
	padding: 3px 5px;
}
#somnumero .somkiosque_page1 li:first-child>h3{
	font-size: 2em;
}
#somnumero .somkiosque_page1 li:first-child+li>h3{
	font-size: 1.6em;
}

.large .liste ul:not(.enteteune) li:last-child {
	border: none;
}

.ladeux li:last-child .untrois, .ladeux .undeux {
	border: none;
}

.restesommaire>ul{
	margin-top: 1.5em;
}

/*****************PAGE DE SOMMAIRE D'UN NUMÉRO*********************/
.sommairemois{
	margin-bottom: 20px;
}

.sommairemois>h1{
	font-family: Helvetica,arial,sans-serif;
	margin-bottom: 0.6em;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #F6F6F6;
	color: #BBB;
	padding: 0.5em;
}

.page_page:not(.page_sommaire) #extra1 .sommairemois h3{
	border: none;
	margin: 0 0 2px;
	padding: 0;
	text-align: center;
}

.sommairemois .intro p{
	margin: 0;
}

#somnumero h3{
	font-size: 1.4em;
}
#somnumero .dossiersommaire h3{
	font-size: 1.3em;
}

#somnumero h3>a{
	color: #333;
}

.sommairemois>a>img{
	max-width: 298px;
}

.sommairemois>.titraille{
	margin-top: 15px;
}

.sommairemois>.intro{
	margin-top: 5px;
}

.mensuel .logo .spip_logos {
	border-color: #eee;
}

/*Notes de lectures sur la page de sommaire d'un numéro*/
.reses h3{
	font-size: 1.1em;
}

.reses p{
	margin: 0;
}

.lienrecommande:before{
 content: "→";
}

.lienrecommande{
	display: inline-block;
	margin-top: 0.8em;
	padding-top: 0.2em;
	border-top: 1px solid #DDD;
	color: #900;
}
.rese{
	color: #999;
}

.rese:not(:nth-last-child(2)), .recortprensa{
	margin-bottom: 0.5em;
	border-bottom: 1px solid #eee;
	padding-bottom: 0.5em;
}

.recortprensa>h2{
	margin-bottom: 0.5em;
}

.recortprensa>h2>a{
	color: #333;
}

.rese>h3>a, .recortprensa>div>a{
	color: #444;
}

/******footer***********/

#footer {
    clear: both;
    text-align: left;
    padding: 50px 10px 60px;
    background-color: #444;
}
#footer ul li {
	list-style: none;
}
#footer ul li:not(:last-child) {
	margin-bottom: 0.2em;
}
/*temporaire*/
.infosconnex{
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,0.2);
	padding: 15px;
}