/* ======================================================================
  ======================================================================
        Styles généraux sauf pour
          - le menu (voir menu.css)
          - le bloc central de la page d'accueil (voir alaune.css)
          - l'agenda (voir agenda.css)
          - les styles configurables (voir config.css.html)
  ======================================================================
   ======================================================================*/

/* taille des caractères sur tablettes */
@media screen and (max-width: 640px) {
    html {
        font-size: 81.25%;/* 1 rem = 12px */
    }
}

html {
	overflow-y: scroll;
}
html, body {
	margin: 0;
	padding: 0;
}
body {
	font-size: 1rem;
	text-align: center;
}
@media (min-width: 640px) {
	body#page_login{
		display: block;
	}
}

/* gestion des mots longs */
textarea,
table,
td,
th,
code,
pre,
samp,
#texte-article,
.texte,
.titre-doc,
.texte-message {
	-webkit-hyphens: auto; /* césure propre */
	-moz-hyphens: auto;
	hyphens: auto;
	overflow-wrap: break-word; /* passage à la ligne forcé */
}
textarea{
	box-sizing: border-box;
	width: 100%;
}
#contenu {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 25px;
}
#navigation, #contenu, #extra {
	margin-bottom: 10px;
}
#page{
	padding-top: 25px
}
iframe {
	max-width: 100%;
}
/* ======================================================================
                          LE RESTE
   ======================================================================*/
/* les liens */
a {
	text-decoration: none;
}
a.auteur:after, a.spip_mail:after {
	content: "\0000a0\2709";
	margin-left: -4px;
	font-size: 1.4rem;
}
a.spip_out, .spip_out {
	padding-right: 14px;
}

.laune .texte p a {
	float: none;
}
#descriptif-rubrique a{
	color: #ffc269;
}#descriptif-rubrique a:hover,#descriptif-rubrique a:focus{
	color: #ff8000;
}
/* liens de pagination */
.sep{
display: none;
}

a.lien_pagination, .pages .on{
	margin: 0 1px 5px 1px;
	padding: 0 10px;
	font-size: 1.2rem;
	line-height: 1.5;
	float:left;
	text-indent: 0;
}
nav.pagination ul li{
	margin: 0;
}
.pagination .pagination-items {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.pagination .pagination-item-label,
.pagination .on .pagination-item-label{
	display: block;
	text-decoration: none;
	padding: .2em .4em;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5;
}
.tbc{
	display: none;
}

/* les images */
img, svg {
	margin: 0;
	padding: 0;
	border: none;
	height:auto;
	max-width: 100%;
}

.spip_documents {
	text-align: center;
}
.spip_documents a.spip_out {
	background: none;
	padding-right: 0;
}
.spip_documents_center{
	width: 100% !important;
	margin: auto;
	display: block;
	text-align: center;
}
.spip_documents_center .spip_doc_titre,
.spip_documents_center .spip_doc_descriptif{
	width: 100% !important;
}
.spip_documents_center .spip_doc_inner {
	margin: auto;
}
.spip_documents_left {
	float: left;
	margin-top: 2px;
	margin-right: 30px;
	margin-bottom: 2px;
	margin-left: auto;
}
.spip_documents_right {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.spip_document_video {
	max-width: 100%;
}
.audio-wrapper {
	margin: 10px auto;
}
.spip_doc_titre {
	font-weight: bold;
	font-size: 1.2rem;
	margin: auto;
}
.spip_doc_descriptif {
	clear: both;
	font-size: 1rem;
	margin: auto;
}
.spip_doc_credits {
	font-size: .8rem;
	margin: auto;
}
#logoauteur {
	float: right;
	margin: 5px;
}
.imageforum img {
	margin: auto;
	display: block;
}
img#boutonForum {
	float: right;
	margin-top: 1px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 10px;
	height: 24px;
}
img.forum {
	height:20px;
}
.markItUp .markItUpHeader {
	margin-left: 1px;
	width: 99%;
}
.markItUp .markItUpHeader ul .markItUpDropMenu ul {
	height: 16px;
}
.markItUp .markItUpHeader ul a em {
	width: 16px;
	height: 16px;
}
.formulaire_spip textarea#texte,
.formulaire_spip li.editer_texte textarea{
	width: 99%;
}
.formulaire_forum input#titre{
	width: 90%; 
}
.formulaire_forum .saisie_texte {
	margin-top: 10px;
}
.formulaire_forum .saisie_texte .explication {
	font-size: 1rem;
	margin: 0;
}
/* les encadres */
.texteencadre-spip {
	text-align: center;
}
.spip_code{
	background: #efefef;
	color: #000000;
	font-style: italic;
	padding: 1px;
}

/* pour retrouver le flux normal d'affichage */
.nettoyeur {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	height: 0;
	line-height: 0.1;
	font-size: .1rem;
	visibility: hidden;
	width: 100%;
}
/* popup */
.mon-popup{
	display: flex;
	top:0;
	bottom:0;
	left:0;
	right:0;
	align-items:center;
	justify-content:center;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	z-index:9999;	
	max-height: 100vh;
}
.mon-popup .close-popup{
	position:relative;
	left:-15px;
	top:20px;
	text-decoration: none;
	background-color:#000000;
	color: #ffffff;
	border-radius:50%;
	width:30px;
	height:30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mon-popup > div{
	height:auto;
	max-width: 95%;
}
.mon-popup .texte-popup{
	text-align: left;
	padding:30px;
	max-height: 500px;
	overflow: scroll;
}

#espace {
	clear: both;
}
#espace #formulaire_recherche{
	margin-right: 30px;
}
#formulaire_recherche label{
	display: none;
}
#espace .texte-sociaux{
	font-size: 1rem;
	float: left;
	margin: 10px;
}
#espace .sociaux{
	margin-top: 10px;
	float: left;
}
/* suppression de la flèche des liens externes pour les réseaux sociaux*/
.sociaux a.spip_out{
	background: none;
	padding-right: 0;
}
#formulaire-auteur {
	text-align: left;
}
#formulaire-auteur textarea {
	width: 90%;
}
/**************/
/* le bandeau */
/**************/

#titrepage {
	float: right;
	width: 700px;
}
#nom-site-spip {
	float: left;
	width: 450px;
	font-style: italic;
	font-weight: bold;
	padding-top: 20px;
}
#slogan-site-spip {
	float: right;
	width: 200px;
	font-style: italic;
	padding-top: 45px;
	padding-right: 30px;
}
#descriptif-site-spip {
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
}
/***********/
/* le pied */
/***********/
#pied {
	font-size: 1rem;
	padding: 5px 0;
}
#pied a{
	font-weight: bold;
}
#pied img {
	margin-right: 8px;
	margin-left: 8px;
}
#credits {
	float: right;
	margin-right: 5px;
}
#pied-gauche {
	float: left;
	margin-left: 10px;
	width: 200px;
}
#pied .texte-sociaux{
	font-size: 1rem;
	margin: 10px;
}
#pied .sociaux li {
	margin: 0 0.2em 1em 0;
}
#liens {
	margin-right: 200px;
	margin-left: 200px;
}
img.puce-pied{
	height: 6px;
}	
/**************************************************************/
/* habillage des cadres de couleur communs a toutes les pages */
/**************************************************************/
h1.cadre {
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	font-size: 1.1rem;
	margin-top: 25px;
	margin-bottom: 0;
}
h1.cadre img {
	margin-top: -35px;
	margin-left: 0;
	margin-right: -15px;
	float: left;
	z-index: 100;
}
h1.a-droite img{
	margin-top: -35px;
	margin-right: 0;
	margin-left: -15px;
	float: right;
}
a.toggleLink {
	float: right;
	margin-right: 5px;
}
.toggleimage1 {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 27px;
}
.toggleimage2 {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 27px;
}

