/* #PRODUIRE{fond=css/perso.css}
   md5:40390cfddbaff8ecef674a808c00e5f2 */
/* fonts applis (plusieurs pour test) *******************************************************************************/
/* conservée dans ce fichier css spip pour le calcul du chemin */
@font-face {
   font-family: "Archivo Narrow";
   font-weight: 400;
   font-style: normal;
   src: url('https://istresrando.fr/spip/squelettes/fonts/ArchivoNarrow-Regular.ttf') format("truetype");
}

/*
@font-face { font-family: "Barlow Condensed"; font-weight: 300; src: url('https://istresrando.fr/spip/squelettes/fonts/BarlowCondensed-Light.ttf') format("truetype"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 400; font-style: normal; src: url('https://istresrando.fr/spip/squelettes/fonts/BarlowCondensed-Regular.ttf') format("truetype"); }
@font-face { font-family: "Roboto Condensed"; font-weight: 300; src: url('https://istresrando.fr/spip/squelettes/fonts/RobotoCondensed-Regular.ttf') format("truetype"); }
*/

/* fonts SPIP *******************************************************************************/

@font-face {
   font-family: Roboto;
   font-weight: normal;
   font-style: normal;
   src: url('https://istresrando.fr/spip/squelettes/fonts/Roboto-Regular.ttf') format("truetype");
}

@font-face {
   font-family: Roboto;
   font-weight: normal;
   font-style: italic;
   src: url('https://istresrando.fr/spip/squelettes/fonts/Roboto-Italic.ttf') format("truetype");
}

@font-face {
   font-family: Roboto;
   font-weight: bold;
   font-style: normal;
   src: url('https://istresrando.fr/spip/squelettes/fonts/Roboto-Bold.ttf') format("truetype");
}

@font-face {
   font-family: Roboto;
   font-weight: bold;
   font-style: italic;
   src: url('https://istresrando.fr/spip/squelettes/fonts/Roboto-BoldItalic.ttf') format("truetype");
}

@font-face {
   font-family: Roboto;
   font-weight: 700;
   font-style: normal;
   src: url('https://istresrando.fr/spip/squelettes/fonts/Roboto-Medium.ttf') format("truetype");
}

@font-face {
   font-family: Roboto;
   font-weight: 700;
   font-style: italic;
   src: url('https://istresrando.fr/spip/squelettes/fonts/Roboto-MediumItalic.ttf') format("truetype");
}

@font-face {
   font-family: "DroidSans";
   font-weight: 500;
   src: url('https://istresrando.fr/spip/squelettes/fonts/droid-sans-mono.ttf') format("truetype");
}

/* Debug **************************************************************************************/
/* 
*:hover {
	border:dotted red 1px;
} 
*/
/* w3.css parts *******************************************************************************/

.w3-left-align {
   text-align: left !important
}

.w3-right-align {
   text-align: right !important
}

.w3-justify {
   text-align: justify !important
}

.w3-center {
   text-align: center !important
}

.w3-display-container {
   position: relative;
}

.w3-display-topleft {
   position: absolute;
   left: 0;
   top: 0
}

.w3-display-topright {
   position: absolute;
   right: 0;
   top: 0
}

.w3-display-bottomleft {
   position: absolute;
   left: 0;
   bottom: 0
}

.w3-display-bottomright {
   position: absolute;
   right: 0;
   bottom: 0
}

.w3-display-middle {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%)
}

.w3-display-left {
   position: absolute;
   top: 50%;
   left: 0%;
   transform: translate(0%, -50%);
   -ms-transform: translate(-0%, -50%)
}

.w3-display-right {
   position: absolute;
   top: 50%;
   right: 0%;
   transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%)
}

.w3-display-topmiddle {
   position: absolute;
   left: 50%;
   top: 0;
   transform: translate(-50%, 0%);
   -ms-transform: translate(-50%, 0%)
}

.w3-display-bottommiddle {
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translate(-50%, 0%);
   -ms-transform: translate(-50%, 0%)
}

.w3-card-4,
.w3-hover-shadow:hover {
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}

.w3-text-dark-grey,
.w3-hover-text-dark-grey:hover,
.w3-text-dark-gray,
.w3-hover-text-dark-gray:hover {
   color: #3a3a3a !important;
}

.w3-bar {
   width: 100%;
   overflow: hidden
}

.w3-center .w3-bar {
   display: inline-block;
   width: auto
}

.w3-bar .w3-bar-item {
   padding: 8px 10px;
   float: left;
   width: auto;
   border: none;
   display: block;
   outline: 0
}

.w3-bar .w3-dropdown-hover,
.w3-bar .w3-dropdown-click {
   position: static;
   float: left
}

w.w3-bar .w3-button {
   white-space: normal
}

.w3-bar-block .w3-bar-item {
   width: 100%;
   display: block;
   padding: 8px 16px;
   text-align: left;
   border: none;
   white-space: normal;
   float: none;
   outline: 0
}

.w3-bar-block.w3-center .w3-bar-item {
   text-align: center
}

.w3-block {
   display: block;
   width: 100%
}

.w3-responsive {
   display: block;
   overflow-x: auto
}

.w3-margin-right {
   margin-right: 16px !important;
}

.w3-margin-top {
   margin-top: 16px !important;
}

.w3-display-topright {
   position: absolute;
   right: 0;
   top: 0;
}

.w3-card,
.w3-card-2 {
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.w3-round,
.w3-round-medium {
   border-radius: 4px
}

.w3-color-lien-menu {
	color: #e0e0d1 !important;
}

/*****************************************************************************************************/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
textarea,
select,
input {
   font-family: Roboto, Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   padding: 0;
   margin: 0;
}

body {
   font-size: 100%;
   /* correspond a une taille de 10px car 10px/16px = 0, 625 */
   line-height: 100%;
   height: 100%;
   overflow-x: hidden;
}

input[type="button"], input[type="submit"], input[type="reset"]{
	-webkit-appearance: none;
 }

input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled
{
  background-color: #ccc !important;
}

#header {
	display: initial;
   padding: 0;
/*
	height: 148px;
	position: sticky;
   top: 0px;
   left: 0px;
   width: 100%;
   z-index: 10;
   display: flex;
   flex-direction: column;
*/
}

#bandeau_bas {
	position: sticky;
	top: 0;
	z-index: 10;
}
/*
.bandeau_haut {
   order: 1;
}

#topnav {
   order: 2;
}

.bandeau_chemin {
   order: 3;
}

.top_gradient {
   order: 4;
}
*/
div#wrapper {
   display: flex;
   margin: 30px 0 5px 0;
}

div#page {
   position: relative;
   /* margin-top: -30px; */
}

div#navigation {
   order: 1;
   padding: 0 25px 0 20px;
}

div#extra {
   order: 3;
   padding: 0 20px 0 25px;
}

div#extra,
div#navigation {
   margin: 0;
   padding: 0 25px;
   flex-basis: 250px;
   min-width: 180px;
   max-width: 250px;
   width: initial;
}

div#content {
   order: 2;
   height: 100%;
   margin: 0;
   padding: 0 20px;
   margin-bottom: 16px;
   min-width: 420px;
   max-width: 80%;
   flex-basis: calc(100% - 600px);
   width: initial;
}

div#login_mobile {
	padding: 15px 15px 0;
	margin: 0 20px 15px;
}

.navsticky {
   position: fixed;
   top: 0;
}

#edito.article .titre h1,
#une.article .titre h1,
#login_public .titre h1,
#rubrique .titre h1,
#article .titre h1,
#http_404 .titre h1,
#article_commenter .titre h1,
#contact .titre h1,
#expression .titre h1,
#page .titre h1,
agenda_annuel .titre h1,
.arbre .titre h1 {
   /* line-height: 1em; */
   font-size: 1.875em;
   margin: 0;
   padding: 11px 16px;
   text-align: center;
   font-weight: normal
}

div.titre {
   background: #cccc99;
   margin: 0 -20px;
   border: solid 1px #808080;
}

.titre h1 {
   border: none;
   color: #5e5e49;
}

hr.spip {
   margin: 1em auto;
   color: #996;
}

h3.spip {
   margin: 0.5em 0;
}
.spip-block-center * {
	text-align : center !important;
}

/* div.spip-block-center a {
	line-height: 2em;
} */
div.spip-block-center {
   margin-bottom: 10px;
}

p {
   margin: 0 0 10px;
}

/* spip 4 ****************************************************************************************/

.spip_documents_left {
 max-width: 50%;
}
figure.spip_doc_inner{margin:0;}

/* BANDEAU HAUT **********************************************************************************/

.site_nom,
.site_logo,
.nav_bandeau {
   padding: 0;
   margin: 0;
}

.site_logo {
   /* margin-right: 20px; */
   height: 86px;
}

.site_nom h1 a:hover {
   color: #cccc99;
}

/* .site_nom h2 {
	line-height: 1.5em;
} */
.nav_bandeau {
   min-width: 100px;
}

/* BANDEAU CHEMIN  + RECHERCHE ***************************************************************************************/

.chemin {
   padding: 5px 0 5px 10px;
}

.bandeau_chemin {
   color: #808058;
   min-height: 30px;
   padding: 0 5px;
   margin: 0 !important;
}

.bandeau_chemin a {
   color: #808058;
   padding: 0;
   max-height: 31px;
   display: inline-block;
}

