/*
Theme Name: lapesse
Theme URI: http://no.com/
Description: Thème utilisé par le site de la mairie de La Pesse
Version: 1.0
Author: Logitourisme & Julien Carnot
Tags: nature mairie La Pesse
*/


/*   RESET & BASE  */
html, body, div, span, applet, object, iframe, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
a {
    	color: #000080;
}
p {
	margin: 0 0 1em;
}
ol, ul {
	list-style: none
}
blockquote {
	margin:1em 2em;
	padding-left:1em;
	border-left: solid #000 3px
}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0; margin:1em auto}
iframe, object {width:720px}
object {min-height:900px}
body{
	margin:0 auto;
	font-family:Helvetica, Arial, sans-serif;
}
a[href^=tel]::before {
  	content:"\260E ";
}
a[href^=tel] {
	text-decoration:none
}

/* FONT FACES */
@font-face {
    font-family: 'ComicNeue-Angular-Bold';
    src: url('POLICES/ComicNeue-Angular-Bold.woff');
}

	
/* STYLES DE BASE */

.realisation_yata{
	text-align: center;
	font-size: 0.9em;
}

.realisation_yata a{color: #9fa41e!important; text-decoration: none;}

#content{
	max-width:95em;
	margin:0 auto;
	position:relative;
	z-index:4;
}
#content2{
  margin:4em auto 1em;
	display:flex;
  justify-content: space-between}

#page, #post,#actu {order:2}
.lastmod,.entry-date  {
    color: gray;
    font-size: .8em;
    text-align: center;
}
.entry-date{text-align:right}
.alignright{float:right;margin-left:1em;clear: left;}
.alignleft,.attachment-thumbnail{float:left;margin-right:1em;clear: right;}
.aligncenter{display:block; margin:1em auto}
.alignnone{margin:.2em 1em}

/* SLIDE */
#slide{
	position:absolute;
	top:43px;
	left:0;
	z-index:-1;
	width: 100%;
}
#slide > img { 
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    z-index: 0;
    width: 100%;
    animation: imageAnimation 60s linear infinite 0s; 
}
#slide > img:nth-child(1)  {
    animation:none;
opacity:1
}
#slide > img:nth-child(2)  {
    animation-delay: 10s; 
}
#slide > img:nth-child(3) {
    animation-delay: 20s; 
}
#slide > img:nth-child(4) {
    animation-delay: 30s; 
}
#slide > img:nth-child(5) {
    animation-delay: 40s; 
}
#slide > img:nth-child(6) {
    animation-delay: 50s; 
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}


/* MENU  DU HAUT (avec les fleurs)*/
#header .menu{
	float:right;
    font-family: ComicNeue-Angular-Bold;
}


		#top h1{
			color:#9fa41e;
			float: left;

		}
		#top h1 span{	
			display:none;
		}

		#top h1 span:first-child{
			font-size:50px;
			font-family: 'AirmoleStripeRegular';
		}
		#top h1 span:last-child{	
			font-family: 'ComicNeue-Angular-Bold';
		}
	#header .menu li{
		float:left;
		margin:7px 7px;
		padding:3px 0 3px 20px;
		background:url('IMG/fleur2.gif') no-repeat left;
	}
		#header .menu li:first-child{ background:url('IMG/fleur1.gif') no-repeat left; }
		#header .menu li:last-child{ background:url('IMG/fleur3.gif') no-repeat left; }
		#header .menu li img{
			margin: 0 4px -5px 6px;
		}
		#header .menu li:nth-of-type(1) a{ color:#028cc3;}
		#header .menu li:nth-of-type(2) a{ color:#d41919;}
		#header .menu li:nth-of-type(3) a{ color:#7e8213;}
	#header .menu:after {
		content: "";
		display: block;
		clear: both;
		visibility: hidden;
		font-size: 0;
		height: 0;
	}
	#header:after{
		content: "";
		display: block;
		clear: both;
		visibility: hidden;
		font-size: 0;
		height: 0;
	}

	
/* MENU PRINCIPAL */
#nav .menu {
 float:right;
  border-radius: 15px;
		background-color:#FFF;



}
	#nav .menu > li {
		float:left;
		position:relative;
		z-index:6;
	}
		#nav .menu > li > a{
			font-size:1.4em;
			padding: 10px;
			display:block;
			text-decoration:none;
			font-family: 'ComicNeue-Angular-Bold';
		}
			#nav .menu > li  a:hover{
				text-decoration:none;
				background-color: lightgrey;
			}
	#nav .menu > li:last-child  ul{
	
	}
	#nav .menu > li:first-child ul{ 
	
		margin-left:10%;
	}
	#nav .menu > li:nth-of-type(1) > a{ color:#9fa41e;}
	#nav .menu > li:nth-of-type(2) > a{ color:#028cc3;}
	#nav .menu > li:nth-of-type(3) > a{ color:#d68f06;}
	#nav .menu > li:nth-of-type(4) > a{ color:#d41919;}
	#nav .menu > li:nth-of-type(5) > a{ color:#636612;}
	#nav .menu ul{
	background-color:#fff;
  display:none;
	position:relative;
	z-index:5; 