.texte {
	font-size: 1.1rem;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
}
.texte ul{
	padding: 0;
}
.texte ul li{
	margin-left: 10px;
}
.texte .spip_logos {
	float: left;
}
.sans-bord .texte {
	border: none;
}
.sans-fond .texte {
	background-color: transparent !important;
}

.formulaire_spip .text:focus {
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
}
/*********************************************/
/*    Les cadres latéraux                    */
/*********************************************/

/* quelques exemples de variations */
.cadre-vert h1.cadre {
	background-color: #A7D37F;
}
.cadre-vert .texte {
	background-color: #DCEECC;
	border-color: #A7D37F;
}
.cadre-rouge h1.cadre {
	background-color: #EE9D90;
}
.cadre-rouge .texte {
	background-color: #F8D8D3;
	border-color: #EE9D90;
}
.cadre-jaune h1.cadre {
	background-color: #F9E95D;
}
.cadre-jaune .texte {
	background-color: #FDF6B9;
	border-color: #F9E95D;
}
.cadre-gris h1.cadre {
	background-color: #c1c1c1;
}
.cadre-gris .texte {
	background-color: #e9e9e9;
	border-color: #C1C1C1;
}
.cadre-marron h1.cadre {
	background-color: #ECA742;
}
.cadre-marron .texte {
	background-color: #F5CE94;
	border-color: #ECA742;
}
/***********************************************/
/* habillage spécifiques à certaines noisettes */
/***********************************************/

/* identification light */
/************************/
.identification-light {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	border-width: 2px;
	border-style: solid;
	height:20px;
	display: flex;
	align-items: center;
	/* box-shadow: 2px 2px 2px #000000 inset;*/
}
.identification-light p {
	margin: 0;
	padding: 0 3px 0 25px;
}
.identification-light a {
	font-size: 1.1rem;
	padding: 4px;
}
.identification-light:hover, .identification-light:focus,
.formulaire_recherche input.text:hover, .formulaire_recherche input.text:focus{
	background-color: #cccccc;
}

/* formulaire recherche */
/************************/
#formulaire_recherche {
	float: right;
	margin-top: 2px;
}
.formulaire_recherche input.text {
	padding-left: 28px;
	width: 150px;
	border-width: 2px;
	border-style: solid;
	font-size: 1.2rem;
}
.formulaire_recherche input.submit {
	border-width: 2px;
	border-style: solid;
	font-size: 1.4rem;
	background-color: #ddd;
}
/* noisette inc-identification */
/*******************************/

.identification .editer-groupe {
clear: both;
}


