/* #PRODUIRE{fond=css/perso.css}
   md5:cf3021e5de2292fd8b84706d367f9b53 */
/* fonts applis *******************************************************************************/

@font-face {
   font-family: "Barlow Condensed";
   font-weight: 300;
   src: url();
}

@font-face {
   font-family: "Barlow Condensed";
   font-weight: 400;
   src: url();
}

@font-face {
   font-family: "Abril Fatface";
   font-weight: 400;
   src: url('https://lapassacaille-istres.fr/spip/squelettes/fonts/AbrilFatface-Regular.ttf');
}

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

@font-face {
   font-family: PlayfairDisplay;
   font-weight: normal;
   font-style: normal;
   src: url('') format("truetype");
}

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

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

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

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

@font-face {
   font-family: PlayfairDisplay;
   font-weight: 700;
   font-style: italic;
   src: url('https://lapassacaille-istres.fr/spip/squelettes/fonts/PlayfairDisplay-MediumItalic.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
}

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

/*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{
   font-family: Roboto, Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
}*/
body {
   font-size: 1em;
   /* correspond a une taille de 10px car 10px/16px = 0, 625 */
   /*line-height: 85%;*/
   height: 100%;
   overflow-x: hidden;
}

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

.bandeau_haut {
   order: 1;
}

#topnav {
   order: 2;
}

.bandeau_chemin {
   order: 3;
}

.top_gradient {
   order: 4;
}

.motif_music {
  position: absolute;
  top: 139px;
  right: 0;
  height: calc( 100% - 191px);
  width: auto;
}

.motif_music > img {
  filter: opacity(50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

div#wrapper {
   display: flex;
   margin: 30px 0 5px 0;
}

div#page {
   position: relative;
   margin-top: 0;
}

div#navigation {
   order: 1;
}

div#extra {
   order: 3;
}

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 0 20px;
   margin-bottom: 16px;
   min-width: 420px;
   max-width: 80%;
   flex-basis: calc(100% - 600px);
   width: initial;
}

.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: 2em;
   margin: 0;
   padding: 11px 16px;
   text-align: center;
}

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

div.spip-block-center a {
   line-height: 2em;
}

div.spip-block-center {
   margin-bottom: 10px;
}

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

.bandeau_haut {
   /*max-height: 86px;*/
   padding: 10px 20px;
}

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

.site_logo {
   margin-right: 20px;
}

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

.site_nom h2 {
   line-height: 1.5em;
}

/* 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;
}

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

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 0;
   height: 26px;
   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(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

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

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

.menu_rub1 ul.menulist,
.menu_rub1 ul.menulist ul {
   border-bottom: 1px solid #ffffff;
   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,
#menu_mobile {
   font-size: 1.2em;
   padding-left: 8px;
   background: #757566;
   width: calc(100% - 8px);
}

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 a {
   color: #fff;
   text-decoration: none;
}

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

.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: 7px;
   margin-left: -10px;
   z-index: 10;
}

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

#menu_bandeau .menu-liste[data-depth='3'] {
   background-color: #888;
   margin-top: 9px;
   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 {
   display: none;
   position: relative;
   top: 8px;
   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: 32px;
   line-height: 32px;
   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-color: #999966;
}

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

.button-toggle-menu {
   color: #e0e0d1;
   font-size: 1.24em;
   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;
}

.pied_bas {
   /*background: #000000;*/
   padding: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.pied_bas .copyright {
   text-align: left;
   width: 210px;
   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: 30px;
   margin: 0 0 0 190px;
   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;
}

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 {
   font-family: FontAwesome;
   font-size: 1.4em;
}

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

#contact label {
   margin-bottom: 5px;
   margin-top: 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:nth-child(3) {
   display: none;
}

/* AUTEUR DANS NOISETTE VISITEUR *******************************************************************************************/

.raccourci_nav1 a {
   font-size: 1.1em;
}

.raccourci_nav1 a:hover {
  background: #7b0000;
}

.nav2 {
   width: initial;
}

.nav2 li {
   line-height: 2em;
}

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

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

#spip-admin {
   right: 20px;
}

.spip-admin-bloc, .spip-admin-float {
  z-index: 210 !important;
}

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

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

#spip-debug-toggle {
   top: 0;
   right: 35px;
}

#spip-debug-toggle {
   top: -1px;
   right: 48px;
}

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

/* 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: Helvetica, Verdana, Arial, 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 {
   padding: 5px 0 5px 15px;
   font-size: 1.5em;
   font-weight: bold;
   line-height: 1.4em;
   text-decoration: none;
   color: #888888;
   display: inline;
}

#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 {
   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;
} */

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

#edito.article .titreh1,
#une.article .titreh1,
#login_public .titreh1,
#rubrique .titreh1,
#article .titreh1,
#http_404 .titreh1,
#article_commenter .titreh1,
#contact .titreh1,
#expression .titreh1,
agenda_annuel .titreh1,
.arbre .titreh1 {
   line-height: 1em;
   font-size: 2.12em;
   padding: 3px 16px;
   margin: 0;
}

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 {
   display: none;
}

#page {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(98, 0, 60, 0.94));
}

div#content,
#edito.article,
.formulaire_spip,
.formulaire_spip fieldset legend,
.noisette,
.content {
   background-image: linear-gradient(to bottom, rgb(225, 225, 225), rgb(138, 135, 112));
}

.spip_doc_pdf > object {
  height: 1080px;
}

.noisette,
.content {
   border-radius: 6px;
}

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

#noisette_badges,
#nav_recherche {
   display: none;
}

.site_nom>h1>a {
   font-family: "Abril Fatface";
}

.titre>h1 {
   font-family: "Abril Fatface";
}