float: left
	}
	#nav .menu li:nth-of-type(2) ul{ background-color : #d6f4f6;}
	#nav .menu li:nth-of-type(3) ul{ background-color : #fee4b3;}
	#nav .menu li:nth-of-type(4) ul{ background-color : #fcbabb;}
	#nav .menu li:nth-of-type(5) ul{ background-color : #e3e4bc;}
	
#nav .menu > li:hover ul{ 
		display:block;
		position:absolute;
        border-radius: 0 0 15px 15px
	}
#nav .menu > li:hover ul li {
        white-space:nowrap;
	      text-overflow:none;
        box-shadow: inset 0 1px 0 #FFF;
}


	#nav .menu ul a{
	display:block;
		padding: .5em;
		color:#000;
		text-decoration:none
	}


	
/* CONTENU PRINCIPAL */

.section{
	max-width:55em;
	border-radius: 15px;
	background:rgba(255,255,255,0.9);
	padding:1em 3em;
	line-height:150%;
}
.section > p:first-of-type{
	font-weight: bold
	}
	.section  h2{
		color:#753333;
		font-size:1.7em;
		font-family: 'ComicNeue-Angular-Bold';
		margin: 0 0 .2em;
		clear:both;	
		line-height:150%;
	}
	.section h3{
		font-family: 'ComicNeue-Angular-Bold';
		font-size:1.3em;
		margin: 2em 0 .2em;
		clear:both
	}
	.section table h3 {
		margin: .2em;
	}
	.section h4{
		margin: 1em 0 .2em
	}
	.section ul,.section ol {
		margin: .5em 2em;
		display: table;
	}
	.section ul li {
		list-style:disc;
		margin: 0 0 .3em 1em
	}
	.section ol li {
		list-style:decimal;
		margin: 0 0 .3em 1em
	}
	table, tr, td, th{
		border:1px solid black;
		padding:3px;
	}

	.section img{
		box-shadow: 3px 3px 4px 2px #bdbdba;
		max-width:100%;
		height:auto
	}
.wp-caption-text {
    font-weight: normal !important;
    font-size: 85%;
    text-align: center;
    color: grey;}
.embed-pdf-viewer + br + a {
    text-align: center;
    display: block;
    margin: -2em 0 0;
}
	
/* CONTENU PRINCIPAL POUR actu */
	.section#actu h3{
		margin:5px 0 10px 0;
	}
	.section#actu span{
		margin-left:5px;
		display:block;
	}
	.section#actu a{
		color:#028cc3;
		font-weight:bold;
	}
.metaevent {
    display: flex;
}
.metaevent h3{
	margin: 1em 0 0;
}
.metaevent div{
	width:100%;
}


/* SIDEBAR ACTUALITES */
#sidebar{margin:0}
#actualites, #sidebar_1 section, #sidebar section{
	background-color:#ffffffe6;
	max-width: 20em;
	padding: .2em .5em;
	margin-bottom:1em;
	text-align:center;
	border-radius: 15px;
	box-shadow: 1px 1px 1px 1px #bdbdbae6;
}
	#sidebar h2, #sidebar_1 .widget-title, #sidebar .widget-title{
		color:#028cc3;
		margin: .3em 0;
		text-align:center;
		border-bottom:2px solid #028cc3;
		font-family: 'ComicNeue-Angular-Bold';
		font-size:1.2em
	}
	#sidebar h2 a, #sidebar_1 .widget-title a, #sidebar .widget-title a{
		color:#028cc3;text-decoration:none}
	#sidebar .wp-block-latest-posts__post-title, #actualitesList .actu,  #sidebar_1 .event,  #sidebar .event{
		padding:.3em 0 ;
	}
		#sidebar .wp-block-latest-posts__post-title, #sidebar_1 .event > a, #sidebar_1 .widget_recent_entries li > a, #sidebar .event > a, #sidebar .widget_recent_entries li > a, #sidebar .widget_text a {
		color:#d41919;
		font-weight:700;
		text-align:center;
    		text-decoration:none
	}

	#sidebar .wp-block-latest-posts li:not(:last-child), #sidebar_1 .widget_recent_entries li:not(:last-child), #sidebar_1 .event:not(:nth-last-child(-n+2)), #sidebar .widget_recent_entries li:not(:last-child), #sidebar .event:not(:nth-last-child(-n+2)){
		background: url(/wp-content/themes/lapesse/IMG/sapin.png) 50% 100% no-repeat;
		padding:.3em 0 2.5em;
	}

	#sidebar p > a, #sidebar_1 .all-events-link > a, #sidebar .all-events-link > a{
		color:#028cc3;
		font-weight:bold;
	}




/* FOOTER */
#footer {
	clear:both
}
#footer_1{
	background-color:#707173;
	color:white;
	border-radius: 15px;
	padding:1em 2em;
}
#footer_1 section{margin:0 .5em}
#footer_1 #custom_html-2 {
    flex: 1;
}