.formulaire_login .spip_logos {
	float: right;
}
#formulaire_login ul li {
	list-style: none;
	margin-top: 10px;
}
#var_login {
	width: 90%;
}
#password {
	width: 90%;
}
.choix {
	font-size: 1rem;
}
.formulaire_login .boutons {
	text-align: center;
}
#liensilogue a {
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
#inscription li.editer {
	list-style: none;
}
#inscription input {
	width: 95%;
}
#inscription p.boutons {
	text-align: center;
}
/* drapeaux du menu de langues */
/*******************************/
#drapeau {
	float: right;
	margin-right: 50px;
	margin-top: 5px;
}
#langue {
	float: left;
	margin-right: 20px;
}
/* noisette inc-acces_direct */
/*****************************/
.texte.acces-direct {
	font-size: 1.2rem;
	font-weight: bold;
	padding-left: 20px;
}
/* noisette inc-evenements */
/***************************/
.evenement-date{
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	text-align: center;
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 0 2px;
	color: #ffffff;
	width: 4.5rem;
}
.evenement-jour{
	font-size: 2rem;
}
.evenement-mois{
	font-size: .8rem;
}
.evenement-annee{
	font-size: 1.5rem;
}
.evenement-donnees {
	font-size: 1rem;
	margin-left: 6rem;
}
.donnee-titre {
	font-size: 1.2rem;
	font-weight: bold;
}
.donnee-lieu, .donnee-heure {
	padding-left: 15px;
	margin-top: 5px;
}
.texte.evenements ul {
	padding-left: 10px;
	margin: 0;
}
.texte.evenements li {
	font-size: 1.1rem;
	font-weight: bold;
	list-style: none;
	margin-bottom: 10px;
}
.texte.evenements li a {
	font-size: 1.2rem;
	font-weight: bold;
	display: block;
}
/* noisettes inc-events_agenda et inc-events_calendrier */
/********************************************************/
.location {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	margin-right: 5px;
	padding: 5px;
	background-color: #CCCCCC;
}
.location img{
	width: 12px;
}
.lieu {
	font-weight: bold;
}
.descriptif-event {
	padding: 10px;
	margin-left: 150px;
}
li.saisie_reponse {
	list-style: none
}
.meta-publi{
	clear:both;
}
table#evenement {
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: left;
	border-collapse: collapse;
}
table#evenement th {
	font-weight: bold;
	padding: 15px;
}
table#evenement td {
	border-left: 1px solid grey;
	padding: 5px;
}
table#evenement td {
	width: 33%;
}
.event-repetition {
	float: left;
	text-align: center;
}
.event-date{
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	text-align: center;
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 5px 10px;
	color: #ffffff;
	line-height: 1.2;
}
.event-nomjour{
	font-size: 1.2rem;
}
.event-jour{
	font-size: 4rem;
}
.event-mois{
	font-size: 1.2rem;
}
.event-annee{
	font-size: 2.5rem;
}
.event-repetition .event-date{
	line-height: 1;
}
.event-repetition .event-nomjour{
	font-size: 1rem;
}
.event-repetition .event-jour{
	font-size: 3rem;
}
.event-repetition .event-mois{
	font-size: 1rem;
}
.event-repetition .event-annee{
	font-size: 1.8rem;
}
.periode{
	text-align: right;
	margin: 5px 15px;
}
.event-logo{
	margin-left: 150px;
}
/* pour spip 4 */
.datepicker-inline {
	border: none !important;
	width: 98% !important;
	padding: 0;
	background-color: #ffffff;
}
/* noisette inc-nav_mots */
/*************************/
.titre-groupe{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
}
.texte.nav-mots a, .texte.menu-mots a {
	font-size: 1rem;
	display: block;
	padding-left: 20px;
	margin-bottom: 3px;
}
/* noisette inc-nav_mots2 */
/**************************/
.navigation {
	margin: 0 0 0 -20px;
	padding: 0;
	list-style: none;
	width: 100%;
}
.navigation .toggleSubMenu {
	margin-left:30px;
	margin-bottom: 5px;
	font-weight: bold;
}
.navigation a, .navigation span {
	display: block;
	padding: 4px 0 4px 20px;
}
.navigation .subMenu {
	font-size: .9em;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.navigation .subMenu li{
	list-style-type: none;
}
.navigation ul.subMenu a {
	padding: 3px 0 3px 20px;
}
/* noisette inc-stats */
/**********************/
.texte.stats ul {
	padding-left: 10px;
	margin: 0;
}
.texte.stats li {
	font-size: 1.1rem;
	list-style: none;
	margin-bottom: 10px;
}
.texte.stats li .detail {
	font-size: 1rem;
	font-weight: bold;
	display: block;
	padding-left: 20px;
}
/* noisette inc-top */
/********************/
.texte.top ul {
	padding-left: 10px;
	margin: 0;
}
.texte.top li {
	list-style: none;
	margin-bottom: 5px;
	display: inline-block;
}
.texte.top li a {
	font-size: 1.1rem;
	font-weight: bold;
}
.popularite {
	float: right;
	margin-left: 5px;
}
/* noisette sur le web */
/***********************/
.titre-site {
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.descriptif-site {
	font-size: 1rem;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.texte.sites ul {
	padding: 0;
}
.texte.sites li {
	margin: 0 0 2px 10px;
	font-size: 1rem;
	list-style: square;
}
.texte.sites .titre-site img {
	margin-right: 10px;
}
/* noisette derniers articles syndiques */
/****************************************/
.texte.sites-recents ul {
	padding: 0;
}
.texte.sites-recents li {
	margin: 0 0 10px 0;
	font-size: 1rem;
	list-style: none;
}
.titre-art-site {
	font-size: 1.2rem;
	font-weight: bold;
	margin-left: 0;
}
/* noisette inc-actus */
/**********************/
#actus-defilantes {
	position: relative;
	overflow: hidden;
	margin: 0 5px;
}
.une-actu-defilante {
	position: absolute;
	font-size: 1.2rem;
	font-weight: bold;
}
.titreactus {
	display: inline-block;
}
.titreactus img{
	margin-right: 5px;
}
.intro {
	font-size: 1rem;
	font-weight: normal;
}
/* noisette inc-documents_article */
/***********************/
.documents-article img, .documents-rubrique img {
	float: left;
	margin-right: 5px;
}
.documents-article ul, .documents-rubrique ul {
	padding: 0;
}
.documents-article li, .documents-rubrique li {
	list-style: none;
	font-size: 1.2rem;
}

/* encart annonce a la une */
/***************************/
.annonce {
	font-size: 1.4rem;
	padding: 10px;
	margin-bottom: 15px;
	text-align: left;
}
.annonce-titre {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 20px;
}
.annonce-descriptif {
	font-size: 1.5rem;
	margin-left: 40px;
}
/* encart annonce defilant */
/***************************/
#annonces-defilantes {
	position: relative;
	overflow: hidden;
	margin: auto;
	margin-bottom: 20px;
}
.une-annonce-defilante {
	position: absolute;
	width: 100%;
	top: 500px;
}
.annoncedefil {
	font-size: 1.4rem;
	padding: 10px;
	margin-bottom: 15px;
	text-align: left;
}

.annoncedefil a.suite {
	font-size: 1.2rem;
	float: right;
}
.annoncedefil a.spip_out {
	background:none;
	padding-right: 0;
}
.annoncedefil p {
	margin: 0;
}
.compteur-annonce {
	float: left;
	color: #ffffff;
	background-color: grey;
	padding: 2px 5px 4px 3px;
	border-radius: 15px;
}
.annoncedefil #outil_sommaire {
	display: none;
}
/* noisette inc-edito */
/**********************/
.edito ul{
	padding: 0;
}
.edito li{
	margin-left: 10px
}
/* noisette inc-photos */
/***********************/
#photos-defilantes {
	position: relative;
	overflow: hidden;
	margin: auto;
	max-width: 100%;
}
.une-photo-defilante{
	position: absolute;
	width: 100%;
	margin: auto;
	text-align: center;
}
.une-photo-defilante img {
	vertical-align : middle;
}
/* noisette inc-sites_favoris */
/******************************/
#sites-defilants {
	position: relative;
	overflow: hidden;
	margin: auto;
	max-width: 100%;
}
.un-site-defilant {
	position: absolute;
	width: 100%;
	margin: auto;
	text-align: center;
}
.un-site-defilant img {
	vertical-align : middle;
}

/* noisette inc-perso */
/**********************/
#articles-defilants {
	position: relative;
	overflow: hidden;
	height: 100px;
}
.un-article-defilant {
	position: absolute;
	font-size: 1.2rem;
	font-weight: bold;
	top: 500px;
}
/* noisette inc-video */
/**********************/
video {
	max-width: 100%;
	height: auto;
}
.playerVideo figure{
	text-align: center;
}
/* noisette inc-recherche_multi */
/********************************/
.recherche-multi .groupe-mots {
	margin-left: 5px;
	margin-top: 5px;
	font-weight: bold;
}
.recherche-multi select {
	width: 80%;
	max-width: 200px;
	margin-left: 30px;
}
.recherche-multi ul {
	margin: 0;
	padding: 0;
}
.recherche-multi li {
	margin-left: 10px;
}
/* noisette inc-liste_auteurs */
/******************************/
.cadre.liste-auteurs a {
	font-size: 1rem;
}
a#savoir-plus {
	display: block;
	text-align: left;
	margin-left: 10px;
}
h1.liste-auteurs a.toggleLink {
	margin-top: -20px;
}
.auteurs, ul.legende {
	margin: 0;
	padding: 0 5px 5px;
	text-transform: capitalize;
}
.legende li, .auteurs li {
	list-style-type: none;
	margin-bottom: 2px;
}
.auteurs li {
	display: inline;
}
.interne {
	background: #82ADE2;
	border-radius: 10px;
	padding: 5px;
}
.pagination-liste-auteurs {
	text-align: center;
	margin: 10px;
}
/***************************************************/
/* les styles communs aux pages rubrique et article */
/****************************************************/
.ariane{
	display: inline;
}
.cadre-chemin {
	text-align: left;
	font-size: 1rem;
	margin-bottom: 15px;
	padding-right: 2px;
}
.cadre-chemin a, .repondre-article a, .reponse-article {
	padding: 5px 10px;
	border-radius: 10px;
	white-space: nowrap;
	display: inline-block;
}
.cadre-chemin img {

}