.fin-bandeau {
   height: 80px;
   order: 4;
   margin: 0 20px 0 auto;
}

div.titre {
   border: none;
}

.extrait {
   border-left: 5px solid #9a031e;
   border-bottom: 1px solid #9a031e !important;
}

.bandeau_chemin {
   color: #4d4d35;
}

.bandeau_chemin a {
   color: #11110c;
}

.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc {
   color: #1e1e14;
   font-weight: bold;
}

.site_nom h2 {
   font-weight: bold;
}

#content {
   border: solid 1px #9a031e;
}

.titre {
   border-radius: 6px 6px 0 0;
}

.titre h1 {
   border: none;
   border-bottom: solid 1px #9a031e !important;
}

#voir_commentaires {
   display: none;
}

.commentaires h2 {
   padding: 0 0 5px 0p;
   margin: 0;
   background: none;
}

.noisette .contenu .texte {
   font-size: 1.2em;
}

#noisette_navigation.noisette .contenu .liste li .titre,
#noisette_filtre.noisette .contenu .liste li .titre,
#noisette_motscles.noisette .contenu .liste li .titre {
   font-weight: normal;
   font-size: 1.2em;
}

.noisette .contenu h2.titre,
.noisette .contenu h2 a.titre,
.noisette .contenu .liste li .titre {
   font-weight: normal;
}

.menu_horiz li {
   background: #840000;
}

#bandeau_bas #menu_rubriques>ul>li>ul>li>ul {
   margin-left: 70px;
   margin-top: -1px;
}

.menu_horiz li ul {
   min-width: 250px;
   width: auto;
}

#menu_rubriques>ul {
   background-color: #840000;
}

.menu_horiz a {
   padding: 7px 10px;
}

.menu_horiz li:hover,
.menu_horiz li.sfhover {
   background-color: #590000;
}

#noisette_navigation .liste>ul>li {
   line-height: 1.5em;
}

#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: url('https://lapassacaille-istres.fr/spip/plugins/auto/sarkaspip/v4.0.0/images/puce-n1.gif') left no-repeat;
}

#menu_rubriques>ul>li>ul>li>ul {
   margin-left: 0;
   margin-top: 0;
}

.menu_rub1 ul.menulist ul {
   left: 200px;
}

.menu_rub1 ul.menulist li.smenu:hover,
.menu_rub1 ul.menulist li.smenu>a:hover {
   background-color: #590000;
   background-position: 185px;
}

.menu_rub1 ul.menulist a:hover {
   background-color: #590000;
}

.menu_rub1 ul.menulist li.smenu,
.menu_rub1 ul.menulist li.smenu>a {
   background-position: 187px;
}

/* nouvelles couleurs **************************************************************************/

.bandeau_haut,
.pied_bas,
.bandeau_bas,
.menu_rub1 ul.menulist li.smenu,
.menu_rub1 ul.menulist li.smenu>a,
.menu_rub1 ul.menulist a,
.nav2 li {
   background: #840400;
}

.top_gradient {
   background-image: none;
}

#page {
	background-image: url('https://lapassacaille-istres.fr/spip/squelettes/images/choeur.png');
	background-color: #FFF7E4;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-blend-mode: overlay;
}

.bandeau_chemin,
div.titre,
.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc {
   background: #B88E4C;
}

div#content,
#edito.article,
.formulaire_spip,
.formulaire_spip fieldset legend,
.noisette,
.content {
   background-image: none;
   background-color: #FFFFFF;
}

#content {
   border: solid 1px #ff9d00;
}

.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc {
   border-bottom: 1px solid #FFF;
}

.titre h1 {
   border: none;
   color: #424200;
}

#noisette_publications li>a {
   font-size: 1.2em;
   margin-top: 5px;
}

.noisette .contenu h2 a.titre:hover,
.noisette .contenu .liste li a.titre:hover {
   color: #900;
   text-decoration: none;
}

.pagination .on {
   color: #700;
}

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

.arbre ul li {
   background: #fff;
}

.boutons input.submit {
   border: 1px solid #404040;
   background: #75bb4c;
}

.site_nom h1 a:hover,
.site_nom h2,
.site_nom h1 a {
   color: #ffef63;
}

.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc,
.menu_rub1 ul.menulist li {
   border-bottom: 1px solid #000000;
}

#content,
.noisette .contenu,
.menu_rub1 ul.menulist,
.menu_rub1 ul.menulist ul,
.nav2,
.nav2 li {
   border: 1px solid #000000;
}

#noisette_statistiques {
  background-color: #d7c9a9;
}

#noisette_statistiques > div {
  background-color: #fff;
}

#noisette_statistiques .contenu:not(:first-child) {
  margin-top: 13px;
}

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

.bandeau_chemin a {
   font-size: 0.9em;
}

#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 {
   font-size: 1.8em;
}

.menu_rub1 ul.menulist li.smenu:hover,
.menu_rub1 ul.menulist li.smenu>a:hover {
   background-color: #7b0000;
}

.bandeau_bas {
   display: none;
}

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

.marquee p {
   font-size: large;
   white-space: nowrap;
   color: #80804d;
   text-shadow: rgba(83, 83, 83, 0.5) 1px 1px 2px;
   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: #999966;
   text-decoration: none;
}

@-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: 860px),
only screen and (max-height: 384px) {
   div#navigation {
      order: 3 !important;
      align-self: flex-end;
      float: right;
   }

   div#content {
      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)
   }
}

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

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

   .marquee p {
      padding-top: 0;
      width: 250%;
      -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: #757566;
      text-align: left;
      color: #e0e0d1;
      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 {
      order: 1 !important;
      padding: 0 15px;
      margin-bottom: 20px;
   }

   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 {

	}
	*/
}