#footer a {
	color:inherit;
}

#footer  h2{
		font-family: 'ComicNeue-Angular-Bold';
		margin: 0 0 .2em;
	}


#footer_1 li{
	margin:.2em 0 .5em 1.5em;
	list-style: disc
}

#footer .widget_links {width:100%;margin:1em 0}
#footer .widget_links ul,#footer_1,#search div{
    display: flex;
    justify-content: space-between;
}
#nav_menu-3,#text-2,#sib_subscribe_form-2{flex:1.1}
#text-3{flex:1.6}

.sib_signup_form label {
	width: 6.7em;
    display: block;
    float: left;
    text-align: right;
    margin: .2em .5em 0 0;
}

#search {    position: absolute;
    top: 50px;
    right: 0;}
#search input{
    background: #FFF;
    border-radius: 5px;
    border: solid 1px grey;
    margin-left: .3em;
    font-size:1em;
width:135px}

.screen-reader-text, .widget_links h2{
	display:none
}


#content2 img,
#footer img,
#content2 video {
	height: auto;
	max-width: 100%;
}


#crcm li:first-child::after {
	color: red;
	content: ": ce compte-rendu est en attente d'approbation par le Conseil municipal";
	font-weight: bold;
}


.btn {
  background: #028cc3;
  background-image: -webkit-linear-gradient(top, #028cc3, #2980b9);
  background-image: -moz-linear-gradient(top, #028cc3, #2980b9);
  background-image: -ms-linear-gradient(top, #028cc3, #2980b9);
  background-image: -o-linear-gradient(top, #028cc3, #2980b9);
  background-image: linear-gradient(to bottom, #028cc3, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.columns{display:flex;flex: 1 100%;}



/*MEDIA QUERY*/
@media screen and (min-width:761px) {
.mobile_menu{display:none !important}
}
@media screen and (max-width:760px) {
#content2,#footer_1, #footer_1 section, #search-3 {flex-direction:column; margin: 1em 0em;
border-radius: 0;clear: left; }
#page, #post {order:0 !important}
#footer .widget_search {margin:4em auto 0}
#footer .widget_links ul img,iframe, object {max-width:100%}
#sidebar section, #sidebar_1,#footer_1,.section,#content2 {
    max-width: none;
    border-radius: 0;
	margin:0;
	padding:.5em;
	display: block;
	box-shadow: 0;
}
	#search {
  top: 120px;
  
}
.menu-menuhead-container{display:none}
.section img{display:block;margin:1em auto;float: none}
.wp-block-file__embed {
  display: block !important;
}
#top img{max-width:100%;clear: both;}
#slide{top:0;height: 10px;}
	.section ul,.section ol .section blockquote {
		margin: .5em 1em;}

	#nav .menu {
 float:none;
  border-radius: 0;
		background-color:#FFF;



}
	#nav .menu > li {
		float:none;
		position:relative;
		z-index:6;
	}
	

#nav { padding-top: 10px; }

#nav > ul { padding-left: 10px; }

}
.mobile_menu { 
	display: block; 
	float: right;
	font-size: 4em;
	text-decoration: none;
	}
@media screen and (max-width:625px) {

.menu-menupp-container {
  padding: 0 15px 20px 15px;
  height: 0px;
  overflow: hidden;
}
.mobile_menu { 
	display: block; 
	float: right;
	font-size: 4em;
	text-decoration: none;
	}

.menu-menupp-container ul, .menu-menupp-container ul ul, .menu-menupp-container ul ul ul {
  display: block;
  position: static;
}

	#nav .menu ul{
  display:block;
	position:relative;
float:none;
	}
	
	#nav .menu > li:hover ul{ 
		position:relative}
	
.menu-menupp-container > ul { padding: 0px; }

.menu-menupp-container > ul > li {
  float: none !important;
  margin-top: 25px;
}

.menu-menupp-container ul li:hover { background: none; }

.menu-menupp-container ul li a {
  display: block;
  margin: 8px 10px 8px 10px;
  padding: 6px 15px 6px 2px;
  border-bottom: 1px solid rgba(255, 255, 255, .25);
  width: auto;
}

.menu-menupp-container ul li a:hover { background-color: rgba(255, 255, 255, .2); }

.menu-menupp-container ul ul { background: none; }

.menu-menupp-container ul ul li a { margin-left: 30px; }

.menu-menupp-container ul ul ul li a { margin-left: 60px; }

.menu-menupp-container a[aria-haspopup="true"]::after { display: none; }

}




@media only screen and (min-width: 1025px) {
#content2{
	justify-content: space-between}
#page, #post, #actualites{
	margin:0 0 1em}
}

@media print {
	body{font-size:14px}
	#slide,#footer, .menu, #actualites,#sidebar,#search{display:none}
	#content2,#header h1{margin:0 auto}
	#content,.section{max-width:none}
.fc-title {
    padding: 5px !important;
    text-overflow: ellipsis;
    white-space: pre-line;
}}