.mot-cles{
	text-align: left;
}
.mot-cles div{
	display: inline-block;
	margin: 0 3px 3px 0;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: normal;
}
.mot-cles div a{
	padding: 1px 3px;
	border-radius: 3px;
}
.mot-cles div a:hover, .mot-cles div a:focus,
.laune .rubrique-autres a:hover, .laune .rubrique-autres a:focus,
.art-exergue .mot-cles div:hover, .art-exergue .mot-cles div:focus,
.art-exergue .mot-cles div a:hover, .art-exergue .mot-cles div a:focus,
.laune .art-exergue .rubrique-autres a:hover, .laune .art-exergue .rubrique-autres a:focus{
	background: #eeeeee !important;
	color: #000000 !important;
}

/* 2 styles specifiques pour les cadres "derniers articles" et "meme rubriques" */
.titre-article-cadre {
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: left;
}
.date-auteur-cadre {
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 20px;
}
/********************/
/* la page rubrique */
/********************/
#cadre-rubrique {
	padding: 5px;
}
.logorub {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

#titre-rubrique {
	text-align: left;
	font-size: 1.8rem;
}
.fluxrss-rubrique {
	float: right;
}
#descriptif-rubrique {
	font-size: 1.4rem;
}
#texte-rubrique {
	font-size: 1.2rem;
}
.texte-insert {
	font-size: 1.2rem;
	margin-top: 10px;
	font-weight: bold;
	font-style: italic;
}
.liste-articles-rubrique, .liste-sous-rubrique{
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cadre-articles-rubrique, .cadre-articles-event, .cadre-sous-rubrique {
	border-width: 2px;
	border-style: solid;
	text-align: left;
	font-size: 1.2rem;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px 5px 0 5px;
	float: left;
	flex-grow:1;
}

.cadre-articles-event {
	width: 90%;
}
.titre-articles-rubrique {
	padding-top: 5px;
	font-size: 1.2rem;
	font-weight: bold;
}
.titre-articles-rubrique2 {
	margin-top: 10px;
}
.introduction-articles-rubrique {
	font-size: 1.2rem;
	margin-top: 20px;
	margin-bottom: 10px;
	word-break: break-word;
}
a.articles-rubrique:hover, a.articles-rubrique:focus {
	opacity: 0.5;	
}
.introduction-articles-rubrique a {
	font-size: 1.2rem;
	float: right;
}
.auteur-articles-rubrique, .date-articles-rubrique {
	text-align: right;
	font-size: 1rem;
}
.date-articles-rubrique {
	margin: 5px;
}
.cadre-sous-rubrique {
	border-width: 1px;
	border-style: solid;
	text-align: left;
	font-size: 1.2rem;
	margin: 5px 0px 10px 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 5px;
	min-height: 80px;
}
.cadre-sous-rubrique img {
	float: left;
	padding-right: 10px;
}
.titre-sous-rubrique {
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.descriptif-sous-rubrique {
	font-size: 1.2rem;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 25px;
}
.nombre-articles-rubrique {
	text-align: right;
	font-size: 1rem;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.titre-site {
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.descriptif-site {
	font-size: 1rem;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
/*******************/
/* la page article */
/*******************/
#cadre-titre-article {
	padding: 5px;
}
#cadre-article {
	border-width: 1px;
	border-style: solid;
}
#surtitre-article {
	font-size: 1.4rem;
	text-align: left;
	text-transform: uppercase;
	opacity: 0.8;
}
#titre-article {
	text-align: left;
	font-size: 1.8rem;
}
#soustitre-article {
	font-size: 1.4rem;
	text-align: left;
	opacity: 0.8;
}
#descriptif-article {
	font-size: 1.4rem;
	margin-right: 5px;
	margin-left: 10px;
	text-align: left;
}
#auteur-article {
	text-align: right;
	font-size: 1rem;
	margin: 5px;
}

.visites{
	text-align: left;
	font-size: 1.2rem;
}
.visites-popularite{
	display: inline;
}
.graph {
	position: relative; /* IE is dumb */
	width: 150px;
	background: #ffffff;
	padding: 1px;
	display: inline-block;
}
.graph .bar {
	display: block;
	position: relative;
	background: #336699;
	text-align: center;
	color: #ffffff;
	height: 1em;
	line-height: 1;
}

#outils-article {
	font-size: 1rem;
	margin : 2px auto 50px 10px;
	text-align: left;
	float: left;
}

.outil {
	float: left;
}
.outil, #diminuer, #augmenter{
	margin: 0 8px 5px 8px;
}
.article-pdf img{
	opacity: 0;
}
.smiley{
	font-family: initial;
	font-size: 1.5rem;
}

#augmenter, #diminuer {
	border: 0;
	float: right;
	margin-top: 2px;
}
#traductions-article {
	font-size: 1rem;
}
#traductions-article ul {
	margin: 0;
	padding: 0;
}
#traductions-article li {
	display: inline;
	list-style: none;
}
#chapo, .chapo {
	font-style: italic;
}
#texte-article, .texte-article {
	text-align: left;
	font-size: 1.2rem;
	margin-right: 5px;
	margin-left: 5px;
}
.container-colonnes{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#texte-article #colonne1, #texte-article #colonne2{
	margin:5px;
	flex-grow: 1;
	display: flex;
	width:40%;
}
#texte-article #colonne1{
	border-right:1px solid grey;
}

@media screen and (max-width: 800px) {
	#texte-article #colonne1, #texte-article #colonne2{
		width: 100%;
	}
	#texte-article #colonne1{
		border-right: none;
	}
}
#texte-article p, .texte-article p {
	line-height: 1.5;
}
#texte-article p>.spip_documents_center,
.texte-article p>.spip_documents_center{
	text-indent: 0;
}


#texte-article .aide, .texte-article .aide,
#texte-article .important, .texte-article .important,
#texte-article .avertissement, .texte-article .avertissement,
#texte-article .info-escal, .texte-article .info-escal,
#texte-rubrique .aide, #texte-rubrique .important,
#texte-rubrique .avertissement, #texte-rubrique .info-escal,
.spip_cadre, .coloration_code {
	display: block;
	border: none;
	border-radius: 20px;
	margin: 0 auto 2em;
	min-height: 40px;
	padding: 15px 20px 15px 60px;
	text-align: left;
	width: 70%;
	box-shadow: 10px 10px 5px #888888;
	color: #000000;
	background-size: auto 32px;
	background-position: center left 20px;
	background-repeat: no-repeat;
}
.precode {
	margin-left: 10%;
}
pre code {
	white-space:pre-wrap;
	padding: 15px 2px;
}
.coloration_code ol {
	margin-left: 0;
}
code[class*="language-"], code.spip_code.spip_code_inline, pre[class*="language-"], pre.spip_code.spip_code_block, pre.spip_code.spip_code_block > code, code:not([class*="language-"]):not(.spip_code) {
	white-space: pre-wrap !important;
}
#texte-article .aide, .texte-article .aide, #texte-rubrique .aide {
	background-color: #9cf;
}
#texte-article .important, .texte-article .important, #texte-rubrique .important {
	background-color: #fdd;
}
#texte-article .avertissement, .texte-article .avertissement, #texte-rubrique .avertissement {
	background-color: #ffc;
}
#texte-article .info-escal, .texte-article .info-escal, #texte-rubrique .info-escal {
	background-color: #cfc;
}
.spip_cadre, .coloration_code {
	background-color: #F0F0F0;
	overflow: auto;
}