.bandeau_chemin a:hover,
.formulaire_recherche input.submit:hover {
   color: #444437;
}

i.fa-home {
   font-size: 1.17em;
   margin: 0;
}

i.fa-angle-right {
   font-size: 1.2em;
}

.formulaire_recherche input.submit {
   background: none;
   border: none;
   margin: 5px;
}

.recherche_chemin span {
   display: none;
}

.recherche_chemin #formulaire_recherche {
   width: auto;
}

.recherche_chemin .formulaire_recherche input.text {
   margin: 3px 7px;
   height: 21px;
   border-radius: 0 !important;
}

.formulaire_recherche input.submit {
   /* line-height: 1em; */
   margin-top: 4px;
   color: #808058;
}

.top_gradient {
   min-height: 30px;
   /* width: calc(100% - 15px); */
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}

/*  ********************************************************************************************/

h4.spip {
   font-weight: bold;
   /* font-size: 1.1em; */
   margin-bottom: 0.5rem;
}

.menu_rub1 ul.menulist,
.menu_rub1 ul.menulist ul {
   border: none;
   width: 100%;
}

.menu_rub1 ul.menulist li:last-child {
   border: none;
}

li.smenu>ul {
   width: 100%;
}

sc {
   font-variant: small-caps;
}

.noisette,
.content {
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
   /* w3-card-4 */
}

#noisette_publications>h1:nth-child(1),
#noisette_annonce>h1:nth-child(1),
#noisette_statistiques>h1:nth-child(1),
#noisette_navigation>h1:nth-child(1),
#noisette_miniagenda>h1:nth-child(1) {
   display: none;
}

.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc {
   background: #cccc99;
   color: #464646;
}

#edito.article,
#une.article {
   margin: 0;
   margin-bottom: 30px;
   padding: 0;
   border: none;
}

#edito br.nettoyeur:nth-child(1) {
   display: none;
}

#edito.article,
.formulaire_spip,
.formulaire_spip fieldset legend {
   background: #fff;
}

/* MENUS SITE ***************************************************************************************/

#menu_bandeau {
   padding-left: 8px;
   background: #757566;
   width: calc(100% - 8px);
   max-height: 31px;
}

/* li.menuItem {
	font-size: 1.14em;
} */
ul.menu-liste {
   color: #e0e0d1;
   width: auto;
}

/* ul.menu-liste[data-depth]:not([data-depth='0']) li {
	border-bottom: 1px solid #fff;
} */
ul.menu-liste li:hover {
   background-color: #4c4c33;
}

ul.menu-liste li:hover>a {
   color: #cccc99;
}

ul.menu-liste li {
   line-height: 15px;
}

ul.menu-liste li a {
   color: #fff;
   text-decoration: none;
}

#menu_bandeau .menu-liste[data-depth='0'],
button.menuItem {
   max-height: 31px;
}

.menu-liste[data-depth='1'] li {
   /* line-height: 15px; */
   /* font-size: 1em; */
   float: initial !important;
   text-align: left;
}

.menu-liste[data-depth='1'] span,
.menu-liste[data-depth='2'] span {
   color: #fff;
}

#menu_bandeau .menu-liste[data-depth='1'] li>span::after,
#menu_bandeau .menu-liste[data-depth='2'] li>span::after,
#menu_bandeau li.menu_avec_liste>a::after {
   font-family: FontAwesome;
   content: "\f0da";
   display: inline-block;
   margin: 0 4px 0 7px;
}

#menu_bandeau .menu-liste[data-depth='1'] li:hover>span::after,
#menu_bandeau .menu-liste[data-depth='2'] li:hover>span::after,
#menu_bandeau li.menu_avec_liste:hover>a::after {
   font-family: FontAwesome;
   content: "\f0d7";
   display: inline-block;
   margin: 0 0 0 7px;
}

#menu_bandeau .menu-liste[data-depth]>li:hover>ul {
   display: block;
}

#menu_bandeau .menu-liste[data-depth]:not([data-depth='0']) {
   display: none;
   position: absolute;
   text-align: left;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
   width: auto;
}

#menu_bandeau .menu-liste[data-depth='1'] {
   background-color: #999966;
   margin-top: 8px;
   margin-left: -10px;
   z-index: 10;
}

#menu_bandeau .menu-liste[data-depth='2'] {
   background-color: #686868;
   margin-top: 8px;
   margin-left: 50px;
   z-index: 20;
}

#menu_bandeau .menu-liste[data-depth='3'] {
   background-color: #888;
   margin-top: 8px;
   margin-left: 50px;
   z-index: 30;
}

.menu-entree {
   white-space: nowrap;
   /* line-height: 1em; */
   /* height: 1em; */
}

.menu-entree a {
   color: #fff;
   /* font-size: 1em; */
   text-decoration: none;
}

/*******************************************************************************************/

#menu_mobile {
   font-size: 1.2em;
   display: none;
   position: relative;
   top: 6px;
   height: auto;
   padding: 0;
   width: 100%;
   overflow: visible;
}

#menu_mobile .menu-entree {
   text-align: center !important;
}

#menu_mobile .menu-liste[data-depth="0"] {
   height: auto;
   overflow: visible;
}

#menu_mobile .menu-liste[data-depth='0'] li {
   /* border-bottom: 1px solid #fff !important; */
   padding: 0;
   min-height: 31px;
   line-height: 31px;
   cursor: pointer;
}

#menu_mobile .menu-liste[data-depth='0'] li.active {
   background-color: #4c4c33;
   color: #cccc99;
}

/* #menu_mobile .menu-entree:nth-child(1) {
	border-top: 1px solid #fff !important;
} */
#menu_mobile .menu-liste[data-depth='1'],
#menu_mobile .menu-liste[data-depth='2'] {
   display: none;
   position: relative;
   width: 100%;
   overflow-x: hidden;
}

#menu_mobile .menu-liste[data-depth='1'] li {
   background: #5f5f5f;
}

#menu_mobile .menu-liste[data-depth='0'] li span {
   padding: 6px 15%;
   cursor: pointer;
}

#menu_mobile .menu-liste[data-depth='0']>li:hover>span,
#menu_mobile .menu-liste[data-depth='0']>li>span:hover {
   color: #cccc99;
   cursor: pointer;
}

div.nav-toggle {
   display: none;
   min-height: 31px;
   max-height: 31px;
}

#toggle-menu {
   /*top: -50px;
   position: relative;*/
   visibility: hidden;
}

.button-toggle-menu {
   color: #e0e0d1;
   font-size: 1.0625em;
   cursor: pointer;
   padding-right: 70%;
}

.button-toggle-menu::before {
   font-family: FontAwesome;
   content: "\f0c9";
   display: inline-block;
   margin: 0 8px 0 0;
}

.overlay {
   position: fixed;
   top: 32px;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(255, 255, 255, 0.8);
   opacity: 0;
   pointer-events: none;
   transition: 0.3s opacity ease-in-out;
}

.toggle-menu:checked~#menu_mobile {
   display: block;
}

.toggle-menu:checked~.overlay {
   pointer-events: initial;
   opacity: .1;
}

.toggle-menu:checked~.button-toggle-menu::before {
   content: "\f00d";
   font-size: 1.1em;
}

/* FOOTER **********************************************************************************************************/

div#footer {
   padding: 0;
   margin-top: 20px;
   width: 100%;
}

.pied_bas {
   font-size: 1.0625em;
   color: rgb(238, 238, 238);
   /*background: #000000;*/
   padding: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.pied_bas .copyright {
   text-align: left;
   /*    width: 15%; */
   padding: 15px 15px 15px 20px;
   /* font-size: 0.9em; */
   /* line-height: 1.3em; */
   cursor: pointer;
   order: 1;
   position: relative;
   margin: 0;
}

.pied_bas a:hover {
   color: #625629;
}

.pied_bas .credits {
   height: 30px;
   width: 240px;
   margin: 0;
   padding: 10px 20px 10px 10px;
   cursor: pointer;
   order: 3;
   position: relative;
}

div.menu_footer {
   order: 2;
}

ul#menu_footer {
   margin: 10px 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

ul#menu_footer li {
   color: #fff;
   padding: 0;
   margin: 0;
   /* font-size: .9em; */
   /*min-height: 1.75em;*/
   /* line-height: 1.3em; */
   list-style-type: none;
}

ul#menu_footer li:not(:last-child)::after {
   content: '|';
   margin: 0 .7em;
   /*color: #fff;*/
}

.tooltip-credits .tooltiptext {
   background-color: #fff;
   /* font-size: 0.8em; */
   /* line-height: 1.3em; */
   text-align: left;
   padding: 10px 15px;
   position: absolute;
   z-index: 100;
   width: 330px;
   right: 20px;
   bottom: 45px;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: opacity .7s;
   transition: opacity .7s;
}

.tooltip-copyright .tooltiptext {
   background-color: #fff;
   /* font-size: 0.8em; */
   text-align: left;
   padding: 10px 15px;
   position: absolute;
   z-index: 100;
   width: 330px;
   left: 20px;
   bottom: 45px;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: opacity .7s;
   transition: opacity .7s;
}

.tooltip-credits:hover .tooltiptext,
.tooltip-copyright:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
   -webkit-transition: opacity .7s;
   transition: opacity .7s;
}

