/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */

/* couleurs utilisees
 *
 * - #46839B
 * - #f9f9f9
 * - #ddd
 * - #f63
 * - rouge : #df2c22
 * - rouge clair : #ef8885
 * - jaune clair : #f7f3df
 */
/* Animation
/* ------------------------------------------ */
.hover-scale:hover {
  scale: 1.04 !important;
}
.hover-scale:active {
  scale: 1.02 !important;
}
/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%;} /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {font-size:0.80em;font-family: Arial, Helvetica, FreeSans, sans-serif; color: #333}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-weight: normal}
h1,.h1 {min-height:42px;font-size: 36px; color: #000;background:url(img/h1_logo.gif) no-repeat;padding-left:50px;margin-bottom:12px;line-height:38px}
div.titraille h1, div.titraille .h1 {font-size:30px;line-height:32px}
h2,.h2 { font-size: 1.2em; font-weight: normal; }
.documents_joints h2 {margin-bottom:5px;background:url(img/download_picto.gif) no-repeat;min-height:29px;padding:5px 0 0 34px}
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #70617E; }
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #70617E; }
h3,.h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */
input, select, textarea{
    font-size: 100%;
}

/* hr */
hr, hr.spip {border: none 0;padding:0; border-top:1px dashed #898989;height: 1px;clear: both;margin:12px 0 5px 0}/*; border-top:1px dashed #898989*/
#contenu hr {margin-bottom:8px}
.documents_joints hr, .documents_joints hr.spip {margin:8px 0 6px 0}

/* modifs pour p */
.documents_joints p {margin:0}

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym {}
small { font-size: 10px;}
dfn { font-weight: bold;}
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: 10px; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}entet
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
/* Cf.: spip_style.css */
.spip_code {color:#8B2703;}
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; padding:0.5em;width:90%; }
address {}

/* Tableaux */
/* Cf.: spip_style.css */
table.spip { width: 99%; }
table.spip tr.row_first { }
table.spip td, table.spip th {border:white 2px solid;}

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; display: block; vertical-align: top;}
figure {margin: 0 0 0.5rem 0;}
figcaption {margin-top: 0.5rem;}
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {display:inline-block} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {width:150px} /* Cf.: spip_style.css */
dl.spip_documents_left {padding-bottom:7px}
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */
.contenu-principal figure img {max-width: 540px;height: auto;}

/* ------------------------------------------
/* Page sommaire
/* ------------------------------------------ */
/*body.page_sommaire {background-image:none;background-color:#FFF}*//*;background-color:#df2c22;color:#FFF*/
/*.page_sommaire #page {background:none}*/

.page_sommaire p, .page_sommaire a, .page_sommaire #navigation .menu a, .page_sommaire #contenu a, .page_sommaire .meta-publi a {/*color:#FFF*/}
.page_sommaire a:hover {color:#ef8885}
.page_sommaire #navigation .menu-liste .menu-entree, .page_sommaire #extra .articles .item  {border-bottom-color:#BBB}/*border-bottom-color:#FFF*/

/*.page_sommaire #navigation {padding-top:136px}*/
/*.page_sommaire #extra {padding-top:138px;background:#0033FF}*/
.page_sommaire #contenu {width:717px;margin:0 0 0 40px;padding-bottom:64px;/*width:580px;*/}
.page_sommaire #contenu .h2, 
.page_sommaire #contenu .h2 a, 
.page_sommaire #contenu .h2 a:focus, 
.page_sommaire #contenu .h2 a:hover, 
.page_sommaire #contenu .h2 a:active { color: #FFF; }

.page_sommaire #contenu a {color:#000}
.page_sommaire #contenu a:focus,
.page_sommaire #contenu a:hover,
.page_sommaire #contenu a:active {color:#666666}

/*.page_sommaire #navigation {background:#6600CC}
.page_sommaire #extra  {background:#FF9933}*/

.page_sommaire hr {border-color:#BBB}

.page_sommaire a.cartoucheRouge {background:#000}
.page_sommaire a.cartoucheRouge:hover {color:#000}
.page_sommaire a.cartoucheRouge:hover {background:#FFF}
.page_sommaire .moduleAgenda, .page_sommaire div.moduleAgenda .liste .vevent p, .page_sommaire .moduleAgenda a {color:#000}
.page_sommaire .moduleAgenda a:hover {color:#666666}

.page_sommaire .divHome {text-align:center}
.page_sommaire #contenu a.btEnter {display:inline-block;background:#FFF;top:130px;padding:8px 10px;margin-top:130px;font-size:20px;color:#000;font-weight:bold}/*left:50%;*/
.page_sommaire #contenu a.btEnter:hover {background:#000;color:#FFF}
	
.page_sommaire .divHome {/*border-bottom:2px dashed #000*/;margin:0 40px 0 40px;width:500px;background:url(img/drom_home.jpg) no-repeat;width:500px;height:656px}

.page_sommaire .divBanniere {position:relative;left:inherit;top:inherit;margin-top:20px}

.page_sommaire .moduleAgenda h3 a {color:#FFF}
.page_sommaire .moduleAgenda h3 a:hover {background:#333;color:#FFF}

/*.page_sommaire #pied {border-top-color:#FFF}*/

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body {margin: 0; padding: 0; text-align: center;background:url(img/background.gif)}

#page {position: relative;width: 960px; margin: 0 auto; padding:10px 20px 0 20px; text-align: left;background:#FFF}

#enteteNav {margin: 0; padding: 0; text-align: center;background:#282828;height:46px;display: flex;align-items: center;}

/*#entete {margin: 0; padding: 0; text-align: center;background:#df2c22;height:170px}*/
/*#entete {margin: 0; padding: 0; text-align: center;background:#e6e3e1;height:170px}*/
/*#entete .enteteLogo { width: 100%; height:220px;position: relative;width: 960px; margin: 0 auto; padding:20px 20px 0 20px; text-align: left;background:url(img/bg_entete.jpg) no-repeat}*/
/*#entete .enteteLogo {
  width: 100%; height:220px;
  position: relative;
  width: 960px; 
  margin: 0 auto; 
  padding:20px 20px 0 20px; 
  text-align: left;
  background:url(img/bg_enteteb.jpg) no-repeat;
  background-size: 1000px 240px;
}*/
/*#entete .enteteLogo .spip_logos {}
#entete .enteteLogo #nom_site_spip {font-size:40px}
#entete .formulaire_menu_lang {}*/ /*Cf.: spip_formulaires.css*/

.menu2 {position: relative;width: 1000px; margin: 0 auto; padding:0; text-align: left;color:#FFF}
.menu2 ul.menu-liste {display:inline-block;padding:0 8px;background:url(img/bg_border_menu2.gif) repeat-y}

#conteneur { clear: both; overflow: hidden;padding-top:20px}
#contenu {float:left; width:540px;margin:0 20px}

#navigation { float: left; width: 200px; margin-top:0; overflow: hidden; }
#extra {float:left;width:180px;margin-top:0;overflow:hidden;}

#pied {clear: both; width: 100%; margin:20px 0 0 0; padding: 10px 0;border-top:1px dashed #898989;display: flex}
#pied a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
#pied img { vertical-align: middle; }
#pied div.pied_col01, #pied div.pied_col02 {float:left;margin:0 20px 0 0}
#pied div.pied_col01 {width:258px;}
#pied div.pied_col02 {width:410px;}
#pied div.pied_col03 {float:left;width:246px;text-align:right}
#pied p {margin:0}

.evenements h3 {margin-bottom:7px}
.evenements p {margin:0}

.page_login .contenu-principal {width:300px;margin:200px auto 64px auto;line-height:16px}

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

#hierarchie { clear: both;}
#hierarchie, #hierarchie a {}

.cartouche {}
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px;}
div.titraille {width:320px;float:left;margin-right:4px}
div.logo {width:200px;float:left}
.cartouche .info-publi { margin: 0; padding: 0; clear: left; }

.surtitre {text-transform:uppercase}
.chapo {font-weight:bold}
.texte {font-size:1em;line-height:126%}
.bold {font-weight:bold}
.ps, .notes {}
.notes { clear: both; font-size: 10px; }
.introduction {/*font-weight:bold;*/}
.cartoucheRouge, .cartoucheNoir {
  color:#FFF;font-size:11px;
  text-transform:uppercase;
  padding:5px 5px 4px 5px;
  font-weight:normal;
  margin-bottom:5px;
  border-radius: 3px;
}
.cartoucheNoir {background:#000;}
.cartoucheRouge {background:#df2c22;}
a.cartoucheRouge, a.cartoucheNoir {color:#FFF;display:block}
a.cartoucheRouge:hover, a.cartoucheNoir:hover {color:#FFF}
a.cartoucheRouge:hover {background:#000}
a.cartoucheNoir:hover {background:#df2c22}
.meta-publi a {font-size:11px;color:#df2c22;font-weight:bold}
.hentry h3.entry-title {display:block;float:left;width:70%}
.hentry span.titre {display:block;overflow:auto;margin-bottom:8px}
.hentry div.meta-publi {float:left;width:25%;margin-left:5%;text-align:right;padding-top:8px}


/* class listing portfolio */
.portfolio {margin-bottom:10px}
.portfolio ul li {display:block;float:left;padding-bottom:10px}
.portfolio a.vignette {position:relative;text-align:center;display:block;border:1px solid #c3c3c3;background:#fff;line-height:1px}
.portfolio a:hover.vignette {border-color:#666666;}
p.legende, .legende, p.legende, .legende p {margin:3px 0 0 0;text-align:center}
.portfolio img.spip_logos {margin:0;display:inline}
.portfolio .marge {margin-right:6px}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */

.menu { clear: both; margin-bottom: 5px; text-align: left}
.menu p { margin: 5px 0}
.menu-liste { margin: 0; padding: 0; list-style: none}
.menu-liste .menu-entree { margin: 5px 0; padding: 5px}
.menu-liste .menu-entree .menu-liste { margin-left: 5px}
.menu-liste .menu-entree .menu-entree {margin-left:15px}
#nav .menu-liste .menu-entree {display: inline;padding:0;margin:0 0 0 10px;}

#navigation .menu {}
#navigation .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
#navigation .menu-liste {border-bottom:0;}
#navigation .menu-liste .menu-entree {list-style:none;display:block;padding:1px 0;border-bottom:1px dashed #898989;margin:0;}
#navigation .menu .menu-entree a {
  display:block;
  font-weight:normal;
  padding:5px 5px 4px 5px;
}
#navigation .menu .menu-entree .menu-entree a {padding:1px 0}
#navigation .menu .menu-entree a.on, #navigation .menu .menu-entree a:hover {
  background:#000;
  color:#FFF;
  border-radius: 3px;
}
#navigation .menu .menu-entree .menu-entree a:hover {background:inherit;color:#666666}
#navigation .menu .menu-entree .menu-entree a.on {background:inherit;color:inherit;font-weight:bold;color:#000;}
#navigation .menu-liste .menu-entree .menu-entree {border-bottom:none;margin-left:15px}
#navigation .menu-liste .menu-entree li:first-child {margin-top:3px}
#navigation .menu-liste .menu-entree li:last-child {margin-bottom:5px}
#navigation .menu-liste .menu-entree .menu-liste {margin-left:0;}
#navigation .liste .h2 {margin-top:5px;}
#navigation .formulaire_recherche {margin-bottom:5px;}

/* Pagination */
/*.pagination { clear: both; text-align: right; color: #666; }
.pagination .on { font-weight: bold; color: #666; }*/
/* Pagination */
.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #c41558; color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}

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

/* modules */
div.moduleAgenda {border:1px solid #999999;background:#f7f3df}


/* Menu2 */
.menu2 {font-size:11px}
.menu2 li {float:left}
.menu2 div {margin:0;padding:0}
.menu2 li a {color:#CCCCCC}
.menu2 li a:hover {color:#FFF}
.menu2 li.on, .menu2 li.on a {font-weight:normal;color:#565555}

/* Listes d'articles et extraits introductifs */
.liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;}
.liste-items .item {list-style:none; margin-left:0; padding:2px 0; clear:both; overflow:hidden;}
.liste-items .item div.article-resume {float:left;width:380px;font-weight:inherit}
/*.liste-items .item div.article-resume div.introduction span {display:inline-block}!important *//* pour les span crayon */


/* article en une */
#contenu .liste.articles .une {overflow:auto;margin-bottom:9px}
#contenu .liste.articles .une .introduction {padding:0;float:none;width:330px;width:100%}
.une div.meta-publi, .une div.ps {float:left;width:49%}
.une div.ps {margin-right:2%;text-align:left}
.une div.ps p {margin:0}
.une div.meta-publi {text-align:right}

/* article 3 col */
#contenu .liste.articles div.troisCol {background:#000;color:#CCC;overflow:auto;padding:10px;margin:10px 0}
#contenu .liste.articles div.troisCol a {color:#FFF}
#contenu .liste.articles .troisCol .spip_logos {float:none;width:168px;display:block;margin:0;padding:0}
#contenu .liste.articles .troisCol .introduction {padding:0;float:none;width:100%}
#contenu .liste.articles .troisCol div.col {float:left;width:168px;margin-right:8px}
#contenu .liste.articles .troisCol div.col.id_3 {margin-right:0}
#contenu .liste.articles .troisCol h3 {margin:5px 0}
#contenu .liste.articles .troisCol p {margin:0}

/* article 2 col */
#contenu .liste.articles .col2 div.spip_logos {}
#contenu .liste.articles .col2 .introduction {padding:0;float:none;width:100%}
#contenu .liste.articles .col2 {float:left;width:340px;padding-top:8px}
#contenu .liste.articles .col2 p {margin-top:5px}
#contenu .liste.articles .col2 .meta-publi {width:100%;text-align:left}

/* listing rubrique composition=isting_formations */
/*.liste.articles.listing_formations .colUn, #contenu .listing_formations .colDeux {float:left;width:260px;display:block}
.liste.articles.listing_formations .colUn {margin-right:20px}
.liste.articles.listing_formations .spip_logos {float: none; margin: 0 0 4px 0; }
.liste.articles.listing_formations h3 {margin:5px 0}
.liste.articles.listing_formations hr {margin-bottom:10px}
ul.liste.articles.listing_formations {margin-top:10px}*/

.liste.articles.listing .colUn, #contenu .listing .colDeux {float:left;width:260px;display:block}
.liste.articles.listing .colUn {margin-right:20px}
.liste.articles.listing .spip_logos {float: none; margin: 0 0 4px 0; }
.liste.articles.listing h3 {margin:5px 0}
.liste.articles.listing hr {margin-bottom:10px}
ul.liste.articles.listing {margin-top:10px}


/*#contenu .liste-items .item {margin-bottom:10px;}*/
.liste-items .item p:first-child {margin-top:5px}
.liste-items .item .h3 { margin: 5px 0 0 0}
.liste-items .item .h3 a:hover { text-decoration:none;}
.liste-items .item .info-publi {margin-top:5px; margin-left:5px}

.liste.articles .spip_logos { float: left; clear: left; margin: 5Px 10px 4px 0; }
.liste.articles div.spip_logos {width:150px;min-height:50px}
.liste .articles .item .introduction { margin-top: 5px; line-height: 10px}

#extra .articles .item {border-bottom:1px dashed #898989;margin:0;padding:7px 0;font-size:11px;font-weight:bold}

div.moduleAgenda {font-size:11px}
div.moduleAgenda .liste .vevent {padding: 5px 8px}
div.moduleAgenda .liste div.id_1 {padding-top:0;border-top:none}
div.moduleAgenda .liste div {border-top:1px solid #898989}
div.moduleAgenda .liste .vevent p {margin:0}


/* Couleurs des liens
---------------------------------------------- */
a { color: #000; text-decoration: none;}
a:focus,a:hover,a:active { color:#666666}
/*a.spip_out, a.spip_glossaire {
	color: #46839B;
	background:transparent url(img/out.gif) no-repeat scroll right center;
	padding-right:12px;
}*/
#contenu a {color:#df2c22;text-decoration:none;}
#contenu a.aSouligne {text-decoration:underline}
#contenu h3 a {color:#000;text-decoration:none;}



/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text, input.text { width: 15em;width:145px;padding:5px;border:none;background-color:#F5F5F5;border:1px solid #DDD;color:#999999;-moz-border-radius: 4px-webkit-border-radius: 4px;border-radius: 4px;behavior: url(scripts/PIE.htc);}
.formulaire_spip textarea { width: 99%; border: 1px solid #DDD;; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {
  border: 1px solid #DDD;
  border-radius: 8px;
  padding: 9px 11px;
  cursor: pointer;
}

/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
.forum {margin:1em 0 0 0; padding:1em; border:#888 1px solid; background:#f6f6f6; list-style-type:none;}
.forum .forum-fil {margin-bottom:2em;}
.forum .forum-fil .forum-chapo {background:#666; padding:.5em; color:white;}
.forum .forum-fil .forum-chapo a {color:white;}
.forum .ancre {float:left; margin-right:0.5em;}
.forum .spip_logos {float:right; margin: 0 2px 4px 10px;}

/* Selection des langues */
.formulaire_menu_lang { padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; }
.formulaire_recherche input.submit {}


/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block}
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login ul li input.password { width: 15em; border: 1px inset; }
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}

/* Calendrier */
#calendar table {width:100%}
#calendar caption {margin-bottom:3px}
#calendar td {text-align:center;background:#EEE}
#calendar td.occupe a {display:block;font-weight:bold;background:#df2c22;color:#FFF;text-decoration:none;}
#calendar td.occupe a:hover {background:#000}
#calendar td.horsperiode {color:#878787;font-size:.9em;}

/* Colonnes */
.deux_colonnes{
	clear:both;
	overflow:hidden;
	display: block;
}

.col_gauche{
	float:left;
	margin:0 4% 0 0;
	padding: 0;
	width:48%;
}

.col_droite{
	float:left;
	margin:0;
	padding:0;
	width:48%;
}

/* Banniere */
.divBanniere {position:absolute;left:380px;top:30px}

/* Arrondi */
.arrondi {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(scripts/PIE.htc);
}
/* Ombre */
.shadow {box-shadow: 2px 2px 5px #333333}
/* Alpha */
.alpha {opacity: 0.7;filter: alpha(opacity=70);-moz-opacity : 0.7}
a.alphaHover:hover {opacity: 0.7;filter: alpha(opacity=70);-moz-opacity : 0.7}

.clearBoth {
	clear: both;
}

/* Spacers - helpers
----------------------------------------------- */
.mt-0 {margin-top: 0}
.mt-5 {margin-top: 5px}
.mt-10 {margin-top: 10px}
.mt-15 {margin-top: 15px}
.mt-20 {margin-top: 20px}
.mb-0 {margin-bottom: 0}
.mb-5 {margin-bottom: 5px}
.mb-10 {margin-bottom: 10px}
.mb-15 {margin-bottom: 15px}
.mb-20 {margin-bottom: 20px}

.pt-0 {padding-top: 0}
.pt-2 {padding-top: 2px}
.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-15 {padding-top: 15px}
.pt-20 {padding-top: 20px}
.pb-0 {padding-bottom: 0}
.pb-5 {padding-bottom: 5px}
.pb-10 {padding-bottom: 10px}
.pb-15 {padding-bottom: 15px}
.pb-20 {padding-bottom: 20px}

.mt-0 {
  margin-top: 0 !important; }
.mt-1 {
  margin-top: 0.25rem !important; }
.mt-2 {
  margin-top: 0.5rem !important; }
.mt-3 {
  margin-top: 1rem !important; }
.mt-4 {
  margin-top: 1.5rem !important; }
.mt-5 {
  margin-top: 3rem !important; }
.mb-0 {
  margin-bottom: 0 !important; }
.mb-1 {
  margin-bottom: 0.25rem !important; }
.mb-2 {
  margin-bottom: 0.5rem !important; }
.mb-3 {
  margin-bottom: 1rem !important; }
.mb-4 {
  margin-bottom: 1.5rem !important; }
.mb-5 {
  margin-bottom: 3rem !important; }
.ms-0 {
  margin-left: 0 !important; }
.ms-1 {
  margin-left: 0.25rem !important; }
.ms-2 {
  margin-left: 0.5rem !important; }
.ms-3 {
  margin-left: 1rem !important; }
.ms-4 {
  margin-left: 1.5rem !important; }
.ms-5 {
  margin-left: 3rem !important; }
.me-1 {
  margin-right: 0.25rem !important; }
.me-2 {
  margin-right: 0.5rem !important; }
.me-3 {
  margin-right: 1rem !important; }
.me-4 {
  margin-right: 1.5rem !important; }
.me-5 {
  margin-right: 3rem !important; }
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.w-100 {width: 100%;}

/* Banniere cookies
----------------------------------------------- */
#banniere-cookie {
  padding: 1.3rem 0 !important;
  opacity: 0.6 !important;
}
/* Correction mise à jour SPIP 4.3
----------------------------------------------- */
.socialtags ul {display: flex;}
.socialtags {
  margin: 2px 0 !important;
  display: block;
  padding: 0 0 10px 0 !important;
}
/* d-flex
----------------------------------------------- */
.d-flex {
  display: flex !important; }
.d-inline-flex {
  display: inline-flex !important; }
.d-none {
  display: none !important; }
.flex-fill {
  flex: 1 1 auto !important; }
.flex-row {
  flex-direction: row !important; }
.flex-column {
  flex-direction: column !important; }
.flex-row-reverse {
  flex-direction: row-reverse !important; }
.flex-column-reverse {
  flex-direction: column-reverse !important; }
.flex-grow-0 {
  flex-grow: 0 !important; }
.flex-grow-1 {
  flex-grow: 1 !important; }
.flex-shrink-0 {
  flex-shrink: 0 !important; }
.flex-shrink-1 {
  flex-shrink: 1 !important; }
.flex-wrap {
  flex-wrap: wrap !important; }
.flex-nowrap {
  flex-wrap: nowrap !important; }
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }
.justify-content-start {
  justify-content: flex-start !important; }
.justify-content-end {
  justify-content: flex-end !important; }
.justify-content-center {
  justify-content: center !important; }
.justify-content-between {
  justify-content: space-between !important; }
.justify-content-around {
  justify-content: space-around !important; }
.justify-content-evenly {
  justify-content: space-evenly !important; }
.align-items-start {
  align-items: flex-start !important; }
.align-items-end {
  align-items: flex-end !important; }
.align-items-center {
  align-items: center !important; }
.align-items-baseline {
  align-items: baseline !important; }
.align-items-stretch {
  align-items: stretch !important; }
.align-content-start {
  align-content: flex-start !important; }
.align-content-end {
  align-content: flex-end !important; }
.align-content-center {
  align-content: center !important; }
.align-content-between {
  align-content: space-between !important; }
.align-content-around {
  align-content: space-around !important; }
.align-content-stretch {
  align-content: stretch !important; }
.align-self-auto {
  align-self: auto !important; }
.align-self-start {
  align-self: flex-start !important; }
.align-self-end {
  align-self: flex-end !important; }
.align-self-center {
  align-self: center !important; }
.align-self-baseline {
  align-self: baseline !important; }
.align-self-stretch {
  align-self: stretch !important; }

.me-auto {
  margin-right: auto !important; }
.ms-auto {
  margin-left: auto !important; }
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }
.mt-auto {
  margin-top: auto !important; }
.mb-auto {
  margin-bottom: auto !important; }

input, label, textarea {
    margin: 0.3rem 0;
}
/* modifs 2025
----------------------------------------------- */

/* entête 2025
----------------------------------------------- */
#entete {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0; 
  padding: 0; 
  text-align: center;
  /*background:#e6e3e1;*/
  height:249px;
  position: relative;
  background-size: cover !important;
  background-position: center center !important;
  background:url(img/bg_entete-2025.jpg) no-repeat;
  opacity: 1;
  transition: opacity 2s cubic-bezier(0.34, 1.54, 0.64, 1);
}
/* Starting style */
#entete {
  @starting-style {
    opacity: 0;
  }
}
#entete .enteteLogo25 {
  position: absolute;
  width: 960px; 
  margin: 0 auto; 
  padding:20px 20px 0 20px; 
  text-align: left;
}
#entete .enteteLogo25 img {
  transition: all 0.4s cubic-bezier(0.34, 1.54, 0.64, 1);
}
@media (max-width: 1009px) {
  #entete .enteteLogo25 img {
   margin: 0 20px; 
  }
}