ins, .ins {
	background-color: #ecc442;
	text-decoration: none;
	color: #000000;
}
#notes {
	padding-left: 10px;
	font-size: 1rem;
	text-align: left;
}
@media screen {
	.qrcode{
		display: none;
	}
}
#ps {
	padding: 10px;
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.5;
}
.accueil #ps {
	background: transparent;
	font-style: italic;
	border-top: 2px solid #ffffff;
	color: #ffffff;
}
#sie {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 1.2rem;
}
.url_site{
	text-align: left;
	padding-left: 20px;
}

#documents_portfolio {
	border-width: 1px;
	border-style: solid;
	text-align: left;
	font-size: 1rem;
	margin: 10px;
}
.titre_portfolio{
	height: 30px;
	width: 100%;
	margin-bottom: 5px;
}
.titre_portfolio img{
	background-color: #ffffff;
	padding: 7px;
	vertical-align: middle;
}
.illustrations{
	font-size: 1.2rem;
	padding: 5px;
	font-weight: bold;
}
#documents_portfolio .spip_logos {
	margin-right: 5px;
}
#documents_portfolio hr {
	color: #ddd;
	margin: 0 5px;
}
.texte-doc {
	display: flex;
	width: 100%;
	font-size: 1rem;
	text-align: left;
	margin: 5px;
}
.texte-doc .vignette {
	min-width: 150px;
	text-align: center;
}
.texte-doc .description {
	display: flex;
	flex-direction: column;
	width: 100%;
	font-size: 1rem;
	margin-left: 10px;
	padding-top: 10px;
}

.texte-doc .description .titre-doc {
	font-size: 1.2rem;
	font-weight: bold;
	word-break: break-all;
	margin-right: 5px;
}
.texte-doc .description .descriptif-doc {
	font-style: italic;
	margin-left: 70px !important;
	margin-bottom: 10px;
}
.texte-doc .description .taille-doc {
	font-size: 0.9rem !important;
}

#haut {
	font-size: 1rem;
	text-align: right;
}
#haut a:after{
	content: "\0000a0\2934";
	font-weight: bold;
	font-size: 1.4rem;
}
#scrollHaut {
	display: inline-block;
	position: fixed;
	bottom : 50px;
	right:-100px;
	opacity: 0.6;
	z-index: 100;
}
#scrollHaut img{
	width: 40px;
}
/**********************************/
/* les tableaux dans les articles */
/**********************************/
table.spip {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	font-size: 1.2rem;
	width: 90%;
}
table.spip td, table.spip th {
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
}
table.spip caption {
	font-weight: bold;
	font-size: 1.4rem;
}
table.spip tr.row_first {
	text-align: center;
}
/***************************/
/* les forums des articles */
/***************************/
.forum-article {
	text-align: left;
	font-size: 1.2rem;
	margin-right: 5px;
	margin-left: 5px;
}
.forum-article img.forum {
	float: left;
}
.repondre-article {
	font-size: 1.4rem;
	margin-bottom: 20px;
	margin-left: 40px;
}
.repondre-article img {
	margin-right: 10px;
}
.forum-thread {
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	margin-top: 20px;
	text-align: left;
}
.titre-message {
	padding: 5px;
	text-align: left;
	font-size: 1.4rem;
	font-weight: bold;
	min-height: 4rem;
}
.auteur-message {
	font-size: 1.2rem;
	font-weight: normal;
	text-align: right;
}
.texte-message {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	text-align: left;
	font-size: 1.2rem;
}
.suggerer-reponse{
	background-color: #ffffff !important;
	padding: 5px;
}	
.reponse {
	text-align: right;
}
.reponse a {
	font-size: 1.2rem;
	font-weight: normal;
}
.decal-reponse {
	margin-left: 10px;
}
.forum_reponse {
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}
/* les citations */
.titre-citations{
	font-weight: bold;
}
blockquote.spip {
	border-left: 0.3em solid;
	margin-top: 2em;
	margin-bottom: 2em;
	padding-left: 1em;
}

/******************************/
/* le modele choix-article    */
/******************************/
.container-choix {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.choix-article{
	margin:5px;
	flex-grow: 1;
	display: flex;
}
.choix-article a{
	padding:10px;
	flex-grow: 1;
}
@media screen and (max-width: 640px) {
	.choix-article{
		width: 100%;
	}
}
.logo-choix{
	float:left;
	margin:5px
}
.titre-choix{
	font-size:1.1rem;
	font-weight:bold;
	margin-left: 5px;
}
.rubrique-choix{
	font-size:1rem;
	margin-left:10px;
}
/**************************************************/
/* le modèle nuages de mots                       */
/**************************************************/
#tag_cloud {
	border: 1px solid #178FCB;
	border-radius: 10px;
	line-height: 1.5;
	text-align: center;
	margin: 10px auto;
	max-width: 600px;
	padding: 10px 0;
	background-color: #DAE6F6;
}
.tag {
	display: inline-flex;
	vertical-align: middle;
	margin: 0 5px
}
.tag_color_1 {
	color: #0066ff !important;
}
.tag_color_2 {
	color: #642725 !important;
}
.tag_color_3 {
	color: #4E6D68 !important;
}
.tag_color_4 {
	color: #B79E47 !important;
}
.tag_color_5 {
	color: #D3491B !important;
}

/*******************************/
/* les articles en pleine page */
/*******************************/
.page-article-pleinepage #page {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.page-article-pleinepage #contenu {
	margin: 0;
	padding: 0;
	width: 100%;
}
.page-article-pleinepage #texte-article {
	margin-right: 10px;
	margin-left: 10px;
}
.page-article-pleinepage #texte-article p {
	margin-right: 5px;
	margin-left: 5px;
}
.page-article-pleinepage #texte-article p.tab {
	margin-left: 0;
}
.page-article-pleinepage .forum-article {
	margin-right: 0;
	margin-left: 0;
}
/******************************/
/* les pages forum et message */
/******************************/
#cadre-titre-article h1 {
	text-align: center;
	font-size: 1.6rem;
}
.page-forum .spip_logo_right {
	float: right;
}
#formulaire_forum {
	text-align: left;
	font-size: 1.2rem;
}