div#footer .tooltip-copyright .tooltiptext p {
   /* font-size: 1.2em; */
   /* line-height: 1.3em; */
   padding: 0;
}

div#footer .tooltip-copyright .tooltiptext a {
   color: #990000;
}

#formulaire_menu_lang.formulaire_menu_lang {
   display: none;
}

/*  *******************************************************************************************/

/*
.buttonslider {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 7px 7px;
	border: 1px solid #999966;
	border-radius: 3px;
	background: #ebebb0;
	background: -webkit-gradient(linear,left top,left bottom,from(#ebebb0), to(#999966));
background: -moz-linear-gradient(top,#ebebb0,	#999966);
background: linear-gradient(to bottom,#ebebb0,	#999966);
	font: normal normal normal 18px arial;
	color: #ffffff;
	text-decoration: none;
}
.buttonslider:hover, .buttonslider:focus {
	border: 1px solid #c7c785;
	background: #ffffd3;
	background: -webkit-gradient(linear,left top,left bottom,from(#ffffd3), to(#b8b87a));
background: -moz-linear-gradient(top,#ffffd3,	#b8b87a);
background: linear-gradient(to bottom,#ffffd3,	#b8b87a);
	color: #ffffff;
	text-decoration: none;
}
.buttonslider:active {
	background: #8f8f6b;
	background: -webkit-gradient(linear,left top,left bottom,from(#8f8f6b), to(#999966));
background: -moz-linear-gradient(top,#8f8f6b,	#999966);
background: linear-gradient(to bottom,#8f8f6b,	#999966);
}
*/
blockquote.spip {
   border-left: 4px solid #999966;
   margin: 1em 0;
}

blockquote.spip p {
   margin: 10px 0;
}

/*
#mention_legale blockquote.spip {
	border-left: 6px solid #009688;
	background: #eefffa;
	margin: 5px 0;
	padding: 10px 16px;
	line-height: 1.2em;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 6px 0 rgba(0,0,0,0.12);
}
#mention_legale blockquote.spip p {
	margin: 0;
}
#mention_legale {
	margin-top: 10px;
}
*/
.portfolio h2 {
   margin: 0 0 30px;
}

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

.rubrique .titre h1 {
   margin: 0 0 15px;
}

.extrait {
   border-left: 5px solid #cccc99;
   border-bottom: 1px solid #cccc99;
}

.sep {
   font-weight: 800;
}

.pagination {
   text-align: center;
}

.pagination .on {
   font-weight: normal;
   background: #fff;
   color: #c8c8c8;
}

.pagination a:hover {
   background: #d7d7d7;
   font-weight: 600;
}

span.prev,
span.next,
span.prev a,
span.next a,
li.pagination-item.prev span, /* spip 4*/
li.pagination-item.next span,
li.pagination-item.prev a,
li.pagination-item.next a {
   font-family: FontAwesome;
   font-size: 26px;
}

.extrait .introduction,
.complements {
   display: none;
}

.extrait {
   padding: 0 0 0 15px;
}

.extrait h3 {
   margin: 0 0 8px 0;
}

.portfolio>h2 {
   display: none;
}

.portfolio .pagination {
   margin: 0 0 25px 0;
}

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

/* FORMULAIRES CONTACT / LOGIN *******************************************************************************************/

.formulaire_spip {
   margin-bottom: 20px;
}

.formulaire_spip label.nofx {
   display: inline !important;
}

#login_public,
#contact {
   border: none;
   /*2px solid #808080;*/
   padding: 0;
   /*20px 30px 0 30px;*/
   margin-bottom: 20px;
}

#login_public .erreur_message {
 	display: none;
}

#contact label {
   margin-bottom: 5px;
}

#contact fieldset>legend:nth-child(1) {
   display: none;
}

#formulaire_contact {
   margin-top: -20px;
}

#password,
#var_login {
   margin: 5px 0 15px 0;
}

.boutons input.submit {
   color: #FFFFFF;
   padding: 10px 25px;
   border-radius: 6px;
   border: 1px solid #B2B28C;
   background: linear-gradient(to top, #B2B28C, #CCCC99);
}

.boutons input.submit:hover {
   text-shadow: 1px 1px 0px #575134;
}

/*  ***************************************************************************************************************/

.logometeo>img {
   margin: 5px auto;
}

.logometeo {
   text-align: center;
   height: 110px;
}

a.info_page[data-objet='Article']::before {
   font-family: FontAwesome;
   content: "\f016";
   display: inline-block;
   margin: 0 3px 0 0;
}

a.info_page[data-objet='Rubrique']::before {
   font-family: FontAwesome;
   content: "\f0ca";
   display: inline-block;
   margin: 0 3px 0 0;
}

#noisette_statistiques .contenu.stat_publi {
   display: none;
}

/* AUTEUR DANS NOISETTE VISITEUR *******************************************************************************************/
.raccourci_nav1 a {
   /* font-size: 19px; */
   /* line-height: 2em; */
   text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
}

.nav2 {
   width: initial;
}

.nav2 li {
   margin: 5px 10px 10px 10px;
}

.nav2 .auteur {
   margin: 0 10px;
}

.auteur>img {
   display: none;
}

.auteur {
   padding-top: 0 !important;
   margin-top: -5px !important;
}

.auteur a {
   text-decoration: none;
}

.auteur a::before {
   content: "\A0\A0";
}

/* PAGES ERREUR ***************************************************************************************************************/
.erreur .description {
   margin: 20px;
}

.erreur .avertissement {
   padding: 30px 20px;
   border: 2px solid red;
}

.erreur .description h3 {
   margin-bottom: 15px;
   color: red;
   font-weight: bold;
}

/* DIAPORAMA *****************************************************************************/

div#main-content {
   background-color: unset !important;
}

#conteneur0>iframe {
   border: 0;
}

#conteneur0>iframe body {
   overflow: hidden;
}

#galerymenubtn2 {
   display: none;
}

/* ADMIN BOUTONS ***************************************************************************************************************/

#spip-admin {
   right: 20px;
}

.spip-admin-boutons {
   display: inline-block;
   padding: 2px .4em 1px .4em !important;
   font-weight: normal !important;
   min-height: 18px;
   border-radius: 0 0 2px 2px !important;
   background: #393831 !important;
}

#debug-nav {
   overflow-x: hidden;
}

/* #spip-debug-toggle {
	top: 0;
	right: 35px;
} */
#spip-debug-toggle {
   top: -1px !important;
   right: 54px !important;
}

div.purge_cache {
   position: relative;
   top: -1px;
}

div.purge_cache:hover {
   background: #821414 !important;
}

div.purge_cache button.submit {
   border: none;
   padding: 0 0 0px 0;
   color: #fff;
   background: transparent;
   max-height: 16px;
   margin-top: -2px;
}

div.spip-admin-boutons {
   height: 18px;
}

/* BOUTON INCARNER */

a.bouton-incarner {
   font-weight: normal;
   padding: 2px .4em 1px .4em;
}

.menu-incarner {
   left: calc(50% - 110px);
   font-size: 14px;
}


/* spip_admin.css | https://istresrando.fr/spip/prive/spip_admin.css */

.spip-previsu {
  text-transform: none;
  opacity: 1;
  background-color: #393831;
  font-size: 16px;
  left: calc(50% - 78px);
  padding: 2px .4em 1px 2.4em;
  background-position: 3px 3px;
}


/* PLAN DU SITE *************************************************************************************************************/

ul.clear_menu,
ul.clear_menu li.menu-entree,
ul.clear_menu li.menu-entree a,
ul.clear_menu li.menu-entree span,
ul.clear_menu li.menu-entree:hover,
ul.clear_menu li.menu-entree a:hover,
ul.clear_menu li.menu-entree span:hover {
   all: initial;
   color: black;
   display: block;
   font-family: Roboto, Arial, Helvetica, sans-serif;
   /* font-size: 1em; */
   text-decoration: none;
   /* line-height: normal; */
}

ul.clear_menu * {
   background: none;
   color: black;
   border: none;
   margin: 0;
}

#plan_menu {
   margin: 0;
   padding-bottom: 10px;
}

/* #plan_menu ul { 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	font-size: 1em;
	line-height: 1em;
} */
#plan_menu ul li {
   font-weight: bold;
   padding: 5px 10px 10px;
   margin: 0 0 15px;
   border: 2px solid #888888;
   background: #eeeeee;
}

#plan_menu ul>li>ul>li {
   /* padding: .165em 0 0 14px; */
   margin: 0;
   border: 0;
   background: none;
}

ul.clear_menu>li>span {
   display: inline;
}

#plan_menu span,
#liste_pa span.texte_libre {
   padding: 5px 0 5px 15px;
   font-size: 1.5em;
   font-weight: 400;
   /* line-height: 1.4em; */
   text-decoration: none;
   display: inline;
}

#plan_menu span{
   color: #888888;
}
/* #plan_menu span:hover {
	color: #888888;
	text-decoration: none;
} */
#plan_menu a {
   padding: 0 0 0 15px;
   /* font-size: 1.1em;  */
   font-weight: normal;
   /* line-height: 1.2em; */
   color: #999966;
   cursor: pointer;
}

#plan_menu a:hover {
   color: #999966;
   /* text-decoration: underline; */
}