#formulaire_forum #previsu li {
	list-style-type: none;
}
#formulaire_forum #previsu li a {
	display: block;
}
#formulaire_forum ul {
	margin-left: -40px;
}
#formulaire_forum li {
	margin-bottom: 10px;
	list-style-type: none;
}
.markItUp .markItUpHeader ul .markItUpDropMenu li {
	margin-bottom: 0 !important;
	margin-top: -1px;
}
#formulaire_forum ul li label {
	font-weight: bold;
}
#formulaire_forum input.barre {
	font-size: 1.1rem;
	width: 350px;
	border: 0;
}
/*******************/
/* la page mot */
/*******************/
.section-title {
	text-align: left;
	position: relative;
	padding-left: 50px;
}
.section-title:before {
	content: "";
	left: 0;
	right: 0;
	height: 4px;
	position: absolute;
	top: calc(50% - 1px);
}
.section-title span {
	display: inline-block;
	padding: 0 20px;
	background: #ffffff;
	position: relative;
	z-index: 1;
}
.cadre-resultat{
	text-align: left;
	font-size: 1rem;
}
.rubrique-mere{
	padding: 10px;
	margin-top: 20px;
	font-size: 1.5rem;
	font-weight: bold;
	border-radius: 5px;
}
.lien-doc{
	font-size: 1.2rem;
	margin: 10px 0 0 20px;
}
.lien-doc a:before{
	content: "\002192\000020";
}

/*******************/
/* la page contact */
/*******************/
#formulaire-contact {
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	margin: 20px;
	font-size: 1.6rem;
}
#formulaire-contact #descriptif-article{
	font-size: 1.6rem;
}
.feedback-input, .texte-item {
	color:#3c3c3c;
	font-weight:500;
	font-size: 1.8rem;
	border-radius: 0;
	line-height: 1.5;
	background-color: #ffffff;
	padding: 13px 13px 13px 54px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #ffffff;
	border: 3px solid #336699;
	color: #336699;
	outline: none;
	width:100%;
	padding: 13px 13px 13px 54px;
}
#formulaire-contact .item{
	text-align: left;
	background: #fbfbfb;
	padding: 0;
	margin: 10px;
}
#nom, #nom:focus,
#prenom, #prenom:focus,
#email, #email:focus,
#champsup1, #champsup1:focus,
#champsup2, #champsup2:focus,
#checkbox,
#motif, #fichier{
	background-size: 30px;
	background-position: center left 8px;
	background-repeat: no-repeat;
}

#message{
	background-size: 30px;
	background-position: top 11px left 8px;
	background-repeat: no-repeat;
}

#formulaire-contact .item .listitem{
	padding-left: 30px;
	margin-bottom: 5px;
}
#formulaire-contact .item .listitem input {
	margin: 5px 10px 0 0;
}
#formulaire-contact ul#item li {
	list-style: none;
	text-align: left;
	margin-bottom: 10px;
}
#formulaire-contact textarea {
	width: 100%;
	height: 150px;
	line-height: 1.5;
	resize:vertical;	
}
#formulaire-contact .interdit {
	font-size: 1.2rem;
	font-style: italic;
}
#button-blue{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor: pointer;
	background-color: #336699;
	color:#ffffff;
	font-size: 2rem;
	padding-top: 22px;
	padding-bottom: 22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-weight: 700;
}
#button-blue:hover, #button-blue:focus{
	background-color: rgba(0,0,0,0);
	color: #336699;
}
.submit:hover, .submit:focus {
	color: #3498db;
}
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}
.submit:hover .ease, .submit:focus .ease{
	width:100%;
	background-color:#ffffff;
}

#formulaire-contact .alerte1 {
	font-size: 1.2rem;
	font-weight: bold;
}
#formulaire-contact .alerte {
	font-size: 1.1rem;
}
#formulaire-contact p.reponse_formulaire_ok {
	border: 1px solid #000000;
}
.envoi-mail {
	font-weight: bold;
}
/********************/
/* la page trombino */
/********************/ 
.pagination-trombino {
	text-align: center;
	margin: 10px;
}
ul.trombines{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: flex;
	flex-wrap: wrap;
}
li.trombine{
	width: 33%;
	flex-grow: 1;
}
@media screen and (max-width: 800px) {
	li.trombine{
		width: 50%;
	}
}
.nom-photo {
	clear: both;
	font-size: 1.2rem;
	font-weight: bold;
}
.adresse-photo {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1rem;
	font-weight: bold;
}
.texte-photo {
	font-size: 1rem;
	font-style: italic;
}
.texte-photo p.spip {
	margin: 0;
}
/********************/
/* la page annuaire */
/********************/
#signatures {
	text-align: left;
	text-indent: 0;
}
li.saisie_message textarea {
	width: 90%
}
li.signatures {
	border-width: 2px;
	border-style: solid;
	clear: both;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	min-height: 90px;
	padding-top: 0.8em;
	padding-right: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 30px;
	list-style: none;
}
li.signatures h3 {
	font-size: 1.2rem;
	font-weight: bold;
}
li.signatures p.url {
	font-size: 1rem;
}
li.signatures p.message {
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}
li.signatures img {
	display: block;
	float: right;
	margin-left: 1em;
	width: 160px;
}

.form-signature {
	border: 0;
	font-size: 1.1rem;
	text-align: left;
	padding: 5px;
	margin-bottom: 20px;
}
.erreur_message {
	color: red;
}
/*****************************/
/* styles pour le calendrier */
/*****************************/

/* liste des évènements */
#entete-evenement {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1rem;
}
#nouvel-evenement {
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 80%;
	text-align: center;
	font-weight: bold;
	font-size: 1rem;
	border-radius: 10px !important;
}
.calendriermini .calendar-container{
	height: auto !important;
}
/********************/
/* la page login    */
/********************/
#page_login #page {
	width: 100%;
	float: none;
	margin: auto;
}
#page_login #contenu {
	margin: 0 auto;
	float: none;
}
#page_login #navigation, #page_login #extra {
	display: none;
}
#minipres {
	width: 600px;
	max-width: 90%;
	margin: 20px auto;
}

/*************************/
/* adaptation de plugins */
/*************************/

/* Pas de double occurence pour les notes avec le plugin bigfoot si on affiche le mini-calendrier */
span.littlefoot-footnote__host:nth-child(2n) {
	display : none
}
.cadre-une .accueil .littlefoot-footnote__button {
	background-color: #ffffff;
}
.cadre-une .accueil .littlefoot-footnote__button:hover {
	background-color: #555;
}
.littlefoot-footnote__button__number::after {
	color: #000000;
}
.cadre-une .accueil .littlefoot-footnote__content{
	color: #000000;
}
/***************************/
/* Le sommaire automatique */
/***************************/
/* ==  plugin couteau suisse ==  */
div.cs_sommaire{
	background: transparent;
	border: none;
	margin-left: 1em;
	margin-right: 0;
}
div.cs_sommaire_inner {
	padding: 5px;
	margin-left: 20px;
	background: #eee;
}
div.cs_sommaire_titre_avec_fond, div.cs_sommaire_titre_sans_fond {
	color: #E73A72;
}
div.cs_sommaire a{
	font-family:'texgyreadventorregular', sans-serif;
}
div.cs_sommaire{
	margin-left: 1em;
	margin-right: 0;
}
/* ==  plugin sommaire automatique ==  */
.nav-sommaire {
	float: right;
	margin-left: 0;
	background: transparent;
	padding-left: 20px;
	border: none;
	max-width: 300px;
	font-size: 1rem;
}
.nav-sommaire h2, .nav-sommaire ul {
	background: #eee;
	color: #000000;
}
.nav-sommaire h2 {
	text-transform: none;
	text-align: center;
	margin: 0;
	padding: 5px;
	border-bottom: 1px dotted silver;
}
.nav-sommaire ul {
	list-style-type: none;
	margin: 0;
	padding: 5px 10px;
}