.pagination {
   margin: 15px 0;
}

.pagination a {
   padding: 0;
}

.arbre .noeud,
#plan_menu span,
#liste_pa span.texte_libre {
   padding: 0;
   margin: 5px 0 10px 0;
}

.arbre ul li li,
.arbre ul li li li {
   padding: 5px 0 0 10px;
}

.arbre a.feuille,
#plan_menu a {
   padding: 0;
   display: inline;
}

.arbre ul,
#plan_menu ul {
   margin: 5px 0 0 0;
}

/* .arbre ul li ul li > a:nth-child(1) {
	line-height: 1em;
} */
a.plan_plus {
   font-weight: normal;
   text-decoration: none;
   /* line-height: 1.8em !important; */
}

a.plan_plus:hover {
   text-decoration: underline;
}

.arbre a.feuille:hover,
.arbre a.noeud:hover {
   background-image: none;
   color: #757566;
}

.arbre a.feuille .date {
   display: none;
}

/* 
ul.clear_menu > li {
	width: 100% !important;
}
ul.clear_menu > li > a,ul.clear_menu > li > span {
	color: black;
}
ul.clear_menu > li > ul {
	margin-left: 20px;
}
ul.clear_menu > li > ul > li {
	border: none !important;
}
ul.clear_menu > li > ul > li:hover {
	background: #b6b6b6;
}
ul.clear_menu > li > ul > li:hover {
	background: lightgray;
} */

/* APPLIS REINTEGREE DANS SPIP ***************************************************************************************************************/
.trombi {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   font-family: sans-serif;
   font-size: 10pt;
   width: 100%;
   margin-top: 20px;
}

.trombi_adherent {
   text-align: center;
   padding: 4px 10px;
   width: 147px;
   height: 154px;
}

.trombi_photo {
   margin: auto;
}

.trombi_nom {
   margin-top: 6px;
}

/* new ******************************************************************************************************/

h1,
h2 {
   color: #fff !important;
   text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
}

.article a,
.article a.spip_in,
.article a.spip_out,
#noisette_annonce a.spip_in {
   color: #009688;
}

.article a:hover,
.article a.spip_in:hover,
.article a.spip_out:hover,
#noisette_annonce a.spip_in:hover {
   text-decoration: none;
   color: #009688 !important;
   text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
}

.caractencadre-spip {
   color: #d15536;
}

.caractencadre2-spip {
   color: #1aad21;
}

.site_nom h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.3em;
   line-height: 1em;
}

.site_nom h1 a,
.site_nom h1 a:hover {
   color: #fff;
   text-decoration: none;
}

div#header .site_nom h1 {
   margin: -5px 0 5px 0;
   line-height: 1.2em;
}

.bandeau_haut {
   min-height: 110px;
   gap: 8px 15px;
   padding: 0;
   padding-right: 15px;
   background: #009688;
   /* background: linear-gradient(300deg,#253bb0 10%, #0b867a 45%, #b6df5c 70%,#8bc34a 98%);
	background: -webkit-linear-gradient(300deg,#253bb0 10%, #0b867a 45%, #b6df5c 70%,#8bc34a 98%);
	background: -moz-linear-gradient(300deg,#253bb0 10%, #0b867a 45%, #b6df5c 70%,#8bc34a 98%); */
   background: linear-gradient(300deg, #8bc34a 7%, #bfe66a 40%, #0b867a 68%, #253bb0 90%);
   background: -webkit-linear-gradient(300deg, #8bc34a 7%, #bfe66a 40%, #0b867a 68%, #253bb0 90%);
   background: -moz-linear-gradient(300deg, #8bc34a 7%, #bfe66a 40%, #0b867a 68%, #253bb0 90%);
}

.MenuAppli .bandeau_haut {
   padding-left: 15px;
}

.MenuAppli .bandeau_haut>div:nth-child(1) {
   margin-top: 2px;
}

div.titre,
.noisette .contenu,
.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc {
   border: none;
}

.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc {
   background: #999966;
   padding: 8px 16px;
   /* line-height: 26px;
	font-size: 19px; */
}

#navigation,
#extra {
   width: 20%;
}

#noisette_navigation>div.contenu {
   /* on cache mot-clé */
   display: none;
}

/* #menu_bandeau, #menu_mobile {
  font-size: 1.25em;
}
.noisette .contenu .liste, .noisette .contenu .texte {
  font-size: 1.1em;
} */
.noisette .contenu .texte p {
   margin: 0.4em 0em;
   color: #444;
}

.noisette .contenu h2.titre_bloc {
   margin-bottom: 0;
   /* font-size: 19px; */
}

#noisette_publications .contenu h2.titre_bloc {
   background: #8e875f;
}

#edito.article .titre h1,
#une.article .titre h1,
#login_public .titre h1,
#rubrique .titre h1,
#article .titre h1,
#http_404 .titre h1,
#article_commenter .titre h1,
#contact .titre h1,
#expression .titre h1,
#agenda_annuel .titre h1,
#pagespeciale .titre h1,
.arbre .titre h1 {
   line-height: 1.1em;
   /*  font-size: 2.12em; */
   padding: 4px 16px 8px;
   margin: 0;
}

h3.spip {
   color: #8bc34a;
}

.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc {
   line-height: 26px;
   font-size: 19px;
}

#menu_bandeau,
#menu_mobile {
   font-size: 1.0625em;
}

.raccourci_nav1 a {
   font-size: 0.989585em;
   line-height: 2em;
}

.chemin {
   /* height: 31px; */
   font-size: 1em;
   /* line-height: 1.1em; */
}

#edito h3 {
   font-size: 1.25em;
	line-height: 1.0em;
}

.description p {
   font-size: .9375em;
}

/* div.titre {
	background: #999966;
   padding: 5px 16px;
} */
.noisette .contenu h2.titre_bloc,
.noisette .contenu .liste,
.noisette .contenu .texte {
   padding: 8px 16px;
   margin-bottom: 10px;
   font-weight: 400;
   /* line-height: 1.4em; */
   border: none;
	overflow: hidden;
}

#articles_rubrique {
   font-size: 95%;
}

.extrait {
   margin: 0 0 13px;
}

div#article button,
.article a.bouton,
.spip_documents a.bouton {
   /* line-height: 1.4em; */
   color: #fff !important;
   /* font-size: 1.2em !important; */
   display: inline-block;
   /* font-size: 19px !important; */
   padding: 8px 25px;
   /*	border: none;
	background: #8bc34a !important;
	text-shadow: rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px;
	*/
   border: 1px solid #B2B28C;
   border-radius: 6px;
   background: linear-gradient(to top, #B2B28C, #CCCC99);
}

.article a.bouton {
   margin: 15px 0;
   text-decoration: none;
}

div#article button:hover,
.article a.bouton:hover,
.spip_documents a.bouton:hover {
   /*	color:#009688 !important;
	text-shadow: rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);*/
   text-shadow: 1px 1px 0px #575134;
}

#article .cartouche,
#edito .cartouche,
#edito>br,
#edito .article_edito .titre,
#pass_securise,
.auteur {
   display: none !important;
}

.article_edito>h3 {
   font-size: 1.4em;
   margin-bottom: 0;
}

.article_edito>h3>strong {
   font-weight: normal;
   font-style: italic;
}

.nav2,
.nav2 li {
   border: none;
}

.nav2 ul {
   padding: 0 0 5px 0;
}

.nav2 li {
   margin: 0 0 15px 0;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

.raccourci_nav1 a {
   line-height: 2.2105em;
}

#nav_visiteur,
#noisette_statistiques {
   box-shadow: none;
   margin-bottom: 0;
}

.bandeau_chemin {
   padding: 0;
   background: #8bc34a;
   min-height: initial;
   max-height: 31px;
   line-height: initial;
}

.chemin {
   padding: 0;
}

.chemin span {
   padding: 0;
   height: 31px;
   display: inline-block;
   width: 31px;
   text-align: center;
   background: #009688;
   line-height: initial;
}

.bandeau_chemin span>a {
   color: #fff;
   margin: 5px 6px;
}

.bandeau_chemin span:hover {
   background: #cccccc;
}

.bandeau_chemin span:hover a {
   color: #000;
}

i.fa-home {
   font-size: 1.211em;
}

#menu_bandeau {
   background: #000;
}

#menu_bandeau li,
.chemin>i,
.chemin>a {
   color: #fff;
}

/* .chemin > span:nth-child(1) {
  position: relative;
  top: 1px;
} */
.chemin>i {
   line-height: 1.5em;
   margin: 0 3px;
}

.recherche_chemin {
   height: 31px;
}

div.titre {
   background: #009688;
}

#noisette_annonce h2 {
   background: #2196f3;
}

.pied_bas {
   background: #000;
   text-align: right;
}

.noisette .contenu h2.titre_bloc {
   background: #529556;
}

input.submit {
   background: #009688;
   color: #fff;
   padding: 3px 7px;
   font-size: 1em;
   margin: 0 0 0 7px;
}

.formulaire_recherche input.submit:hover {
   color: #525235;
   background: #cccccc;
}

img.spip_logo {
   height: 70px;
   border-radius: 4px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#img-sup-logo-ffr {
   height: 50px;
}

#img-sup-logo-gm {
   padding: 4px;
   height: 58px;
}

.spip_logo,
.logo {
   padding: 8px;
   width: auto;
   background-color: #fff;
}

.fin-bandeau:nth-child(5) {
   margin-left: auto;
}

.sup-logo {
   display: block;
   height: 66px;
}

li.raccourci_nav1 a {
   background: #8bc34a;
}

li.raccourci_nav1:nth-child(1) a {
   background: #3f51b5;
}

li#espace_prive a {
   background: #009688;
}

.raccourci_nav1 a:hover {
   color: #009688;
   background: #8bc34a;
   text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
}

li#login_membre:hover {
   box-shadow: 0 4px 10px 0 rgba(76, 175, 80, 0.9), 0 4px 20px 0 rgba(76, 175, 80, 0.7);
}

li#form_contact:hover {
   box-shadow: 0 4px 10px 0 rgba(0, 150, 136, 0.6), 0 4px 20px 0 rgba(0, 150, 136, 0.4);
}

li#logout_membre:hover {
   box-shadow: 0 4px 10px 0 rgba(255, 87, 34, 0.7), 0 4px 20px 0 rgba(255, 87, 34, 0.5);
}

li#espace_prive:hover {
   box-shadow: 0 4px 10px 0 rgba(139, 195, 74, 0.9), 0 4px 20px 0 rgba(139, 195, 74, 0.7);
}

li#logout_membre a:hover {
   color: #ff5722;
}

li#espace_prive a:hover {
   color: #8bc34a;
}

.formulaire_recherche input.submit {
   margin: 0;
   background: #009688;
   color: white;
   font-size: 1em;
   padding: 0 6px;
   height: 30px;
}

.article a.bouton {
   margin: 15px 0;
}

div#article button,
#pagespeciale a.bouton,
#pagespeciale button,
#pagespeciale input[type="button"],
#pagespeciale input[type="submit"],
.article a.bouton,
.spip_documents a,
.boutons input.submit,
div#content.MenuChoix button:not(#buttonTop, #scrolldown),
#content input[type="button"],
#content input[type="submit"],
#contentPage input[type="button"],
#contentPage input[type="submit"],
#contentPage button,
#bas  input[type="button"],
#bas button,
#documents_joints a {
   border: none;
   border-radius: unset;
   line-height: 1.4em;
   color: #fff; /* !important */
   background: #8bc34a; /* !important */
   /*font-size: 1.2em !important;*/
   display: inline-block;
   font-size: 19px; /* !important */
   padding: 8px 25px;
   text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
   cursor: pointer;
}

div#article button:hover,
#pagespeciale a.bouton:hover,
#pagespeciale input[type="button"]:hover,
#pagespeciale input[type="submit"]:hover,
.article a.bouton:hover,
.spip_documents a:hover,
.boutons input.submit:hover,
div#content.MenuChoix button:not(#buttonTop, #scrolldown):hover,
#content input[type="button"]:hover,
#content input[type="submit"]:hover,
#contentPage input[type="button"]:hover,
#contentPage input[type="submit"]:hover,
#contentPage button:hover,
#bas input[type="button"]:hover,
#bas input[type="submit"]:hover,
#bas button:hover,
#pagespeciale button:hover,
#documents_joints a:hover  {
   color: #009688 !important;
   text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
   box-shadow: 0 4px 10px 0 rgba(0, 150, 136, 0.6), 0 4px 20px 0 rgba(0, 150, 136, 0.4);
   /* box-shadow: 0 2px 5px 0 rgba(52, 109, 57, 0.16),0 2px 10px 0 rgba(65, 214, 85, 0.12); */
}

a.spip_doc_lien {
  background: unset;
  padding: 7px 7px 0px;
}

a.spip_doc_lien:hover {
  box-shadow: none;
  background: #edffdb;
}

#bas input[type="button"]:disabled,
#bas input[type="submit"]:disabled
{
  background-color: #ccc !important;
}

#buttonTop,
#scrolldown {
   display: none;
   position: fixed;
   bottom: 20px;
   right: 25px;
   z-index: 99;
   border: none;
   outline: none;
   cursor: pointer;
   line-height: 16px;
   padding: 8px;
   font-size: 18px;
   text-align: center;
   color: #fff;
   background-color: #009688;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4), 0 2px 10px 0 rgba(0, 0, 0, 0.35);
}

#buttonTop:hover,
#scrolldown:hover {
   color: #000;
   background-color: #ccc;
}

#documents_joints {
  display: inline-block;
  clear: both;
  width: 100%;
  margin: 0 auto;
}
#documents_joints dt {
  width: unset;
}
#documents_joints dl {
  width: unset;
  margin: unset;
  float: unset;
}
#documents_joints a {
  margin-bottom: 15px;
}
#documents_joints a img {
  margin: unset;
}
#documents_joints img.spip_logo {
  border-radius: unset;
  box-shadow: unset;
}
#documents_joints .spip_logo {
  padding: unset;
  background-color: unset;
}

.menuItem,
.menu-liste li {
   /* line-height: 15px; */
   background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), -webkit-gradient(linear, left top, left bottom, from(#0000), to(#0000));
   background-image: -webkit-linear-gradient(white, white), -webkit-linear-gradient(#0000, #0000);
   background-image: -moz-linear-gradient(white, white), -moz-linear-gradient(#0000, #0000);
   background-image: -o-linear-gradient(white, white), -o-linear-gradient(#0000, #0000);
   background-image: linear-gradient(white, white), linear-gradient(#0000, #0000);
   background-repeat: no-repeat;
   background-position: center bottom;
   -webkit-background-size: 0 2px, auto;
   -moz-background-size: 0 2px, auto;
   -o-background-size: 0 2px, auto;
   background-size: 0 2px, auto;
   -webkit-transition: background .2s ease-out;
   -moz-transition: background .2s ease-out;
   -o-transition: background .2s ease-out;
   transition: background .2s ease-out;
}

.menuItem:hover,
.menu-liste li:hover {
   background-size: 100% 2px, auto;
}

ul.menu-liste li:hover {
   background-color: #009688;
}

#menu_bandeau .menu-liste[data-depth="1"] {
   background-color: #156a8e;
   background-color: #484848;
}

#menu_bandeau .menu-liste[data-depth="1"] li {
   line-height: 14.5px;
   /* blème pas foutu d'afficher la même hauteur */
}

#menu_bandeau .menu-liste[data-depth="2"] {
   background-color: #3b8aac;
   background-color: #686868;
}

#menu_bandeau .menu-liste[data-depth="3"] {
   background-color: #6aafcc;
   background-color: #888888;
}

ul.menu-liste li:hover>a,
ul.menu-liste li:hover>span {
   color: #fff;
   text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
}

.spip_documents a.img_link {
   background: none
      /* !important */
   ;
   box-shadow: none;
}

div.editer {
   margin-top: 10px;
}

div.nav-togglez {
   background: #000;
}

#menu_mobile .menu-liste[data-depth="0"] {
   background: #393939;
}

#menu_mobile .menu-liste[data-depth="0"] li.active {
   color: #fff;
   background-color: #009688;
   background-image: linear-gradient(white, white), linear-gradient(#0000, #0000);
   background-size: 100% 2px, auto;
}

/* #menu_mobile .menu-liste[data-depth="0"] li.hover,
#menu_mobile .menu-liste[data-depth="1"] li.hover {
	background-color: #009688;
	color: #fff;
} */
.noisette .contenu .liste li .titre {
   color: #444;
}

.noisette .contenu .liste li a.titre,
#noisette_navigation.noisette .contenu .liste li a.titre,
#noisette_publications.noisette .contenu .liste li a.titre {
   padding: 0;
   margin: 0 0 10px 0;
   font-weight: 400;
   background: none;
   /* line-height: 1.2em; */
}

.noisette .contenu .liste li a.titre:hover {
   background: none;
   text-decoration: none;
   color: #000;
   text-shadow: rgba(167, 167, 167, 0.5) -1px -1px 1px, rgba(119, 119, 119, 0.74) 1px 1px 1px;
}

#noisette_navigation.noisette .contenu .liste li a.titre:hover {
   background: none;
   text-decoration: none;
   color: #000;
   text-shadow: rgba(82, 149, 86, .5) -1px -1px 1px, rgba(82, 149, 86, 0.74) 1px 1px 1px;
}

#noisette_publications.noisette .contenu .liste li a.titre:hover {
   background: none;
   text-decoration: none;
   color: #000;
   text-shadow: rgba(149, 148, 82, 0.5) -1px -1px 1px, rgba(129, 124, 78, 0.74) 1px 1px 1px;
}

#noisette_navigation .pagination {
   margin-top: 0;
   padding: 10px 0;
}

#noisette_navigation .pagination a {
   color: #529556;
}

#noisette_navigation .pagination a:hover {
   background: none;
   color: #363c35;
   /* text-shadow: rgba(82, 149, 86,.5) -1px -1px 1px,rgba(82, 149, 86, 0.74) 1px 1px 1px; */
}

#noisette_navigation.noisette .sep {
   visibility: hidden;
}

#noisette_statistiques h2 {
   color: #000;
   background-color: #ddffdd;
   padding: 0;
   margin: 0;
}

#noisette_statistiques div.contenu {
   color: #000;
   background-color: #ddffdd;
   border-left: 6px solid #4CAF50;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