/**************************/
/* Onglets dans le texte  */
/**************************/
.dynamic-tab-pane-control.tab-pane {
	margin-bottom: 5px;
}
.dynamic-tab-pane-control .tab-row .tab {
	height: auto !important;
	width: auto !important;
	background: none !important;
	border-color: #82ADE2;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-radius: 10px 10px 0 0;
	padding: 1px 10px 2px 10px;
	margin: 3px 0 -2px 0;
}
.dynamic-tab-pane-control .tab-row .tab:hover,
.dynamic-tab-pane-control .tab-row .tab:focus{
	height: auto !important;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
	height: auto !important;
	width: auto !important;
	background: #eeeeee !important;
	border-color: #82ADE2;
	border-style: solid;
	border-width: 3px 1px 0 1px;
	border-radius: 10px 10px 0 0;
	padding: 1px 10px;
	margin: 2px 0 -2px 0;
	top: 1px;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font-size: 1rem !important;
	background: none !important;
	font-weight: normal;
}

.dynamic-tab-pane-control .tab-row .hover a,
.dynamic-tab-pane-control .tab-row .focus a{
	width: auto !important;
	color: #336699;
	background: none !important;
}

.dynamic-tab-pane-control .tab-page {
	clear: both;
	border: 1px solid #82ADE2;
	border-radius: 0 10px 10px 10px;
	background-color: #eeeeee !important;
	z-index: 2;
	position: relative;
	top: 2px;
	padding: 10px;
	font-size: 1.2rem !important;
}

/* pour le couteau suisse  */
.onglets_bloc{
	display: inline-block;
}
.onglets_bloc a:focus{
	background-color: transparent !important;
	color: #3d6e97 !important;
}
.onglets_bloc h2.onglets_titre.selected {
	border-color: #82ADE2;
	border-style: solid;
	border-width: 3px 1px 0 1px;
	background-color: #fcfcfc;
	border-radius: 10px 10px 0 0;
	margin: 1px 10px 1px 0;
}
.onglets_bloc h2.onglets_titre,
.onglets_bloc h2.onglets_titre:hover, .onglets_bloc h2.onglets_titre:focus {
	background-color: #ffffff;
	border-radius: 10px 10px 0 0;
	margin: 1px 10px 1px 0;
	padding: 0;
	font-size: 100%;
}
.onglets_bloc .onglets_contenu {
	background-color: #fcfcfc;
	border-radius: 0 10px 10px 10px;
	border-color: #82ADE2;
}
/************************/
/* Les blocs dépliables */
/************************/
.cs_blocs {
	margin-bottom: 25px;
}
.cs_blocs .blocs_titre {
	background: none;
	clear: left;
	cursor: pointer;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 0.1em;
	margin-top: 4px;
	padding: 0 0 0 20px;
	font-size: 1.1em;
	letter-spacing: 0.8px;
	margin-left: 25px;
}
.cs_blocs .blocs_replie {
	background: none;
}
.cs_blocs .blocs_titre a.ouvrir_fermer {
	background: url(../images/up.svg) no-repeat scroll left center transparent;
	padding-left: 20px;
	background-size: 16px;
}
.cs_blocs .blocs_replie a.ouvrir_fermer {
	background: url(../images/down.svg) no-repeat scroll left center transparent;
	padding-left: 20px;
	background-size: 16px;
}
.cs_blocs .blocs_destination {
	margin-left: 50px;
}
.cs_blocs .blocs_slide, .cs_blocs .blocs_destination {
	background-color: #eee;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
}
.cs_blocs .blocs_resume {
	margin-left: 75px;
}
/*************************************************/
/* personnalisation du plugin lecteur multimédia */
/*************************************************/
.radiobox {
	margin: auto;
}
.citation {
	background: transparent;
	position: absolute;
	top: 40px;
	right: 69px;
	width: 200px;
	height: 125px;
	color: #aaaaaa;
	font-size: 1.4rem;
	text-align: center;
}
.citation .auteur {
	font-style: italic;
	color: #bbbbbb;
	font-size: 1.2rem;
}
/***************************************/
/* personnalisation du plugin Rainette */
/***************************************/
/* infos_ville */
/***************/
.rainette_infos {
	float: none;
	width: 100%;
	background: none;
	border: none;
	margin: 0;
	padding-bottom: 5px;
}
.rainette_infos .ville {
	margin: 0 10px 0 5px;
	font-size: 1.6rem;
	font-weight: bold;
}
.rainette_infos .coordonnees {
	float: none;
	display: inline-block;
	margin: 0;
}
.rainette_credits img {
	margin: 0 5px 0 0 !important;
	float: right !important;
}
/* conditions_tempsreel */
/************************/
.rainette_conditions {
	float: none;
	width: 100%;
	background: none;
	border: none;
	margin: 5px 0 0 0;
	padding: 0;
}
.rainette_conditions .statut {
	width: 100%;
}
.rainette_conditions .cadre {
	width: 100%;
	border: none;
	background: none;
	margin: 0;
	padding-bottom: 10px;
	text-align: center;
}
.rainette_conditions .maj {
	width: 100%;
	margin: 0;
	padding: 0;
}
.rainette_conditions .icone {
	float: none;
	margin-top: 3px;
	margin-left: 10px;
}
.rainette_conditions .t_reelle {
	float: none;
	font-size: 3.3rem;
	font-weight: bold;
	margin-top: 10px;
}
.rainette_conditions .details {
	padding-left: 10px;
	width: 100%;
}
.rainette_conditions .plus {
	padding: 5px 0 0 10px;
	border: 1px solid grey;
	width: 95%;
}
.rainette_conditions .details ul li {
	text-align: left;
	margin-bottom: 5px;
	margin-left: 5px;
}
.rainette_conditions ul li {
	width: 100%;
}
.rainette_conditions li .details span {
	margin: -5px 0 -15px 0;
	padding: 0;
}
li.meteo {
	font-size: 1rem;
	margin: 2px 0 2px 20px !important;
	width: 100%;
}
li.meteo .popup {
	display: none;
	width: 100%;
}
li.meteo:hover .popup {
	display: block;
	margin-left: -20px;
	margin-top: 10px;
}
/* previsions_24h */
/******************/
.rainette_previsions_24h {
	float: none;
	border: 1px solid 0000;
	width: 100%;
	margin: 0 0 0.5em 0;
}
.rainette_previsions_24h .jour, .rainette_previsions_24h .date {
	background: #82ADE2;
	width: 100%;
	border: none;
	font-size: 1.2rem;
	padding: 2px 0;
	margin: 0;
}
.rainette_previsions_24h .contenu {
	width: 100%;
	border: 0;
}
.rainette_previsions_24h .t_reelle {
	font-size: 2rem;
	float: none;
	margin-bottom: 10px;
}
.rainette_previsions_24h .resume {
	min-height: 30px;
	font-size: 1.1rem;
}
.rainette_credits {
	text-align: right;
}
/***************************************/
/* personnalisation du plugin Shoutbox */
/***************************************/
.formulaire_shoutbox fieldset {
	border: none;
	margin: 0;
}
.formulaire_shoutbox label {
	width: 100%;
	padding: 0;
}
.formulaire_shoutbox label .labelhide {
	background-color: #ffffff;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-top: 1px solid #A0A0A0;
	width: 100%;
}
.formulaire_shoutbox #contenu_shoutbox_taille{
	overflow-y: auto;
}
.formulaire_shoutbox #contenu_shoutbox_taille hr{
	color: #DFDFDF;
}
.formulaire_shoutbox input.text {
	width: 95%;
}
.formulaire_shoutbox .spip_bouton {
	float: right;
}
.formulaire_shoutbox .texte-shoutbox {
	margin:0 0 5px 10px;
}
 