#noisette_navigation.noisette .contenu .liste li span.titre,
#noisette_filtre.noisette .contenu .liste li span.titre,
#noisette_motscles.noisette .contenu .liste li span.titre {
   background: none;
   text-shadow: 1px 1px 1px #acacac;
}

.noisette .contenu h2.titre,
.noisette .contenu h2 a.titre,
.noisette .contenu .liste li .titre {
   padding: 0;
   margin: 0;
   background: none;
   font-weight: normal !important;
}

#noisette_navigation.noisette .contenu .liste li .titre,
#noisette_filtre.noisette .contenu .liste li .titre,
#noisette_motscles.noisette .contenu .liste li .titre {
   padding: 0;
   margin: 0 0 10px 0;
   font-weight: normal !important;
}

#noisette_filtre,
#pagination_filtre_motscles {
  display: none;
}

hr.spip,
#article .texte hr,
.MenuAppli hr {
   width: 95%;
   margin: 20px auto;
   height: 5px !important;
   border: none;
   background-image: linear-gradient(to right, rgba(139, 195, 74, 0), rgba(139, 195, 74, 0.95) 20%, rgba(139, 195, 74, 0.95) 80%, rgba(139, 195, 74, 0));
}

#noisette_annonce.noisette .contenu hr.spip {
   margin: 0.8em auto;
   width: 85%;
   height: 5px;
   border: none;
   background-image: linear-gradient(to right, rgba(139, 195, 74, 0), rgb(95, 184, 238) 20%, rgb(33, 150, 243) 80%, rgba(139, 195, 74, 0));
}

/* NOISETTE (MINI) AGENDA ***********************************************************************************************/

#titre_agenda {
   background: #3f51b5;
}

/*#titre_agenda:hover {
	box-shadow: 0 4px 10px 0 rgba(153, 0, 0,0.9),0 4px 20px 0 rgba(153, 0, 0,0.7);
}*/

#noisette_miniagenda.noisette,
#noisette_agenda.noisette {
   width: unset;
}

#noisette_miniagenda div.contenu>div:nth-child(2),
#noisette_agenda div.contenu>div:nth-child(2) {
   margin: -9px auto -7px auto;
}

#noisette_miniagenda a,
#noisette_agenda a {
   text-decoration: none;
   color: #3f51b5;
}

#noisette_miniagenda a:hover,
#noisette_agenda a:hover {
   color: #2196f3 !important;
}

#noisette_miniagenda a.intitule:hover,
#noisette_agenda a.intitule:hover {
   color: #8de3f7 !important;
}

#noisette_miniagenda.noisette .contenu table td#jour.today {
   border: none;
}

#noisette_miniagenda a.intitule,
#noisette_agenda a.intitule {
   /*font-size: 1.25em;*/
   border: none;
   color: #fff;
}

#noisette_miniagenda.noisette div.calend,
#noisette_agenda.noisette div.calend {
   display: inline-block;
   text-align: center;
   font-size: 1.25em;
   line-height: 1.3em;
   font-weight: bold;
   color: #3f51b5;
}

#noisette_miniagenda.noisette div.calend.titre_bloc.bord a,
#noisette_agenda.noisette div.calend.titre_bloc.bord a {
   font-size: 20px;
}

#noisette_miniagenda.noisette div.calend.titre_bloc.vide,
#noisette_agenda.noisette div.calend.titre_bloc.vide {
   font-size: 20px;
   color: #cecece;
}

#noisette_miniagenda.noisette .contenu div.titre_bloc.centre {
   width: 60%;
}

#noisette_miniagenda.noisette .contenu div.titre_bloc.bord.bordgauche {
   width: 20%;
}

#noisette_miniagenda.noisette .contenu div.titre_bloc.bord.borddroit {
   margin-left: calc(10% - 12px);
}

#noisette_miniagenda tr#jours,
#noisette_agenda tr#jours {
   height: 15px;
   vertical-align: middle;
   height: 25px;
}

#noisette_miniagenda th#jour,
#noisette_agenda th#jour {
   padding-top: 3px;
}

#noisette_miniagenda div#auj,
#noisette_agenda div#auj {
   line-height: 25px;
   text-align: center;
   border-bottom: 1px solid #808080;
}

#noisette_miniagenda.noisette .contenu table td#jour.event {
   background: #5eb8ff;
   border-top: #fff solid 1px;
   border-left: #fff solid 1px;
}

#noisette_miniagenda td#jour.event div {
   color: #fff;
   width: 100%;
}

#noisette_miniagenda .nextevt {
   background: #3f51b5;
   color: white;
   line-height: 20px;
   padding: 3px 0 2px 6px;
}

#noisette_miniagenda.noisette .contenu table td,
#noisette_agenda.noisette .contenu table td {
   color: #444;
}

#noisette_miniagenda.noisette .contenu table td.horsperiode,
#noisette_agenda.noisette .contenu table td.horsperiode {
   color: #8a8a8a;
}

#footer_evenements td.footer_colg {
   vertical-align: top;
}

#noisette_miniagenda td#jour div {
   width: 100%;
}

#noisette_miniagenda td#jour.event:hover div {
   cursor: pointer;
   color: #3f51b5;
}

#noisette_miniagenda td#jour.today div {
   border: solid 2px #3f51b5;
   width: calc(100% - 4px);
}

#noisette_miniagenda.noisette .contenu table#footer_evenements td {
   line-height: 1.35em;
}

#noisette_miniagenda.noisette .contenu table#footer_evenements td.footer_colg {
   padding: 1px 1px 1px 5px;
   font-weight: bold;
   width: 40% !important; /*FF*/
   width: 66px; /*IE*/
}

#noisette_miniagenda.noisette .contenu table#footer_evenements td.footer_cold {
   padding: 1px;
   width: 60% !important; /*FF*/
   width: 112px; /*IE*/
}

/* FULL AGENDA *************************************************************************************************/

/* Styles specifiques pour l'agenda */
#noisette_agenda.noisette .contenu table {
   table-layout: fixed;
   border-spacing: 0;
   width: 100% !important
      /*FF*/
   ;
   width: 178px
      /*IE*/
   ;
   font-size: 1.1em;
   text-align: center;
   border-collapse: inherit;
}

#noisette_agenda.noisette .contenu table thead {
   background: #808080;
   color: #ffffff;
}

#noisette_agenda.noisette .contenu table th {
   text-align: center;
   padding: 2px 0;
}

#noisette_agenda.noisette .contenu table td {
   line-height: 1.1em;
   color: #444444;
}

#noisette_agenda.noisette .contenu table td a {
   font-weight: bolder;
}

#noisette_agenda.noisette .contenu table td.libre,
#noisette_agenda.noisette .contenu table td.occupe {
   background-color: #ffffff;
   border: 1px solid #ffffff;
}

#noisette_agenda.noisette .contenu table td.horsperiode {
   background: #eeeeee;
   border: #eeeeee;
   color: #808080;
}

#noisette_agenda.noisette .contenu table td.today {
   font-weight: bolder;
   background: transparent;
   border: 1px solid #990000;
}

#noisette_agenda.noisette .contenu table td a {
   font-weight: bolder;
}

#noisette_agenda.noisette .contenu h2 a.titre_bloc {
   padding: 0 0;
   font-size: 1.2em;
   border-top: 1px solid #808080
}

#noisette_agenda.noisette .contenu h2.titre_bloc.centre,
#noisette_agenda.noisette .contenu h2 a.titre_bloc.bord {
   padding: 1px 0;
   border-top: 0;
   float: left;
   font-size: 1.2em;
}

#noisette_agenda.noisette .contenu .texte {
   padding: 2px;
   border-top: 1px solid #808080;
}

#noisette_agenda.noisette .contenu table#footer_evenements {
   padding: 2px 0;
   table-layout: fixed;
   border-top: 1px solid #808080;
   text-align: left;
   font-size: 1em;
}

#noisette_agenda.noisette .contenu table#footer_evenements td {
   line-height: 1.1em;
}

#noisette_agenda.noisette .contenu table#footer_evenements td.footer_colg {
   padding: 1px;
   font-weight: bold;
   width: 37% !important;
}

#noisette_agenda.noisette .contenu table#footer_evenements td.footer_cold {
   padding: 1px;
   width: 63%;
}

#noisette_agenda.noisette .contenu table#footer_evenements td.footer_cold a {
   font-weight: normal;
   color: #808080;
}

#noisette_agenda.noisette .contenu table#footer_evenements td.footer_cold a:hover {
   color: #808080;
}

#fullagenda>div.calend_head {
   height: 35px;
   padding-top: 10px;
}

#fullagenda.contenu div.titre_bloc.bord.bordgauche {
   width: 10% !important;
}

#fullagenda.contenu div.titre_bloc.bord.borddroit {
   margin-left: calc(5% - 12px);
}

#fullagenda.contenu div.titre_bloc.bord i,
#fullagenda.contenu div.titre_bloc.bord a {
   font-size: 140% !important;
}

#fullagenda.contenu div a {
   color: #009688;
}

#fullagenda.contenu div a:hover {
   color: #8bc34a !important;
}

#fullagenda.contenu div.titre_bloc.centre {
   width: 80% !important;
   color: #009688;
   font-size: 1.5em;
}

#pagespeciale #noisette_agenda.noisette {
   box-shadow: none;
}

#fullagenda.contenu table {
   border-collapse: collapse !important;
   border: rgba(0, 0, 0, 0.5) solid 1px;
}

#fullagenda.contenu table td#jour {
   height: 120px;
   border: rgba(0, 0, 0, 0.5) solid 1px;
}

#noisette_agenda.noisette .contenu table td#jour.event {
   background: #ffffff;
}

#noisette_agenda.noisette .contenu table td#jour.horsperiode {
   background: #eeeeee !important;
   color: #808080;
}

#noisette_agenda.noisette .contenu table td#jour.event.horsperiode div:nth-child(n+2) {
   opacity: 70%;
}

#fullagenda.contenu table td#jour div:first-child {
   border-bottom: rgba(0, 0, 0, 0.5) solid 1px;
   line-height: 26px;
}

#fullagenda.contenu table td#jour:not(.horsperiode) div:first-child {
   background: #dfffa1;
}

#fullagenda.contenu table td#jour.today div:first-child {
   color: #fff;
   background: #8bc34a;
   /*background-image: radial-gradient(circle, #e5dc20, #c2db32, #9fd845, #7dd357, #58cd69, #45c76a, #2ec16b, #00bb6c, #04b45d, #0cad4d, #13a63d, #199f2b);*/
   text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
   border: #000 solid 2px;
   line-height: 22px;
}

#fullagenda .evtClub {
   color: #000;
   border-radius: 4px;
   font-size: 12px;
   padding: 2px 4px;
   margin: 1px;
   line-height: 1.1em;
   text-align: left;
   cursor: pointer;
}

#agenda_annuel span.feuille:hover {
   cursor: pointer;
}

#agenda_annuel span.date {
   font-family: DroidSans;
   font-size: .97em;
}

#agenda_annuel>h1 {
   text-align: center;
   font-size: 1.4em;
   color: #009688 !important;
}

#agenda_annuel .avertissement {
   background: #ffe6d0;
   border: 1px solid #ffa700;
}

/* PETITES ANNONCES *********************************************/
#liste_pa span.texte_libre {
	color: #009688;
}
div.pa {
	vertical-align: top;
	width: 30em;
	height: fit-content;
	min-height: 4em;
	border: none;
	background: #ffffff80;
	margin-left: 15px;
	padding: 3px 5px;
	margin-left: 100px;
	margin-top: -20px;
}
div.pa ul li,
div.pa ul li li {
	font-weight: normal;
   padding: 0;
}
div.pa ul {
	padding-left: 15px;
}
.photos_pa {
	width:100%; border:none;
}
.photos_pa td {
	width: 30%;
	padding: 3px;
	text-align: center;
	vertical-align: top;
}
.img_pa {
	max-height: 500px;
}
/* #formulaire_formidable-1{
	font-size: 1em;
} */
#formulaire_formidable-1 select,
#formulaire_formidable-1 #champ_input_3 {
	width: fit-content;
}
#formulaire_formidable-1 #champ_input_1 {
	width: 40%;
}
#formulaire_formidable-1 .forum {
	margin-bottom: 0; 
}
#formulaire_formidable-1 #champ_textarea_1-counter, 
#formulaire_formidable-1 .textarea-counter-nb {
	font-size: .9em;
	/* margin-top: -10px; */
	font-style: italic;
}
#formulaire_formidable-1 label {
	margin: 20px 0 8px;
	color: #009688;
}
#formulaire_formidable-1 #champ_date_1 {
	width: 140px;
	text-align: center;
	margin-bottom: 20px;
}
#formulaire_formidable-1 #champ_input_3 {
	text-align: right;
}
#formulaire_formidable-1 .choix.force_inline label {
	display: inline;
	line-height: 1.8em;
	color: black;
}
#formulaire_formidable-1 #champ_textarea_1 {
	resize: vertical;
  overflow: auto;
}

#noisette_pa a {
   text-decoration: none;
}

#noisette_pa .contenu>a:hover h2{
   color: #7eff86 !important;
}
 
/* FORMULAIRE **********************************************************************************************/

#formulaire_login input.submit {
   margin: 0;
}

#formulaire_login fieldset legend {
   display: none;
}

.formulaire_spip label {
   font-weight: normal;
}

.details {
   float: right;
   margin-top: 8px;
}

#formulaire_login fieldset legend,
#contact fieldset legend {
   display: none;
}

#formulaire_login .details a {
   text-decoration: none;
   color: #000;
   font-weight: normal;
}

#formulaire_login .details a:hover {
   text-shadow: rgba(255, 0, 0, .3) -2px -2px 2px, rgba(90, 0, 0, .8) 2px 2px 2px;
}

.formulaire_spip .boutons {
   text-align: center;
}

.rubrique {
   padding: 0;
}

.rubrique .description {
   display: none;
}

#articles_rubrique .pagination {
   margin: 20px 0;
   color: #009688;
}

#articles_rubrique .pagination .on {
   color: #fff;
   background: #009688;
}

#articles_rubrique .pagination a {
   padding: 2px 5px 0;
   color: #009688;
}

#articles_rubrique .pagination a:hover {
   font-weight: normal;
   background: #ccc;
   color: black;
}

#rubrique .description {
   margin: 0;
}

#articles_rubrique .extrait,
.recherche .commentaires li {
   border: none;
   border-left: 10px solid #8bc34a;
   background: #def7da;
   padding: 0;
}

.recherche .commentaires li {
   margin: 0 0 13px;
   padding: 10px 5px 9px 10px;
}

#articles_rubrique .extrait:hover {
   background: #f0f0f0;
}

#articles_rubrique .extrait .cartouche,
.recherche .cartouche,
a.fonction.revenir_haut_page {
   display: none;
}

#expression.recherche .commentaires h2,
#expression.recherche .description h2 {
   background: none !important;
   color: #8bc34a !important;
   font-size: 1.5em;
   font-weight: normal;
   padding: 0;
   margin: 15px 0;
   border: none;
   text-shadow: none;
}

#articles_rubrique .extrait h3 a.titre,
.recherche .commentaires a.titre {
   font-size: 1.4475em;
   font-weight: 400;
   color: #535353;
   padding: 10px 5px 9px 10px;
}

#articles_rubrique .extrait h3 a.titre:hover {
   color: #2f2f2f;
   text-decoration: none;
   text-shadow: rgba(139, 195, 74, 0.5) -1px -1px 1px, rgba(139, 195, 74, 0.84) 1px 1px 1px;
}

.arbre ul li,
#plan_menu ul li {
   border: none;
   border-left: 10px solid #8bc34a;
   background: #def7da;
}

.arbre .noeud,
#plan_menu span {
   line-height: 1.4em;
   color: #535353;
}

.arbre a.feuille,
#plan_menu a {
   padding: 0 0 0 15px;
   font-size: 1.125em;
   font-weight: normal;
   line-height: 1.2em;
   color: #009688;
}

.arbre a.feuille:hover,
.arbre a.noeud:hover,
#plan_menu a:hover {
   color: #2f2f2f;
   text-shadow: rgba(139, 195, 74, 0.5) -1px -1px 1px, rgba(139, 195, 74, 0.84) 1px 1px 1px;
}

#plan_menu ul li li,
#plan_menu ul li li li {
   padding: 5px 0 0 10px;
}

#plan_menu ul.menu-liste li:hover>a,
#plan_menu ul.menu-liste li:hover>span {
   text-shadow: none;
}

.arbre .pagination a:hover {
   font-weight: 400;
   color: #000;
}

.arbre .pagination a {
   padding: 0 3px;
}

.arbre .pagination .on {
   padding: 0 3px;
   color: #848484;
}

.arbre .pagination a {
   color: #009688;
}

#pagination_article_numerotes,
#pagination_article_tri_rubrique,
#pagination_article_dates {
   display: inline-block;
   min-height: 20px;
}

div.cartouche>br {
   display: none;
}

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

.pied_bas a:hover {
   color: #8bc34a;
   text-shadow: #fff 1px 1px, #8bc34a 2px 2px 3px;
}

.rando {
   /* position: fixed;
	top: 3px;
	right: 320px; */
   height: 104px;
   width: auto;
   /*filter: invert(1) opacity(70%);
	-webkit-filter: invert(1) opacity(70%);*/
}
.leaflet-container {
	margin-bottom: 10px;
}

/* surcharge jquery-ui **********************************************************************************************/
/*
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: .3em 1em;
}
div.ui-tabs {
	border-radius: 0px;
	padding: 1px;
}
ul.ui-tabs-nav, .ui-dialog .ui-dialog-titlebar {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.ui-dialog .ui-dialog-buttonpane {
	background-color: #c7c7c7;
}
.ui-datepicker .ui-widget-header.ui-datepicker-header {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #999966 !important;
}
.ui-datepicker-month {
	background-color: #cccc99;
	border: 1px solid #adadad;
	margin-right: 8px !important;
}
.ui-datepicker td > a.ui-state-default {
	background-color: #eee9ce;
	margin: auto;
	text-align: center;
	vertical-align: middle;
}
td.ui-datepicker-week-end > a.ui-state-default {
	font-weight: 600;
}
td.ui-datepicker-other-month > a.ui-state-default {
	color: #7a6f3c;
	background-color: rgb(233, 233, 233);
}
.ui-datepicker-calendar td a:hover {
	background-color: rgb(211, 207, 166);
}
.ui-datepicker .ui-datepicker-buttonpane button {
	color: #000 !important;
	font-weight: normal !important;
}
/* .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	background-color: #eae2c2;
} 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #d20000;
	color: #d20000;
} */
/*
.ui-datepicker td > a.ui-state-highlight {
	border: 1px solid #b9b9b9;
	background-color: #ffffb6;
	color: #d20000;
}
*/
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
   margin-bottom: 0;
   padding-bottom: 0;
}