/***********************************************/
/* personnalisation du plugin Mentions légales */
/***********************************************/
#mentions {
	text-align: left;
	font-size: 1.2rem;
	padding: 5px;
}
/**********************************************/
/* personnalisation du plugin Mini-Calendrier */
/**********************************************/
#calendar tbody {
	color: #000000;
}
#calendar .menu-titre {
	display: none;
}
#calendar .ui-datepicker {
	width: 100%;
	padding: 0;
}
a.calendrier{
	font-weight: normal;
}
/**********************************************/
/* personnalisation du plugin Socialtags */
/**********************************************/
#espace .socialtags {
	clear: none;
	float: left;
	margin-left: 100px;
}
.socialtags-hovers {
	opacity: 0.8;
}
.socialtags ul li a{
	background-color: transparent;
}
	
/**********************************************/
/* personnalisation du plugin Signalement  */
/**********************************************/
.formulaire_signalement li {
	list-style-type: none;
	text-align: left;
}
.formulaire_signalement select {
	width: 95%;
}
.formulaire_signalement .edition {
	width: 95%;
}
.formulaire_signalement textarea {
	width: 99%;
}
/**********************************************/
/* personnalisation du plugin Recommander  */
/**********************************************/
#recommander{
	text-align: left;
	background-color: #eee;
	padding: 5px 5px 5px 10px;
}
#recommander h2{
	font-size: 1.2rem;
}
#recommander h2:after{
	display: inline-block;
	width: 16px;
	height: 16px;
	content:"";
	margin-left: 5px;
}
#recommander li{
	list-style-type: none;
}
#recommander label{
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	padding-right: 5px;
	margin-top: 10px;
}
#recommander li input{
	width: 50%;
}
#recommander li textarea{
	width: 52%;
}
#recommander input.submit{
	margin: auto;
	display: block;
}
/**********************************************/
/* personnalisation du plugin Notation        */
/**********************************************/
.notation{
	background-color: #eee;
	padding: 5px;
	margin: 0 -5px;
}

.mejs-horizontal-volume-current{
max-width: 95%;
}
/**********************************************/
/* personnalisation du plugin Notation        */
/**********************************************/
.galleria-container{
	margin: auto;
}
/**********************************************/
/* personnalisation du plugin Formidable       */
/**********************************************/
.formulaire_formidable .editer-groupe{
	padding: 10px 0;
	border-radius: 10px;
}

.formulaire_formidable .editer {
	padding: .5em 10px;
	clear: both;
	overflow: hidden;
	margin: 10px;
	background: #ffffff;
	border-radius: 10px;
}
.formulaire_formidable .editer label,
.formulaire_formidable .editer.gauche label {
	display: block;
	hyphens: none;
}
.formulaire_formidable .editer label {
	text-align: left;
	font-weight: bold;
	width: 100%;
}
.formulaire_formidable .editer input,
.formulaire_formidable .editer select,
.formulaire_formidable .editer textarea,
.formulaire_formidable .editer .explication {
	max-width: 79%;
	margin-left: 19%;
	margin-top: 1px;
	margin-bottom: 5px;
}
.formulaire_formidable .markItUpHeader {
	max-width: 79%;
	margin-left: 19%;
}
.formulaire_formidable .editer .explication {
	background: #efefef;
	padding: 5px;
	border-radius: 5px;
}
.formulaire_formidable .editer input,
.formulaire_formidable .editer select {
	float: left;
}

.formulaire_formidable .editer textarea {
	width: 100%;
}
.formulaire_formidable .choix {
	clear: both;
}
.formulaire_formidable .choix .file {
	margin-left: 30%;
}
.formulaire_formidable .boutons {
	text-align: right;
}
.formulaire_formidable .boutons .submit {
	margin-right: 40px;
	margin-bottom: 20px;
	padding: 5px 10px;
	font-size: 1.5rem;
	font-weight: bold;
}

/**********************************************/
/* pour l'accessibilité                       */
/**********************************************/
@font-face {
	font-family: 'opendys';
	src: url('../fonts/OpenDyslexic-Bold.otf') format('otf'),
		url('../fonts/OpenDyslexic-BoldItalic.otf') format('otf'),
		url('../fonts/OpenDyslexic-Italic.otf') format('otf'),
		url('../fonts/OpenDyslexicMono-Regular.otf') format('otf'),
		url('../fonts/OpenDyslexic-Regular.otf') format('otf'),
		url('../fonts/OpenDyslexic-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
#accessibilite {
	background-color: #ffffff;
}
#accessconfig {
	float: left;
}
.accessimg img{
	height: 24px;
	float: left;
	margin-right: 5px;
}
a.skip-link {
	float: left;
	margin: 2px 5px 0 5px;
	background-color: transparent;
}
.separateur{
	float: left;
	color: #000000
}
/**************************************************/
/*          modèle nuages de mots                        */
/**************************************************/
#tag_cloud {
	border: 1px solid #178FCB;
	border-radius: 10px;
	line-height: 1.5;
	text-align: center;
	margin: 10px auto;
	max-width: 600px;
	padding: 10px 0;
	background-color: #DAE6F6;
}
.tag {
	display: inline-flex;
	vertical-align: middle;
	margin: 0 5px
}
.tag_color_1 {
	color: #0066ff !important;
}
.tag_color_2 {
	color: #642725 !important;
}
.tag_color_3 {
	color: #4E6D68 !important;
}
.tag_color_4 {
	color: #B79E47 !important;
}
.tag_color_5 {
	color: #D3491B !important;
}