.embedPdfComputer {
   height: calc((100vw - 500px) * 1.4142)
}

.embedPdfLandscape {
   height: calc((100vw - 500px) * 0.8)
}

.embedPdfMobile {
   display: none;
   height: calc((100vw - 70px) * 1.4142)
}

/* ZACLYS ************************************************************************************************/

[id^=conteneur]>iframe {
   border: 0;
}

/* divers *********************************************************************************************************/

.precode {
  display: block;
  padding: 0 1em;
  margin: 1em 0;
  font-family: Courier, "Courier New", monospace;
  font-size: 1.2em;
  line-height: 1.5em;
  overflow: auto;
  max-height: 25em;
  border-left: 8px solid #669999;
  background: #eeeeee;
}

.spip_code {
  color: #000;
}

.marquee {
   overflow: hidden;
   /*order: 5;*/
   margin-top: -30px;
}

.marquee p {
   font-size: large;
   white-space: nowrap;
   color: #b90000;
   text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;
   position: absolute;
   width: 100%;
   margin: 0;
   padding-top: 3px;
   line-height: normal;
   text-align: center;
   overflow: clip;
   -moz-transform: translateX(100%);
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
   -moz-animation: bouncing-text 17s linear infinite alternate;
   -webkit-animation: bouncing-text 17s linear infinite alternate;
   animation: bouncing-text 25s linear infinite alternate;
}

.marquee p a {
   color: #8a8255;
   ;
   text-decoration: none;
}


/* formulaire de contact */

.markItUp .markItUpHeader ul a {
  	padding: 0.5em;
}

.markItUp .markItUpHeader {
	min-height: unset;
}

#formulaire_contact .editer > label > strong {
  	color: #009688;
}

@-moz-keyframes bouncing-text {
   0% {
      -moz-transform: translateX(100%);
   }

   100% {
      -moz-transform: translateX(-100%);
   }
}

@-webkit-keyframes bouncing-text {
   0% {
      -webkit-transform: translateX(100%);
   }

   100% {
      -webkit-transform: translateX(-100%);
   }
}

@keyframes bouncing-text {
   0% {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
   }

   100% {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
   }
}

@-webkit-keyframes blink {
   67% {
      opacity: 0
   }
}

@-moz-keyframes blink {
   67% {
      opacity: 0
   }
}

@-o-keyframes blink {
   67% {
      opacity: 0
   }
}

@keyframes blink {
   67% {
      opacity: 0
   }
}

/**********************************************************************************************************/

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 800px) {

   .pied_bas .copyright,
   .pied_bas .credits {
      align-self: flex-end;
   }

   .pied_bas .credits {
      margin: 0;
   }

   .pied_bas .copyright {
      width: 240px;
   }

   .tooltip-credits .tooltiptext {
      right: 0px;
   }

   .tooltip-copyright .tooltiptext {
      left: 0px;
   }
}

/**********************************************************************************************************/

@media only screen and (max-width: 800px),
only screen and (max-height: 380px) {
   div#navigation {
      order: 3 !important;
      align-self: flex-end;
      float: right;
   }

   div#content:not(.Appli) {
      order: 1 !important;
      margin-bottom: 20px;
      /* min-width: 320px; */
      margin-left: 20px;
   }

   div#extra {
      order: 2 !important;
   }

   div#wrapper {
      flex-wrap: wrap;
   }

   .embedPdfComputer {
      height: calc((100vw - 70px) * 1.4142)
   }

   .rando {
      height: 69px;
   }
}

/**********************************************************************************************************/

@media only screen and (max-width: 640px) {
   .menu_rub1 ul.menulist ul {
      top: 30px;
      left: 0px;
   }

   #spip-admin {
      right: 6px;
   }

   .rando {
      display: none;
   }
   #formulaire_formidable-1 {
		padding: 0;
	}
}

/**********************************************************************************************************/
/*landscape*/
@media only screen and (max-width: 640px),
only screen and (max-height: 380px) {
   div#wrapper {
      margin: 24px 0 5px 0;
      flex-wrap: wrap;
      flex-direction: column;
   }

   #content {
      font-size: 90%;
   }

   #content p {
      line-height: 1.2em;
   }

   div.titre h1 {
      font-size: 1.8em;
   }

   .video_article>iframe {
      width: 100%;
      height: auto;
   }

   .marquee p {
      padding-top: 0;
      /* 		-moz-animation: bouncing-text 5s linear infinite alternate;
		-webkit-animation: bouncing-text 5s linear infinite alternate;
		animation: bouncing-text 10s linear infinite alternate;
*/
   }

   /*
	div#navigation, div#content, div#extra {
		width: 90%;
		padding: 0 5%;
		padding: 0;
		margin: 0 auto;
	}
	#edito.article,
	#une.article {
		padding: 10px 15px;
	}
*/
   .nav2 {
      width: 100%;
   }

   /*
	#header {
		position: static;
		top: 32px;
	}
*/
   .bandeau_haut {
      order: 2;
   }

   #topnav {
      order: 1;
      /* font-size: 90%; */
   }

   div.nav-toggle {
      display: block;
   }

   /* a.nav-toggle,  */
   div.nav-togglez {
      display: block;
      /* font-size: 1.2em; */
      background: #000000;
      text-align: left;
      color: #ffffff;
      /* line-height: .98em; */
      max-height: 32px;
      width: 100%;
      padding: 8px 0 7px 0;
   }

   #topnav>div:nth-child(4) {
      position: fixed;
      top: 205px;
      z-index: 5;
   }

   div#navigation,
   div#content,
   div#extra {
      width: auto;
      min-width: auto;
      margin: 0 20px;
      max-width: initial;
   }

   div#navigation {
      order: 3 !important;
      padding: 0;
   }

   div#content:not(.Appli) {
      order: 1 !important;
      padding: 0 15px;
      margin-bottom: 20px;
   }

   div#content.MenuChoix {
      padding: 0;
   }

   div#extra {
      order: 2 !important;
      padding: 0;
   }

   /*
	#login_public,
	#contact,
	#edito.article,
	#une.article {
		padding: 0 15px;
	}
	*/
   #login_public,
   #contact {
      margin-bottom: 20px;
   }

   div.titre {
      margin: 0 -15px;
   }

   .menu_rub1 ul.menulist li.smenu,
   .menu_rub1 ul.menulist li.smenu>a {
      background-position: calc(170px + 15%);
   }

   .menu_rub1 ul.menulist li.smenu>a:hover {
      background-position: calc(167px + 15%);
   }

   .menu_rub1 ul.menulist ul {
      left: calc(178px + 15%);
   }

   .menu_rub1 ul.menulist,
   .menu_rub1 ul.menulist ul {
      width: initial;
   }

   #menu_bandeau {
      display: none;
   }

   /*
	a.nav-toggle {
		display: block;
	}
	div.nav-toggle:hover {
		position: relative;
		z-index: 10;
	}
	div.nav-toggle:hover #menu_mobile {
		display: block;
	}
	*/
   .w3-bar .w3-bar-item {
      float: initial;
   }

   #formulaire_contact,
   .formulaire_login {
      padding: 1em .3em;
   }

   #var_login,
   #password {
      width: 80% !important;
   }

   #edito.article,
   #une.article {
      text-align: left;
   }

   div.article div.cartouche,
   div.description br.nettoyeur:nth-child(1) {
      display: none;
   }

   input[name="fichierGpx"]+button {
      width: 250px !important;
   }

   .trombi_adherent {
      padding: 4px 2px;
      width: 127px;
      height: 136px;
   }

   .pied_bas .copyright {
      width: 125px;
   }

   .details {
      float: none;
   }

   /* new *******************************************************/
   .site_logo {
      height: unset;
   }

   img.spip_logo {
      height: 50px;
   }

   .bandeau_haut {
      min-height: 82px;
   }

   .MenuAppli .bandeau_haut {
      padding: 10px 15px;
   }

   .site_nom {
      font-size: 85%;
   }

   div.fin-bandeau,
   .nav_bandeau,
   .chemin>i,
   .chemin>a {
      display: none;
   }

   .details {
      margin: 0 0 10px;
   }

   /* PLAN DU SITE *****************************************************************************************/

   .arbre {
      max-width: 290px;
   }

   li.ui-tabs-tab {
      width: 99.5%;
   }

}

/**********************************************************************************************************/

@media only screen and (max-width: 380px) {

   .bandeau_haut {
      gap: 4px 7px;
      font-size: 82%;
   }

   #page {
      font-size: 90%;
   }

}

/**********************************************************************************************************/

@media (pointer:none),
(pointer:coarse) {

   .embedPdfComputer,
   .embedPdfLandscape {
      display: none;
   }

   .embedPdfMobile {
      display: block;
   }
}