@charset "UTF-8";
/* CSS Document */

/*
Theme Name: krea3-ourville-en-caux
Description: Theme de la mairie de Ourville en Caux
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3
Template: krea3
*/

/*pour cacher accueil, carte, contact, mentions légales, plan du site du menu grands écrans*/
#menu li.page-item-4309, #menu li.page-item-4310, #menu li.page-item-4311,
	#menu li.page-item-4312 {
	display: none;
}

html, body {
	width: 100%;
}

html {
	scroll-behavior: smooth;
}

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	background: #fff;
}

main {
	width: 100%;
	padding: 0;
}

main#main-page {
	margin: 0 !important;
	background: #fff;
}

main#main-accueil {
	width: 100%;
	max-width: 100%;
	font-size: 1em;
	background-color: transparent;
	background-image: none;
}

.largeur92 {
	display: block;
	width: 96%;
	padding: 0;
	margin: 0 auto 0 auto;
	max-width: 1500px;
}

header {
	padding: 0;
    margin: 0;
    position: relative;
    z-index: 1001;
    top: 0;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    background-color: #FFF;
}

#logo-site {
	display: block;
    position: absolute;
    z-index: 1001;
    top: 10px;
    left: 0;
    margin: 8px 0 0 15px;
    /*padding: 0 0 0 30px;*/
    /*width: 207px;
    height: 43px;*/
    width:280px;
    text-align: center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    background:#fff;
}

header.responsive-menu-active #logo-site {
	z-index: 0;
}

header.responsive-menu-active #menu{background-color:#004C94;}

/*
#logo-site img {
	width: auto;
	max-height: 44px;
	float: left;
}*/

/***Outil taille du texte***/
#taille_texte {
	display: block;
	background: #028100 !important;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	position: fixed;
	z-index: 1000;
	right: 0;
	top: 150px;
	width: 45px;
}

#taille_texte span {
	color: #fff;
}

.jfontsize-button {
	display: inline-block;
	width: 45px;
	height: 40px;
	margin: 0;
	border: none;
	background: none;
}

#jfontsize-p{padding-left:10px;}
#jfontsize-m{padding-left:6px;}

.jfontsize-button:hover {
	border: none;
}

/***Fin Outil taille du texte***/
#recherche-top {
	display: inline-block;
	vertical-align: middle;
	height: 63px;
	padding: 11px 0 0 0;
}

/**********************ligne menu principal**********************/

nav#menu-principal {
    text-align: left;
    position: relative;
    width: 100%;
    font-size: 0.75em;
}

#menu {
    display: block;
    position: relative;
    width: 100%;
    height: 95px;
    padding: 20px 0 20px 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

#menu li.page-item-0 {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}


/******************fin ligne menu principal**********************/


/************************Page d'accueil**************************************/
#wrapper-diapo-accueil{
	position:relative;
}

#diapo-accueil {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
    display: block;
}

#logo-diapo {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%; /* à 50%/50% du parent référent */
	transform: translate(-50%, -50%);
	/* décalage de 50% de sa propre taille */
	width: 17%;
	max-width: 350px;
}

#logo-diapo img {
	display: block;
	width: 100%;
	height: auto;
}

/***********STYLES RGPD************/
.cc-color-override-1845025546.cc-revoke {
	border: 1px solid #eee !important;
}

.cc-color-override-1845025546.cc-window {
	border-top: 1px solid #eee !important;
}

.slider-nav a {
	background-color: rgba(0, 0, 0, 0.1);
}

/************************Page d'accueil**************************************/
#titre-en-un-clic {
	width: 100%;
	background: url(assets/images/titre-clic.png) center bottom no-repeat;
	position: relative;
	margin: -152px 0 0 0;
	z-index: 100;
}

#titre-en-un-clic h2 {
	font-weight: 300;
	text-align: center;
	font-size: 3em;
	text-transform: uppercase;
	margin: 0;
	color: #fff;
	padding: 40px 0 60px 0;
	text-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.6);
	background: url(assets/images/fond-o.png) 48.6% center no-repeat;
	background-size: 110px auto;
	/***
    padding:40px 0 70px 0;
    background: url(assets/images/fond-q.png) 48.6% center no-repeat;
    background-size: 110px auto;***/
}

#en-un-clic {
	text-align: center;
	display: block;
	padding: 5px 0 0 0;
	background: #baa082;
	height: 63px;
}

#en-un-clic ul {
	text-align: center;
}

#en-un-clic li {
	display: inline-block;
	margin: 0 0.4%;
	position: relative;
	width: 13%;
	border: 2px solid #e2d5c9;
	padding: 0;
	position: relative;
	height: auto;
}

#en-un-clic li a {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	position: relative;
	font-weight: 300;
	display: block;
	width: 100%;
	padding: 9px 0 13px 0;
	height: 79px;
}

#en-un-clic li a#acces2 {
	background: rgba(206, 169, 105, 0.8);
}

#en-un-clic li a:hover {
	text-decoration: underline;
}

#en-un-clic li .acces-img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	text-decoration: none;
	transition: all 0.45s;
	margin: 0 auto;
	position: relative;
}

#en-un-clic li .acces-img img {
	width: auto;
	height: 40px;
	display: block;
	margin: 0 auto;
}

#en-un-clic li .acces-texte {
	display: block;
	position: absolute;
	bottom: -15px;
	width: 100%;
	text-align: center;
}

#en-un-clic li .acces-texte span {
	margin: 0 auto;
	padding: 3px 8px;
	display: inline-block;
	transition: all 0.45s;
	font-size: 0.8em;
	color: #fff;
	background: #0372B2;
	position: relative;
	width: auto;
}

/**********************ligne1***********************************/
#fond-ligne1 {
	background: #fff;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	margin: 30px 0 100px 30px;
	display: block;
	clear: both;
	width: calc(100% - 30px);
}

#fond-ligne1:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(50% + 100px);
	height: 100%;
	background: #ccc;
	opacity: 0.3;
}

#ligne1 {
	position: relative;
	font-family: 'Montserrat', sans-serif;
	display: flex;
	align-items: center;
	width: 100%;
}

#ligne1 h2 {
	font-size: 3em;
	padding: 0 0 25px 110px;
}

#ligne1 h2 {
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	padding: 0 0 25px 110px;;
	font-weight: 400;
	vertical-align: middle;
	color: #0372B2;
}

#ligne1 h2 span {
	color: #333;
	text-transform: none;
	font-size: 0.8em;
	font-weight: 300;
	display: block;
	clear: both;
}

.lire-article {
	margin: 30px 0;
	text-decoration: underline;
}

#wrapper-liste-actu-accueil {
	width: 50%;
	margin-right: 40px;
}

#titre-actu-accueil, #titre-agenda-accueil {
	display: block;
	position: relative;
	z-index: 10;
}

#actu-accueil {
	display: block;
	position: relative;
	width: 100%;
	z-index: 0;
}

#actu-accueil #owl-actu {
	background: transparent !important;
}

#actu-accueil .actu-diapo.accueil {
	width: 100% !important;
	padding: 0 !important;
}

#actu-accueil .metas-content-int {
	background: #fff;
	padding: 15px;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}

#actu-accueil .visuel-actu {
	display: table-cell;
	position: relative;
	width: auto;
}

#actu-accueil h3 {
	display: block;
	margin: 0;
	padding: 10px 0;
	color: #fff;
	font-size: 1.1em;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	color: #0372B2;
	line-height: 1.3em;
}

a.lien-actu-accueil {
	display: inline-block;
	text-align: left;
	margin: 0 0 0 80px;
	padding: 0;
	color: #fff;
	background: #0372B2;
	font-weight: 400;
	font-size: 1em;
	text-decoration: none;
	font-family: 'Montserrat', Sans-serif;
	position: relative;
	vertical-align: middle;
}

#intitule-actu-accueil {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	padding: 10px 20px;
}

a.lien-actu-accueil:hover::before {
	height: 8px;
}

span.actu-plus {
	background: #0372B2;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 45px;
	border-radius: 50%;
	border: 5px solid #fff;
	text-align: center;
	margin: -30px auto 0 auto;
	display: block;
	z-index: 20;
	position: relative;
	font-weight: 200;
	font-size: 3.5em;
}

.owl-theme .owl-controls {
	margin-top: 0 !important;
}
/*
#droite-ligne1{
    position:relative;
    display:inline-block;
    width:40%;
    vertical-align:top;
    padding:0px 80px;
    z-index:0;
    background:#0372B2;
}

#droite-ligne1 h2{
    color:#fff;
}
*/

/* =Agenda accueil
----------------------------------------------- */
#wrapper-liste-agenda-accueil {
	width: 50%;
	/*padding-left: 130px;*/
}

#liste-agenda-accueil {
	margin-bottom: 70px;
}

/* un evenement accueil */
#liste-agenda-accueil .agenda {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 30px 0;
	position: relative;
	min-height: 100px;
}

#liste-agenda-accueil .agenda:last-child {
	margin-bottom: 0;
}

/* le rond avec la date */
#liste-agenda-accueil .agenda div.date {
	/*position: absolute;
    left: -125px;
    */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 50%;
	background: #fff;
	color: #028100;
	border: 1px solid #028100;
	line-height: 1;
	display: flex;
	font-size: .875rem;
	width: 100px;
	min-width: 100px;
	height: 100px;
	margin-right: 20px;
	position: relative;
}

#liste-agenda-accueil .agenda div.date span:not(:last-child) {
	margin-bottom: 2px;
}

#liste-agenda-accueil .agenda div.date .jour_nbre {
	font-size: 2.0625rem;
	margin-top: 5px;
	font-weight: 700;
}

#liste-agenda-accueil .agenda .detail p.date {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
}
/*
#liste-agenda-accueil .agenda .detail p.date .jour_nbre {
    font-weight: 700;
    font-size: 1.125rem;
    color: #000;
}*/
#liste-agenda-accueil .agenda .detail .titre {
	display: block;
	line-height: 1;
	letter-spacing: 1px;
	margin: 0 0 10px;
	font-size: 1rem;
}

#liste-agenda-accueil .agenda .detail .titre a {
	color: #000;
	font-weight: 900;
}

#liste-agenda-accueil .agenda:hover div.date {
	background: #028100;
	color: #fff;
	border-color: #028100;
	line-height: 1;
	display: flex;
	font-size: .875rem;
	width: 100px;
	min-width: 100px;
	height: 100px;
	margin-right: 20px;
	position: relative;
}

#liste-agenda-accueil .agenda:hover .detail .titre a {
	color: #028100;
	text-decoration: none;
}

a.intitule-agenda-accueil {
	margin-right: 15px;
	margin-bottom: 15px;
	background: #0372B2;
	display: inline-block;
	width: auto;
	padding: 12px 20px;
	font-size: .75rem;
	cursor: pointer;
	color: #fff;
	border: none;
	text-decoration: none;
	    position: absolute;
    right: 30px;
    bottom: 0px;
}

/* fin agenda accueil */

/******************fin ligne1***********************************/

/**Les actus**/
.resume-article-a-lire {
	padding: 0 10px;
	color: #333;
	font-size: 0.85em;
	font-weight: 200;
	line-height: 1.3em;
	display: block;
}

/**fin des actus**/

/******************agenda*****************************/
#ligne1 .owl-carousel .owl-item {
	/***padding:15px;***/
	padding: 0 40px;
}

#ligne1 .owl-theme .owl-controls {
	text-align: center !important;
}

a.lien-agenda-accueil {
	display: inline-block;
	margin: 85px 0 0 0;
	/*float:right;*/
	padding: 10px 20px;
	color: #0372B2;
	background: #f4eeeb;
	border: 2px solid #f4eeeb;
	font-weight: 400;
	font-size: 1em;
	text-decoration: none;
	font-family: 'Montserrat', Sans-serif;
	position: relative;
	text-align: center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	vertical-align: middle;
}

a.lien-agenda-accueil:hover {
	color: #0372B2;
	background: #fff;
	border: 2px solid #0372B2;
}

.content-agenda {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	text-align: left;
	padding: 0 20px;
}

.agenda.accueil .metas-content-block {
	position: relative;
}

/******************fin ligne1***********************************/

/*********************Ligne 2**************************/
#fond-ligne2 {
	position: relative;
	margin: 70px 0 0px 0;
	display: block;
	clear: both;
	width: 100%;
	background: url(assets/images/fond-actus.jpg) #e8d8bf no-repeat bottom
		center;
	background-attachment: fixed;
	padding: 0;
}

#ligne2 {
	display: table;
	width: 100%;
}


#fond-ligne2 h2 {
	text-transform: uppercase;
	display: block;
	position: relative;
	padding: 0 0 80px 0;
	margin: 0;
	font-weight: 400;
	text-align: center;
	color: #0372B2;
	background: #fff;
}

#fond-ligne2 h2 span {
	color: #333;
	text-transform: none;
	font-size: 0.8em;
	font-weight: 300;
	display: block;
	clear: both;
}

#ligne2 ul {
	margin: 0;
	padding: 20px 5px;
	list-style-type: none;
	text-align: center;
	display: table-cell;
	width: 75%;
	vertical-align: top;
	background: rgba(175, 130, 94, 0.8);
}

#ligne2 li {
	width: 19.5%;
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	opacity: 1;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#ligne2 li:hover {
	opacity: 0.5;
}

#ligne2 li a {
	text-decoration: none;
	color: #333;
	font-weight: 400;
	display: block;
	width: 100%;
	padding: 5px;
}

#ligne2 li img {
	width: 100%;
	height: auto;
	display: block;
}

#ligne2 li span {
	display: block;
	padding: 20px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#ligne2 li#decouverte1 span {
	border: 2px solid #333;
	margin: 10px 0 0 0;
}

#ligne2 li#decouverte2 span {
	background: #f4eeeb;
	margin: 0 0 10px 0;
}

#ligne2 li#decouverte3 span {
	margin: 10px 0 0 0;
}

#ligne2 li#decouverte4 span {
	border: 2px solid #333;
	margin: 0 0 10px 0;
}

#ligne2 li#decouverte5 span {
	background: #e5e1dc;
	margin: 10px 0 0 0;
}

/*********************ACTU UNE*****************************/
#gauche-ligne2 {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 25%;
}

#gauche-ligne2 h3 {
	color: #fff;
	background: #0372B2;
	margin: 0 0 10px 0;
	display: block;
	padding: 20px;
	text-align: center;
	line-height: 1.3em;
}

#gauche-ligne2 #actu-une {
	display: block;
	position: relative;
	padding: 0px 10px 0 10px;
	width: 100%;
}

#titre-actus {
	display: block;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}

#gauche-ligne2 #une_img_fond {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

#gauche-ligne2 #une_img_fond img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}

#gauche-ligne2 #une_img_fond::after {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	/***border:1px solid #fff;***/
	content: '';
	width: auto;
	height: auto;
}

#une_content {
	top: calc(100% - 42px);
	color: #333 !important;
	font-weight: 300;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.7);
	display: block;
	position: absolute;
	left: 0;
	padding: 8px 12px;
	font-weight: 300;
	z-index: 10;
	width: 80%;
	height: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	line-height: 1.6em;
	border: 2px solid rgba(255, 255, 255, 0);
}

#une_content p {
	margin: 0;
}

#gauche-ligne2 #une_img_fond:hover #une_content {
	top: 0;
	border: 2px solid #0372B2;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	font-size: 0.95em;
	padding: 25px;
}

#ligne2 .owl-theme .owl-controls .owl-page span {
	background: rgba(255, 255, 255, 0.4);
}

#ligne2 .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span
	{
	background: #0372B2;
}

/*********************FIN ACTU UNE*****************************/
/*********************FIN Ligne 3**************************/
/*********************FIn page accueil*******************/
#ligne-outils {
	margin: 30px 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	border-top: 1px solid #eee;
}

/*********Fil d'ariane***********/
#fil_ariane {
	color: #333;
	font-size: 0.75em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px 10px 10px 0 !important;
}

#fil_ariane a {
	color: #0372B2;
	font-weight: 500;
}

#fil_ariane a:hover {
	text-decoration: underline;
}

/**********************Outils************/
#outils {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 0.85em;
	width: auto;
	display: table;
	float: right;
}

#outils ul {
	display: table-cell;
	vertical-align: middle;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#outils ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
	float: right;
	height: 32px;
	/*border-right:1px solid rgba(0,0,0,0.1);*/
}

#outils ul li a {
	display: block;
	height: 32px;
	padding: 5px 0 0 32px;
	margin: 0;
	color: #615D59;
	text-decoration: none;
	font-weight: 700;
}

#outils ul li a span {
	display: none;
}

/**********Boutons de partage facebook, twitter, g+ *****/
#share_buttons {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	margin: 0;
	padding: 6px 0 0 0;
}

#share_buttons a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 0 0 3px;
	padding: 0;
}
/******Fin Boutons de partage facebook, twitter, g+ *****/

/******************Fin Outils************/
#image-header-page {
	width: 100%;
	margin: 0;
	display: block;
	border-bottom: 5px solid #0d96e0;
}

#image-header-page img {
	display: block;
	width: 100%;
	height: auto;
}

#la-page {
	/*background:linear-gradient(to right, #FFF calc(100% - 350px), #fafafa 350px);*/
	position: relative;
	padding: 40px 0 0px 0;
}

#content {
	float: left;
	width: 75%;
	height: auto !important;
	min-height: 400px;
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 1em;
	line-height: 1.4em;
	color: #666;
	padding: 0 40px;
}

#content_large {
	clear: both;
	width: 100%;
	padding: 0 30px 0px 30px;
	margin: 0;
	color: #666;
	background-color: #FFF;
	font-size: 1em;
	line-height: 1.4em;
	position: relative;
}

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

#content strong, #content_large strong {
	font-weight: 700;
}

/*************************************** Gauche ***************************************************/
#gauche {
	display: block;
	float: left;
	width: 25%;
	padding: 0 30px 0 0;
	margin: 0 0 20px 0;
	border-right: 3px solid #028100;
}

/****************************Menu page**********************************/
.sidebar {
	background-color: #fff;
	margin: 0;
	padding: 0px 0 0 20px;
}

/*bouton filtrer pour les petits écrans*/
#bt-filtrer {
	display: none;
}

.sidebar ul#menu_pages, .sidebar ul#menu_annuaire {
	margin: 0 0 30px 0;
	padding: 0px 0 30px 0;
	height: auto !important;
	height: 40px;
	min-height: 40px;
	font-size: 1em;
}

.sidebar ul .pagenav {
	font-weight: 600;
	color: #333;
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.2em;
	font-family: 'Montserrat', sans-serif;
	max-width: 300px; /*= la largeur des liens img*/
}

.sidebar ul#menu_pages .pagenav {
	color: #333;
}

.sidebar ul#menu_annuaire .pagenav {
	color: #333;
}

.sidebar ul .pagenav ul {
	text-transform: none;
	text-align: left;
	margin-top: 10px;
}

/*Les pages (niveau3)*/
.sidebar ul .pagenav ul ul {
	margin-top: 0;
	padding: 0 0 30px 0;
	font-size: 0.8em;
}

.sidebar ul li {
	list-style-type: none;
}

.sidebar ul#menu_pages a:hover {
	font-weight: bold;
}

.sidebar ul a {
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 0.8em;
}

.sidebar ul ul ul a {
	font-size: 1em !important;
}

.sidebar ul ul ul li:first-child {
	padding-top: 0 !important;
}

.sidebar ul#menu_pages a {
	color: #484a4b;
	font-weight: 400;
}

.sidebar ul#menu_annuaire a {
	color: #333;
	font-weight: 300;
}

/*mettre une majuscule aux mois dans les actus (demande Beuzeville) */
.sidebar ul#menu_pages.menu-actu a:first-letter {
	text-transform: uppercase;
}

.sidebar ul ul li:first-child {
	padding-top: 15px;
}

.sidebar ul ul li ul li:first-child {
	border-top: none;
}

.sidebar ul li.has_children {
	padding: 0;
	margin: 0;
}

.sidebar ul li.has_children ul {
	margin: 0 0 0 10px;
}

.sidebar ul li.has_children a {
	margin: 0;
}

.sidebar ul ul {
	padding: 0;
	margin: 0;
}

.sidebar ul ul li {
	margin: 0;
	padding: 0;
}

.sidebar ul ul ul li {
	padding-left: 10px;
}

.sidebar ul li.has_no_children a {
	padding-left: 10px;
	margin: 0 0 0 0;
}
/*
.sidebar ul li.has_no_children a:hover{
    
}*/
.sidebar ul#menu_pages li.current_page_item>a, .sidebar ul#menu_annuaire li.current_page_item>a
	{
	font-weight: 600;
	color: #028100;
}

.sidebar ul li.current_page_item.has_children a {
	border-left: none;
}

/*****************Menu déroulant gauche****************/
.sidebar ul li.pagenav ul li.niv-2 ul {
	display: none;
}

.sidebar ul li.pagenav ul li.niv-2.taxonomy_item.page_item.has_children ul
	{
	display: block;
}

.sidebar ul li.pagenav ul li.current_page_item ul {
	display: block;
}

.sidebar ul li.pagenav ul li.current_page_parent ul {
	display: block
}

.sidebar ul li.pagenav ul li.current_page_ancestor ul {
	display: block;
}

/****************Fin Menu déroulant gauche**************/

/**************Sidebar carto***********************/
#sidebar-carto {
	margin: 0;
	padding: 40px 30px 40px 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
}

.filtres-carte {
	margin: 0;
	padding: 0 0 0 20px;
}

.filtres-carte #titre-filtrer {
	color: #333;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.2em;
	display: block;
	padding: 0 0 15px 0;
	margin-bottom: 15px;
}

.filtres-carte>ul {
	margin: 0;
	padding: 0;
}

/** Les types ex: Agenda, Associations, Localisations... **/
.filtres-carte>ul>li {
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	height: 60px;
	overflow: hidden;
	border-top: none;
}

.filtres-carte>ul>li>div {
	height: 60px;
	display: table;
	width: 100%;
}

.filtres-carte>ul>li>div>a {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0 50px 0 0;
	color: #484a4b;
	font-size: 1em;
	font-weight: 300;
	position: relative;
}

/*:after ou before pour appeler l'icone*/
.filtres-carte>ul>li>div>a:after {
	display: none;
	font-family: "Font Awesome 5 Solid";
	content: "\f078";
}

/*c'est sur le svg qu'on stylise l'icone car font awesome mettra un svg*/
.filtres-carte>ul>li>div>a>.svg-inline--fa {
	position: absolute;
	width: 40px;
	top: 20px;
	right: 0;
	-webkit-transition: left .4s ease;
	-moz-transition: left .4s ease;
	-o-transition: left .4s ease;
	transition: left .4s ease;
}

.filtres-carte>ul>li.show>div>a:after {
	content: "\f00d";
}
/** Fin des types **/

/*.filtres-carte > ul > li.show div, .filtres-carte>ul>li div:hover {
    background: #1988AF;
    color: #fff;
    cursor: pointer;
}*/

/* Les sous catégories qui apparaissent au clic*/

/*affichage du conteneur (bloc) des sous catégories quand on clique*/
.filtres-carte>ul>li.show, .filtres-carte>ul>li>ul.children>li {
	height: auto;
	overflow: visible;
}

/*Une sous catégorie*/
.filtres-carte>ul>li ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	height: auto;
	min-height: 42px;
	/*line-height: 42px;*/
	cursor: pointer;
	padding: 10px 50px 10px 20px;
	font-size: 0.8em;
	color: #484a4b;
	font-weight: 300;
	opacity: 0;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(-20px, 0, 0);
	-moz-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0);
	/* -webkit-transition-property: -webkit-transform, opacity, -webkit-transform;
    transition-property: -moz-transform, opacity, -webkit-transform;
    transition-property: -o-transform, opacity, -webkit-transform;
    transition-property: transform, opacity, -webkit-transform;*/
}

#sidebar-carto ul ul li:first-child {
	border-top: none;
}

/*affichage des sous catégories (texte) quand on clique*/
.filtres-carte>ul>li.show li {
	opacity: 1 !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	-moz-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	padding-right: 0 !important;
	position: relative;
}

.filtres-carte>ul>li.show li span {
	display: block;
	position: relative;
	width: 100%;
	padding-right: 40px;
}

/*La case à cocher / C'est sur :after ou before pour appeler l'icone*/
.filtres-carte>ul>li>ul>li>span:after, .filtres-carte ul.children>li>span:after
	{
	font-family: "Font Awesome 5 Solid";
	display: none; /* masquer le :after pour le svg */
	content: "\f192";
}

/*La case à cocher mode "cochée"*/
.filtres-carte>ul>li>ul>li.show>span:after, .filtres-carte ul.children>li.show>span:after
	{
	content: "\f111";
	display: none;
}

/*Positionnement et couleur case à cocher FontAwesome 5 / c'est sur le svg qu'on stylise l'icone car font awesome mettra un svg*/
.filtres-carte>ul>li>ul>li>span>svg {
	position: absolute !important;
	width: 40px;
	right: 0;
	bottom: 3px;
	color: #028100;
	font-size: 1.1em;
	-webkit-transition: left .4s ease;
	-moz-transition: left .4s ease;
	-o-transition: left .4s ease;
	transition: left .4s ease;
}

/*.filtres-carte > ul > li div span[class^="icon-"]{
    position: absolute;
    top: 0;
    left: 0;
    height: 75px;
    line-height: 75px;
    width: 70px;
    text-align: center;
    font-size: 28px;
    font-size: 1.75rem;
    display:none;
}


.filtres-carte>ul>li ul li:nth-child(1) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}*/

/***********Fin sidebar carto***********************/

/************************Fin Menu page**********************************/

/************************Fin gauche**********************************/

/*Styles à dupliquer dans tinymce.css*/
h1 {
	margin: 0;
	padding: 20px 0 20px 0;
	color: #333;
	font-weight: 700;
	font-size: 3.2em;
	line-height: 1em;
	font-family: 'Montserrat', sans-serif;
}

h2 {
	margin: 40px 0 20px 0;
	padding: 5px 0 5px 0;
	font-size: 1.9em;
	line-height: 1em;
	color: #0372B2;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}

h3 {
	margin: 40px 0 20px 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1em;
	color: #028100;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
}

h4 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.2em;
	color: #5e5e5e;
	font-weight: 700;
}

h5 {
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	color: #666;
	font-weight: 700;
}

p {
	padding: 0;
	margin: 7px 0 0 0;
	font-size: 1em !important;
}

ol, ul {
	list-style-position: inside;
}

ul {
	list-style-type: square;
}

ol li {
	color: #727272;
}

li {
	color: #727272;
}

a {
	color: #0372B2;
	font-weight: bold;
}

a.fancybox {
	text-decoration: none;
}

address {
	color: #0372B2;
	font-size: 1.3em;
	font-style: italic;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}

blockquote::before {
	content: '“';
	display: block;
	color: #0372B2;
	font-size: 8em;
	position: absolute;
	top: 0;
	left: -20%;
}

blockquote {
	margin: 70px 20% 40px 20%;
	padding: 50px;
	border-top: 3px solid #0372B2;
	border-bottom: 3px solid #0372B2;
	height: auto;
	color: #666;
	font-weight: 500;
	font-style: italic;
	position: relative;
}

blockquote p {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.3em;
	padding: 0;
	margin: 0;
	color: #666;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: italic;
}

img {
	border: none;
	max-width: 100%;
}
/*fin des styles à dupliquer dans tinymce.css*/
.clearer {
	display: block;
	width: 100%;
	clear: both;
}

.plusgallery, #main-page .owl-carousel {
	margin: 40px 0;
}
/******************************Liens Enfants / Menu page par défaut********************************/
ul.liens_enfants {
	list-style-type: none;
	padding: 0;
	margin: 0 auto 20px auto;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1em;
	position: relative;
	columns: 3 auto;
}

ul.liens_enfants li {
	display: inline-block;
	width: 98%;
	padding: 8px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	border: 2px solid #0372B2;
}

ul.liens_enfants li a {
	display: block;
	padding: 0;
	margin: 0;
	color: #333;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	-webkit-transition: border-bottom 1s ease;
	-moz-transition: border-bottom 1s ease;
	-ms-transition: border-bottom 1s ease;
	-o-transition: border-bottom 1s ease;
	transition: border-bottom 1s ease;
}

ul.liens_enfants li:hover {
	background: #0372B2;
}

ul.liens_enfants li:hover a {
	color: #fff;
}


/****************************Fin Liens Enfants / fin menu page par défaut******************************/

/*/*********************************************Formulaire***************************/
.krea3_formulaire {
	font-family: 'Montserrat', serif;
	font-weight: 300;
	margin: 50px auto;
}

.krea3_formulaire p.obligatoire {
	margin-left: 30%;
	padding: 0 0 10px 0;
	color: #be092c;
}

p.error {
	text-align: center;
	background-color: #fc4d60;
	color: #FFF;
	font-weight: 300;
	padding: 10px;
	margin: 0 0 20px 0;
}

.krea3_formulaire p {
	margin: 2px 0 2px 0;
	clear: both;
	background-color: transparent;
}

.krea3_formulaire fieldset {
	margin-bottom: 10px;
	margin-top: 0;
	padding: 50px 30px;
	border: none;
	background-color: #fff;
}

label[for="rgpd"] {
	border: none;
	background-color: rgb(249, 246, 242, 0.25);
}

.krea3_formulaire fieldset legend.obligatoire {
	padding: 0 10px;
	font-size: 0.9em;
	margin-left: 35%;
	color: #0d96e0;
	font-weight: 600;
}

.krea3_formulaire .phrase_form_contact_rgpd {
	text-align: center;
	border-top: 1px solid #f4ede4;
	border-bottom: 1px solid #f4ede4;
}

label[for="rgpd"] {
	width: 100% !important;
	text-align: center !important;
	background: rgb(249, 246, 242, 0.3);
	border-radius: 5px;
	padding: 20px !important;
	margin: 20px auto 5px auto !important;
}

label[for="rgpd"] input#rgpd {
	width: 20px;
}




/* Label */
.krea3_formulaire label {
	color: #000;
	display: block;
	width: 35%;
	/*En % pour un meilleur rendu lors du changement de taille du texte*/
	float: left;
	padding: 5px;
	text-align: right;
	font-size: 1em;
	font-weight: 600;
}

/* La description du champ*/
.descriptioncontact {
	display: block;
	font-size: 0.75em;
	margin: 0 0 20px 0;
	padding-left: calc(35% + 10px);
	color: #333;
}


.krea3_formulaire input, .krea3_formulaire select, .krea3_formulaire textarea
	{
	margin-left: 1%;
	width: 45%;
	border: #EBEBEB 1px solid;
	font-size: 1.1em;
	font-family: 'Montserrat', sans-serif;
	padding: 5px;
}

.krea3_formulaire input[type="submit"] {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	width: auto;
	height: auto;
	border: none;
	background-color: #028100;
	color: #FFF;
	font-weight: 400;
	margin: 0 0 0 calc(50% - 40px);
	padding: 10px 20px 10px 20px;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	border-radius: 5px;
}


.krea3_formulaire input[type="submit"]:hover, .krea3_formulaire input[type="submit"]:focus
	{
	background-color: #0372B2;
	cursor: pointer;
}

/*********************************** Fin Formulaire***********************************************/

/****************************Plan du site**********************************/
#krea3_plan_site {
	margin: 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1200px;
}

/*niveau 1*/
#krea3_plan_site li {
	font-size: 1.3em;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

#krea3_plan_site>li {
	background: #f8f8f8;
}

#krea3_plan_site li a {
	text-transform: uppercase;
	color: #0372B2;
	font-weight: 500;
	padding: 10px 0 20px 0;
	margin: 0 0 30px 0;
}

#krea3_plan_site li a:hover {
	text-decoration: underline;
}

/*niveau 2*/
#krea3_plan_site ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 5px 4% 5px 4%;
	margin: 2px 10px 2px 0;
	font-size: 0.9em;
	text-transform: none;
}

#krea3_plan_site ul li a {
	font-weight: normal;
	color: #2a414c;
	text-transform: none;
	padding: 0;
	border-bottom: none;
	margin: 0;
}
/*
#krea3_plan_site ul li a:hover{
    
}*/

/*niveau 3*/
#krea3_plan_site ul li ul li {
	border: none;
	font-size: 0.9em;
	margin-left: 10px;
	padding: 0 0 0 2%;
}

#krea3_plan_site ul li ul li a {
	color: #666;
}

/*niveau 4*/
#krea3_plan_site ul li ul li ul li {
	padding: 0 10px 0 10px;
}

/************************Fin Plan du site**********************************/

/***********************************************************************/
#logo-partenaire {
	text-align: center;
	list-style-type: none;
	display: block;
	margin: 100px 0 80px 0;
}

#logo-partenaire li {
	display: inline-block;
	margin: 0 3%;
	max-width: 22%;
}

#logo-partenaire a {
	display: block;
}

#logo-partenaire a img {
	width: auto;
	height: 50px;
	margin: 0;
	padding: 0;
}

/****************Footer*************************************************/
footer {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #333;
	text-align: left;
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
}

#fond-haut-footer {
	background: #0372B2;
	color: #fff;
	padding: 20px 0;
}

#fond-haut-footer a {
	color: #fff;
}

#fond-haut-footer a.btn.acces-rapides-footer {
            width: 100% !important;
            text-align: left !important;
            color: #fff;
            padding:.375rem .75rem .375rem 0;
        }

#mairies-footer {
	padding: 0;
	display: table;
}

#titre-mairies-footer {
	display: table-cell;
	vertical-align: top;
	padding: 20px;
	margin: 0;
	width: auto;
	min-width: 290px;
}

#logo-footer {
	display: table-cell;
	width: 90px;
	height: auto;
	vertical-align: top;
	padding: 20px 0 20px 20px;
	/* border-top: 2px solid #028100;
    border-left: 2px solid #028100;
    border-bottom: 2px solid #028100;*/
}

/*****************Coordonnees***********************/
#mairies-footer {
	font-size: 1em;
	background: #fff;
	border-radius: 5px;
	padding: 0;
}

.adresse-postale h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #333;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}

.coordonnees {
	color: #333;
	display: table-cell;
	width: auto;
	padding: 0px 20px;
	vertical-align: top;
	min-width: 290px;
	/*background: #0372B2;*/
}

.coord-content {
	display: block;
	padding: 20px 30px;
	width: 100%;
	height: 100%;
	/*border: 2px solid #028100;*/
	text-align: center;
	background: #fff;
}

.coordonnees p {
	margin: 2px 0 0 0;
}

.coordonnees h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #333;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}

.coordonnees a {
	color: #000;
	font-size: 1.1em;
}

#rue-mairie {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	color: #333;
}

#rue-mairie span {
	display: block;
	clear: both;
}

/*
.tel-footer{
    background:#fff;
    border-radius:3px;
    padding:5px 0;
    text-decoration:none;
    font-weight:500;
    color: #000;
    margin:0 10px 0 0;
}
*/

/*
.contact-footer{
    background:#0372B2;
    border-radius:50px;
    padding:5px 10px;
    text-decoration:none;
    font-weight:500;
    color: #fff !important;
    margin:0 10px 0 0;
}
*/

/*
.coordonnees .lien-footer {
    background-color: #0372B2;
    color: #fff;
}
*/

/*
.coordonnees a#footer-contact {
    background-color: #D7E241;
}

.coordonnees a#footer-horaires {
    background-color: #fbc6ae;
}

#lien-facebook{
    display:block;
    clear:both;
    text-decoration:none;
    margin:20px 0 0 0;
    font-weight:400;
    font-style: italic;
}

#lien-facebook span{
    padding:5px 10px;
    border-radius:50px;
    background:#eee;
    color:#2651d4;
    font-weight:600;
}
*/

/*************Fin Coordonnees***********************/
ul#menu_footer {
	display: block;
	font-family: 'Montserrat', sans-serif;
	padding: 10px 0;
	margin: 10px auto;
	font-size: 0.8em;
	position: relative;
	text-align: center;
}

ul#menu_footer li:last-child {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	padding-right: 10px;
}

ul#menu_footer li {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0 20px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

ul#menu_footer li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 0;
	font-weight: 200;
	border: none;
}

ul#menu_footer li a img, ul#menu_footer li a span {
	display: inline-block;
	vertical-align: middle;
}

ul#menu_footer li a:hover {
	text-decoration: underline;
}

ul#menu_footer li:last-child a:hover {
	text-decoration: none;
}

ul#menu_footer li:last-child a:hover span {
	text-decoration: underline;
}

#icon-responsive {
	width: 48px;
	height: auto;
}

#menu_partenaires {
	list-style-type: none;
	display: table-cell;
	padding: 0;
	width: 50%;
	text-align: center;
}

#menu_partenaires li {
	display: inline-block;
	margin: 0 0 0 10px;
}

#menu_partenaires img {
	height: 40px;
	width: auto;
}

/***********************************************************************/
/**********************Fin Footer***************************************/

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

/**
* AUDE : COOKIEBANNER ON UTILISE PLUS DU TOUT EST CE QUE TU VEUX QUE JE METTE DANS 
* LE PARENT POUR CONSERVER LES STYLES ON BIEN DEGAGE TOUT ???
*/

/*
.cookiebanner{
    background:rgba(0,0,0,0.8) !important;
    width:300px;
    bottom:20px !important;
    right:20px !important;
    left:auto !important;
    max-width:100%;
    z-index:200;
    padding:30px !important;
}

.cookiebanner a{
    color:#FFF;
}

.cookiebanner-close{
    background-color:#FFF !important;
    padding:2px 4px 2px 4px !important;
    margin-left:10px;
    border-radius:5px;
}
*/

/**********************Page annuaire**********************/
.content-annuaire h1 {
	width: 70% !important;
	display: inline-block !important;
}

.content-annuaire #entete-listing {
	width: auto !important;
	display: inline-block !important;
	margin: 25px 0 0 5px;
}

/**********************FIN Page annuaire**********************/
/***********************Page carto*********************/
/******************************************************/
.carto_extrait_actu_page small {
	font-weight: 400 !important;
	font-size: 1.2em !important;
}

.carto_extrait_actu_page a.lire_actu {
	font-size: 1.2em !important;
}
/***Partie gauche***/
.page_carto #filtres {
	max-width: 100%;
	width: 300px;
	display: block;
	float: left;
	padding: 0;
}

.page_carto #filtres form.recherche-listing {
	background-color: #f4f4f4;
	margin: 0;
	padding: 0 5px;
	background-color: #F4F4F4;
	padding: 8px 5px 8px 5px;
	margin: 0 0 20px 0;
	text-align: left;
}

/*.page_carto #filtres form.recherche-listing fieldset,
.page_carto #filtres form.recherche-listing p{
    display:inline-block;
    vertical-align:middle;
}

form.recherche-listing p{
    margin:5px;
}*/
form.recherche-listing fieldset {
	padding: 0;
	border: none;
}

/*
form.recherche-listing input{
    border:1px solid #FFF;
    padding:10px;
}

form.recherche-listing input[type="button"]{
    background-color:#33AA6E;
    border:1px solid #33AA6E;
    color:#FFF;
    text-transform:uppercase;
}

form.recherche-listing input[type="button"]:hover{
    opacity:0.7;
}*/
.page_carto #header_filtres {
	background-color: #f0f0f0;
	padding: 5px 5px 15px;
	margin: 10px 0 0 0;
}

.page_carto #nb_result {
	background: transparent none repeat scroll 0 0 !important;
	font-family: 'Montserrat', sans-serif;
	color: #194b5e;
	font-size: 2.2em;
	font-weight: 700;
	margin: 15px 0 12px;
	padding: 5px 0;
}

.page_carto #nb_result #label {
	font-size: 0.75em;
}

.page_carto #recherche-cartographie fieldset {
	display: block;
	margin: 0 auto;
	width: 95%;
}

.page_carto span.titre_filtre {
	font-size: 1em;
	color: #666666;
	display: block;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
}

.page_carto input#nouvelle_recherche_agenda {
	background: #567898;
	border: 1px solid #567898;
	font-size: 1.2em;
	height: auto;
	text-transform: uppercase;
	transition: all 0.5s ease-in 0s;
	width: 90%;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.8em;
	padding: 10px;
	margin: 0 5px 0 5px;
}

.page_carto #reset_recherche_carto {
	border: 1px solid #666;
	color: #666 !important;
	display: block;
	font-size: 0.75em;
	font-style: italic;
	margin: 10px 0 0 0;
	max-width: 100%;
	padding: 7px;
	text-decoration: none;
	text-transform: none;
	transition: all 0.5s ease-in 0s;
	cursor: pointer;
	text-align: center;
	width: 115px;
}

.page_carto ul {
	list-style-type: none;
	padding-left: 0;
	text-align: left;
}

.page_carto ul li {
	margin-left: 0;
}

.page_carto #filtres .filtre {
	padding: 10px;
}

.page_carto #filtres .filtre h4 {
	cursor: pointer;
}

.page_carto #filtres .filtre h4::before {
	content: "\f078";
	font-family: FontAwesome;
	margin-right: 10px;
}

.page_carto #filtres .filtre h4.active::before {
	content: "\f077";
	font-family: FontAwesome;
}

/***FIN Partie gauche***/

/***Partie droite***/
.page_carto #cbp-vm.card {
	width: calc(100% - 330px);
	margin: 10px 0;
}

.page_carto .cbp-vm-switcher {
	float: right;
	padding: 0;
}

.page_carto #map_canvas {
	border: none;
}

/*infos bulle*/
.info-windows {
	border-radius: 5px;
	background: #fff;
	padding: 10px;
	min-width: 300px;
}

.info-windows .lien-itineraire {
	background-color: #eee;
	border: medium none;
	border-radius: 3px;
	color: #333;
	display: inline-block;
	clear: both;
	font-weight: bold;
	margin: 0 10px 5px 0;
	padding: 10px;
	text-align: center;
	width: auto;
	font-size: 1em;
	text-decoration: none;
}

.i-box i {
	margin: 0 10px 0 0;
}

.i-box h3 {
	border-bottom: 1px solid #eee;
	font-family: "Montserrat", sans-serif;
	margin: 0 0 15px;
	padding: 0 0 10px;
}

#map_canvas img, #carte img {
	max-width: none;
}

.info-windows .i-box img.wp-post-image {
	display: block;
	float: left;
	margin: 0 20px 20px 0;
	max-width: 110px;
	width: 110px;
	height: auto;
}

.i-box p {
	display: block;
	margin: 20px 0 15px 20px;
}

/*Boutons*/
.i-box #show-itineraire {
	background-color: #eee;
	border: medium none;
	border-radius: 3px;
	color: #333;
	display: inline-block;
	/*float: left;*/
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 10px;
	text-align: center;
	width: auto;
	cursor: pointer;
	font-size: 1em;
}

.i-box .lien-savoir-bulle {
	background-color: #666;
	border: medium none;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	/*float: left;*/
	clear: both;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 10px;
	text-align: center;
	width: auto;
	font-size: 1em;
	text-decoration: none;
}
/*Fin Boutons*/
/*infos bulle*/

/*Itineraire*/
.page_carto #titre_calcul_itineraire {
	/*color: #6f984f;
    font-size: 1.8em;
    font-weight: 600;
    margin: 45px 0 20px;
    padding: 0;
    text-transform: uppercase;*/
	font-weight: 300;
	font-size: 2em;
}

.page_carto #wrapper_input_calcul_itineraire input {
	background: #ededed none repeat scroll 0 0;
	border: medium none;
	color: #333;
	font-family: "Lato", sans-serif;
	font-size: 1.8em;
	font-weight: 300;
	height: 50px;
	margin: 0 auto 20px;
	text-align: center;
	width: 50%;
}

.page_carto .adp {
	width: 100%;
}

/***FIN Partie droite***/



/********************Fin page carto*********************/
/******************************************************/

/****************************************/
/*Ci-dessous style des annuaires / agenda / actus / navigation / carto
/***************************************/

/* =Diapo actu accueil
----------------------------------------------- */
#owl-actu {
	background-color: #f9f9f9;
}


#main-accueil .owl-theme .owl-controls {
	position: relative;
	width: 100%;
	text-align: left;
}

.owl-theme .owl-controls .owl-page span {
	background: #f4eeeb;
	opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span
	{
	background: #0372B2;
	opacity: 1;
}

/*RESPONSIVE*/

/*fin diapo actu sur accueil*/

/***********************Page carto*********************/
/******************************************************/
.i-box h3 {
	border-bottom: 1px solid #eee;
	font-family: sans-serif;
}

/***FIN Partie droite***/

/********************Fin page carto*********************/
/******************************************************/

/*************Page Listing des ACTUS*********************/
.extrait_actu_page h2 {
	color: #0372B2;
}

.extrait_actu_page h2 a {
	color: #0372B2;
	font-weight: 500;
}

.extrait_actu_page h2 a:hover {
	
}

.extrait_actu_page small {
	color: #333;
	font-family: sans-serif;
}

/*
// plus besoin car pas effectif on passe par les réglages
.extrait_actu_page .vignette{
    display:none;   
}
*/
.extrait_actu_page .vignette img {
	
}

.listing ul {
	text-align: left !important;
}

.extrait_actu_page .vignette {
	max-width: 150px !important;
}

.extrait_actu_page a.lire_actu {
	background-color: rgba(30, 99, 145, 0.9);
	font-family: sans-serif;
	/*text-transform:uppercase;*/
}

.extrait_actu_page a.lire_actu:hover {
	background-color: #333;
}

/*fin listing*/
#date_publication_article_single {
	font-family: sans-serif;
	color: #333;
}

.extrait_actu_page a.lire_actu {
	color: #fff;
	background: #0372B2;
	font-weight: 400;
	font-size: 1em;
	text-decoration: none;
	font-family: 'Montserrat', Sans-serif;
	position: relative;
	border-radius: 0;
	padding: 10px 15px;
}

.extrait_actu_page a.lire_actu:hover {
	background: #0372B2;
}

.extrait_actu_page a.lire_actu.publication{
	float:left;
}

/***************Fin page listing ACTUS***************************/

/*Bouton Réinitialiser*/
a#reset_recherche_agenda, a#reset_recherche_annuaire, a#reset_recherche_carto
	{
	background-color: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #666;
	font-family: sans-serif;
}

a#reset_recherche_carto {
	color: #0372B2;
}

a#reset_recherche_agenda:hover, a#reset_recherche_annuaire:hover, a#reset_recherche_carto:hover
	{
	border: 1px solid rgba(0, 0, 0, 0.3);
}

/*Bouton Rechercher quand javascript désactivé*/
input#nouvelle_recherche_agenda {
	background-color: #565859;
	border: 1px solid #565859;
	color: #FFF;
	font-family: sans-serif;
}

/*Les liens de catégorie ou type*/
.bloc-recherche li.current_page_item a {
	color: #333;
}

/*Boutons nouvelle recherche et réinitialiser*/
li.bouton-recherche-annuaire input#nouvelle_recherche_annuaire {
	color: #FFF;
	background-color: #565859;
	border: 1px solid #565859;
}

/*Ce lien s'affiche quand js désactivé*/
li.bouton-recherche-annuaire a {
	color: #565859;
}

/*Fin Boutons nouvelle recherche et réinitialiser*/

/*Les filtres dans Affinez votre recherche*/

/*L'intitulé du bloc de filtre ex : Localisation*/
span.type-de-filtre {
	color: #333;
}
/*Fin des filtres dans Affinez votre recherche*/

/*Fin Formulaire de recherche annuaire*/
/*********************/

/* span pour styliser titre*/
.listing .listing-item a h3 span span.bordure-titre-listing, .listing .listing-item .commerce h3 span span.bordure-titre-listing
	{
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px;
	word-break: break-word;
}

/* Le résumé (visible au survol) */
.listing .listing-item a p, .listing .listing-item .commerce p {
	font-size: 0.9em;
	font-weight: 100;
	padding: 5px 10px 10px 10px;
	margin: 0;
}

/*************Liste Agenda**************/
.listing .listing-item, .listing .listing-item-annuaire {
	height: 250px;
}

.date-manif-listing {
	background-image: linear-gradient(135deg, #2e9290, #0372B2);
	padding: 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.listing .listing-item>a:hover {
	z-index: 400;
	background: #fff;
}

/***************Page agenda**************/

/****************Page annuaire********/
.annuaire h3 {
	font-weight: 300 !important;
	font-size: 1em !important;
}

.extrait_actu_page .texte-actu {
	position: relative;
}

.extrait_actu_page {
	position: relative;
}

.tel-annuaire-listing p {
	background-color: #f2f2f2 !important;
	color: #333 !important;
	/***border:2px solid #0372B2;***/
	display: inline-block;
	padding: 8px 10px !important;
	border-radius: 50px;
}

.tel-annuaire-listing {
	bottom: 10px !important;
	top: auto !important;
	left: auto !important;
	right: 75px !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	color: #0372B2 !important;
}

.tel-annuaire-listing p a {
	color: #333 !important;
	text-decoration: none !important;
	padding: 0 0 0 5px !important;
	font-family: 'Arial', Sans-serif;
}

.nav li.nav-mode-liste a.cbp-vm-selected, .nav li.nav-mode-carte a.cbp-vm-selected
	{
	color: #444 !important;
}

.nav li.nav-retour-annuaire a {
	color: #666 !important;
	margin-right: 15px;
	border: none !important;
}

.nav li a:hover {
	background: #eee !important;
}

/* Fin listing annuaire / agenda */

/*Afficher sous catégories d'un annuaire préfiltré*/

#categories-annuaire-prefiltre #titre-filtrer {
	font-family: 'Montserrat', sans-serif;
}

#categories-annuaire-prefiltre ul {
	font-family: 'Montserrat', sans-serif;
}

#categories-annuaire-prefiltre ul li {
	border: 1px solid #565859;
	color: #565859;
}

#categories-annuaire-prefiltre ul li a:hover {
	border: 2px solid #565859;
}

/******Page single d'un agenda/annuaire*****/

/* La date de la manif*/
ul#date-manif-fiche {
	font-family: 'Montserrat', sans-serif;
}

ul#date-manif-fiche li {
	border: none;
	color: #0372B2;
	border: 2px solid #0372B2;
}
/* Fin date de la manif*/
#description-fiche {
	background-color: #f4f3f2;
	background-color: #fff;
}

#coordonnees-fiche p.btn {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: #0372B2;
}

#coordonnees-fiche p.btn:hover {
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-color: rgba(0, 0, 0, 0.03);
}

#coordonnees-fiche p.btn a {
	color: #666;
	font-weight: 200;
}

/*************************************/
/******************Les tarifs*********/

/*L'intitulé de tarif*/
/*Pas le même code html selons les différents annuaires agenda, parfois un p parfois un span*/
#tarifs-fiche span.tarif, #tarifs-fiche p.tarif {
	border-right: 1px solid #0372B2;
}

/*Le lien Itinéraire*/
a.btn_itineraire {
	border: 2px solid #0372B2;
}

a.btn_itineraire:hover {
	background-color: #F4F3F2;
	border: 2px solid #0372B2;
}

/****** Fin Adresse / Carte / calcul itinéraire********/
/*****************************************************/
#sticky-bloc-fiche{
	border:none;
}

#sticky-bloc-fiche .adresse-fiche p {
	color: #0372B2;
}

a.btn_je_reserve {
    display:block;
    padding: 20px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    font-size: 1.1em;
    margin-top: 0px;
    border-radius: 2px;
    font-weight: 400;
    text-transform: none;
   /* -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;*/
    text-align:left;
    word-break: break-word;
    float: left;
}

a.btn_je_reserve:hover {
    text-transform: none;
    transition: all 1s ease;
    word-break: break-word;
    float: left;
    background-color: #028100!important;
    overflow-wrap: break-word;
    display: inherit;
    color: #fff!important;
    font-weight: 400;
    font-size: 1.2em;
    text-decoration: none;
}

/*Icones fontawesome / ne pas mettre le style sur i qui se retrouve commenté mais sur la balise svg*/
#sticky-bloc-fiche  p.btn svg, #sticky-bloc-fiche  p.btn svg {
	color: #333;
}

/*************************************************************************/
/****La navigation interne (annuaires, agenda, actus, resultats recherche...)****/

/*Le bloc contenant les éléments de navigation*/
.nav {
	list-style-type: none;
}

/*Cas 1 le bloc est dans annuaires / agenda / actu */
.nav-listing, .nav-fiche, .nav-actus {
	text-align: left
}

.nav-listing {
	text-align: center;
	/*Mode carte ou liste centré quand on est dans le listing*/
}

.nav-fiche {
	text-align: right;
	/*+largeur à ajouter selon le nombre de boutons de nav (varie selon site avec carnet de voyage, pdf, etc.)*/
}

.nav-actus {
	text-align: right;
}

/*Un bouton de navigation*/
.nav li a {
	color: #333;
	text-decoration: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

/*Couleur bouton au survol*/
.nav li a:hover {
	border: 1px solid #4a6a92;
}

/*Pour les boutons mode liste et mode carte*/
.nav li a.cbp-vm-selected {
	border: none;
}

.nav li a.cbp-vm-selected:hover {
	border: none;
}
/*Régler ici la couleur pour chaque bouton si besoin*/
.nav li.nav-mode-liste a, .nav li.nav-mode-carte a {
	background-color: transparent;
	color: #bdbdbd;
}

.nav li.nav-mode-carte a {
	margin-right: 10px;
}

.nav li.nav-mode-liste a.cbp-vm-selected, .nav li.nav-mode-carte a.cbp-vm-selected
	{
	background-color: transparent;
	color: #333;
}

.nav li.nav-retour-annuaire a {
	background-color: transparent;
	color: #333;
	margin-right: 15px;
}

/*Régler ici la couleur pour chaque bouton si besoin*/
.nav li.nav-mode-liste a, .nav li.nav-mode-carte a {
	background-color: transparent;
	border: none;
	color: #bdbdbd;
}

.nav li.nav-mode-liste a.cbp-vm-selected, .nav li.nav-mode-carte a.cbp-vm-selected
	{
	background-color: transparent;
	color: #4a6a92;
}

.nav li.nav-retour-annuaire a {
	background-color: transparent;
	color: #4a6a92;
	margin-right: 15px;
}

.nav li.nav-retour-annuaire a {
	background-color: transparent;
	color: #4a6a92;
	margin-right: 15px;
}

/* Le texte */
.nav li a span.text-nav {
	padding: 15px 15px 15px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}

/*Alignement, taille et couleur de la légende*/
.wp-caption p, .wp-caption-text {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
	color: #333;
	padding: 10px 0 0 0;
	margin: 0;
	font-weight: 400;
}

/* =Cartographie annuaires + single
---------------------------------------------------------------------------------------------*/
h4#titre_calcul_itineraire {
	color: #4f4464;
}

.i-box h3 {
	font-family: sans-serif;
}

/* Slider */
.ui-slider .ui-slider-handle {
	background-color: #b1b7ba;
}

.ui-slider-range {
	background-color: #ff7c66;
}

/* Le calendrier */

/* partie haute du calendrier */
.ui-widget.ui-datepicker.ui-widget-content {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #F4F4F4;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	z-index: 200 !important
}

.ui-widget.ui-datepicker.ui-widget-content span {
	color: #fff;
}

.ui-widget.ui-datepicker .ui-datepicker-header {
	background: #666;
}

.ui-widget.ui-datepicker .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
}
/* les textes et les fleches dans la partie haute */
.ui-widget.ui-datepicker .ui-datepicker-title {
	color: #fff;
}

.ui-widget.ui-datepicker thead {
	background-color: #666;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.ui-widget.ui-datepicker th {
	color: #fff;
}
/* couleur des cases du tableau */
.ui-widget.ui-datepicker td {
	background: #F1F1F1;
}

.ui-widget.ui-datepicker td .ui-state-default {
	background: transparent;
	color: #333;
}

.ui-widget.ui-datepicker td .ui-state-active, .ui-widget.ui-datepicker td .ui-state-hover
	{
	background: #666;
	color: #FFF;
}

.ui-widget.ui-datepicker.ui-widget-content {
	background: #ececec;
	/*mettre ici la couleur que l'on veut pour mois année et L M M J V S D*/
	border: 2px solid #ccc;
}

/* L M M J V S D*/
.ui-widget.ui-datepicker.ui-widget-content span {
	font-weight: normal;
}

.ui-widget.ui-datepicker thead {
	color: #333;
}

.ui-widget.ui-datepicker tbody {
	background-color: #fbfbfb;
}

.ui-widget.ui-datepicker td .ui-state-default {
	background: #FFF;
	color: #333;
	border-left: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}

.ui-widget.ui-datepicker td .ui-state-active, .ui-widget.ui-datepicker td .ui-state-hover
	{
	background: #e3e4e4; /* couleur de fond case hover */
	color: #333; /* couleur du texte case hover */
}

/************* post-it ***********************/

/****A personnaliser à chaque site**********/
.remodal {
	background: url(assets/images/post-it/fond_postit.png) #FFF no-repeat
		scroll top left;
	/*background-size:contain;*/
	border-radius: 6px;
	margin: 20px auto;
	max-width: 700px;
	min-height: 0;
	padding-top: 100px;
	color: #666;
}

.remodal h1, .remodal h2, .remodal p, .remodal ul, .remodal ol {
	text-align: left;
}

.remodal h1 {
	color: #3f474c;
	font-size: 1.7em;
	margin: 0 0 15px 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
}

.remodal h2 {
	color: #3a9cc1;
	font-size: 1.4em;
	margin: 15px 0 10px 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
}

.remodal-confirm {
	background: none repeat scroll 0 0 #f4f4f4;
	background-color: #3f474c;
	border: 2px solid rgba(0, 0, 0, 0.1);
	color: #FFF;
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
	font-size: 0.9em;
}

.remodal-confirm:active, .remodal-confirm:hover {
	background: #3a9cc1;
	color: #f4f4f4;
}

/* Close button */

/* cette partie je te l'ai commentée car il y a des class + etats supplémentaires par rapport a ce que tu as mis 
alors tu peux supprimer tout ce qui est commenté une fois que t'es sur qu'il manque rien dans ton code */
/* 

.remodal-close:hover, .remodal-close:active {
    background: #3a9cc1;
}

.remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after {
    color: #fff;
}
*/

/* et là ton code Aude */
.remodal-close {
	border: 2px solid #333 !important;
}

.remodal-close:after {
	color: #333 !important;
}

.remodal-close:hover {
	background: #333 !important;
}

.remodal-close:hover:after {
	color: #fff !important;
}

.remodal-close:hover, .remodal-close:active {
	background: #333 !important;
}

.remodal-confirm {
	background-color: #0372B2 !important;
	border: 2px solid #0372B2 !important;
}

/************* Fin post-it ***********************/

/************* RGPD ***********************/
.qc-cmp2-ui {
	background-color: #fff !important;
	color: #333 !important;
}

.qc-cmp2-table {
	border: 1px solid #eee !important;
}

.qc-cmp2-table {
	color: #333 !important;
}

.qc-cmp2-table-header {
	color: #333 !important;
}

.qc-cmp2-table-row:last-child {
	border-bottom: 1px solid #eee !important;
}

.qc-cmp2-table-row {
	border-top: 1px solid #eee !important;
}

.qc-cmp2-scrolling-section {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

.qc-cmp2-back {
	padding: 5px 10px;
	border-radius: 5px;
	background: #0372B2 !important;
}

.qc-cmp2-title {
	color: #333 !important;
}
/*le logo*/
.qc-cmp2-publisher-logo {
	max-height: 110px !important;
	width: auto !important;
	padding-top: 30px !important;
}

.qc-cmp2-nav-bar-publisher-logo {
	max-height: 110px !important;
	max-width: 200px !important;
}

/*Lien "paramètres de gestion de la confidentialité" en bas à droite*/
.qc-cmp2-persistent-link {
	font-size: 0.7em !important;
	font-weight: 400 !important;
	background: rgba(0, 0, 0, 0.8) !important;
	color: #FFF !important;
}

.qc-cmp2-persistent-link svg {
	width: 16px !important;
}

.qc-cmp2-button.qc-cmp2-secondary-button {
	background-color: #fff !important;
	border: 2px solid #0372B2 !important;
	color: #0372B2 !important;
}

.qc-cmp2-button.qc-cmp2-secondary-button:hover {
	background-color: #0372B2 !important;
	border: 2px solid #0372B2 !important;
	color: #fff !important;
}

.qc-cmp2-button {
	background-color: #0372B2 !important;
	border: 2px solid #0372B2 !important;
	color: #fff !important;
}

.qc-cmp2-button:hover {
	background-color: #fff !important;
	border: 2px solid #0372B2 !important;
	color: #0372B2 !important;
}

.qc-cmp2-button.qc-cmp2-secondary-button {
	background-color: transparent;
}

.qc-cmp2-button.qc-cmp2-secondary-button:hover {
	background-color: #115895;
	color: #fff;
}

.qc-cmp2-alt-action {
	color: #333 !important;
}

.qc-cmp2-alt-action:hover {
	color: #333 !important;
}

.qc-cmp2-center-bottom+.qc-cmp2-center-bottom {
	border-left: 1px solid #eee;
}

.qc-cmp2-sub-title {
	color: #212934;
}

.qc-cmp2-tab-header.qc-cmp2-active .qc-cmp2-small-toggle-outline,
	.qc-cmp2-tab-header:hover .qc-cmp2-small-toggle-outline, .qc-cmp2-tab.qc-cmp2-active .qc-cmp2-small-toggle-outline,
	.qc-cmp2-tab:hover .qc-cmp2-small-toggle-outline {
	border-color: #fff;
}

.qc-cmp2-small-toggle-outline {
	border: 2px solid #e8e9ea;
	border-radius: 13px;
}

.qc-cmp2-small-toggle {
	background-color: #eee;
	border: 2px solid #eee;
}

.qc-cmp2-small-toggle-switch {
	background-color: #fff;
}

.qc-cmp2-toggle {
	background-color: #eee !important;
	border: 1px solid #eee !important;
}

.qc-cmp2-toggle-switch {
	background-color: #fff;
}

.qc-cmp2-toggle-on {
	background-color: #0372B2 !important;
	border-color: #0372B2 !important;
}

.qc-cmp2-bordered {
	border: 1px solid #e8e9ea;
}

.qc-cmp2-toggle-status {
	color: #333 !important;
}

.qc-cmp2-enabled-cell {
	color: #115895;
}

.qc-cmp2-table {
	border: 1px solid #d3d4d6;
	color: #141e23;
}

.qc-cmp2-table-header {
	color: #7a7f85;
}

.qc-cmp2-table-row {
	border-top: 1px solid #d3d4d6;
	padding: 10px 20px
}

.qc-cmp2-nav-bar.qc-cmp2-top {
	border-bottom: 1px solid #e8e9ea;
}

.qc-cmp2-nav-bar.qc-cmp2-bottom {
	border-top: 1px solid #e8e9ea
}

.qc-cmp2-vendor-list-container {
	border: 1px solid #e8e9ea;
}

.qc-cmp2-purposes-vendor-list, .qc-cmp2-vendor-list {
	border-bottom: 1px solid #e8e9ea;
	color: #212934;
}

.qc-cmp2-vendor-list-title {
	color: #575f68;
}

.qc-cmp2-vendor-row {
	border-top: 1px solid #e8e9ea;
}

.qc-cmp2-link, .qc-cmp2-link:visited {
	color: #115895;
}

.qc-cmp2-link:hover {
	color: rgba(70, 174, 26, .6);
}

.qc-cmp2-bold-messaging {
	color: #333 !important;
}


/*************Fin RGPD***********************/

/*****************************formulaires administrables***********************************************/
.visual-form-builder fieldset {
	border-radius: 3px;
	border: 1px solid #eee;
}

.visual-form-builder .legend {
	color: #990000;
	border-bottom: 1px solid #eee;
}

.visual-form-builder label, label.desc {
	color: #000;
}

.visual-form-builder label span {
	color: #BC1212;
}

input.text, textarea.textarea, select.select {
	border: 1px solid #D3D3D3;
}

.submit {
	font-size: 1.1em;
}

p#form_success {
	color: green;
	font-weight: bold;
}

.item-instructions {
	background-color: #e3e3e3;
	border-radius: 3px;
}

form.visual-form-builder input#sendmail {
	background-color: #333;
	border: 1px solid #333;
	color: #FFF;
}

form.visual-form-builder input#sendmail:hover {
	background-color: #3e3e3e;
	border: 1px solid #3e3e3e;
}
/*****************************fin formulaires administrables ***********************************************/
.filtres-carte>ul>li.show li span {
	font-size: 1.5em;
}

/*****************************CARTO***********************************************/
.leaflet-top, .leaflet-bottom {
	z-index: 500 !important;
}

#map_canvas .sidebar ul a {
	font-size: 1em !important;
}

.leaflet-sidebar-left.leaflet-touch {
	border: 0 !important;
}

/*****************************CSS TINY***********************************************/


@media screen and (max-width: 640px) {
    .qc-cmp2-publisher-logo-container figure h2, .qc-cmp-cleanslate h2 {
        font-size: 0.8em !important;
    }
    .jQYbcb.jQYbcb p {
        line-height: 15px !important;
    }
    .jQYbcb.jQYbcb .qc-cmp2-consent-info p {
        font-size: 10px !important;
    }
}

@media screen and (max-width:480px) {
	body {
		
	}
	header {
		height: 113px !important;
		position: relative !important;
	}
	#top-header {
		width: 100% !important;
		margin: 0 !important;
	}
	#barre-top-header {
		margin: 0;
		padding: 0;
		display: block !important;
		float: none !important;
		width: 100% !important;
		clear: both;
		z-index: 2000;
		position: absolute;
		top: 0;
		left: 0;
	}
	#recherche-top {
		margin-top: 0 !important;
		padding: 8px 0 0 0;
	}
	#searchform input[type="text"] {
		width: auto;
	}
	#logo-site {
		left: 100px !important;
		width: 140px !important;
		height: auto !important;
		top: 45px;
	}
	#adresse-header {
		display: none;
	}
	#nav {
		padding: 0 !important;
	}
	nav#menu-principal {
		width: 100%;
		background-color: transparent;
		text-align: left;
		margin: 0 0 0 0;
		position: absolute;
		top: 45px;
		left: 0;
		z-index: 1000; /* Pour passer par dessus diapo accueil*/
		padding: 0;
	}
	#menu li.page-item-174, #menu li.page-item-175, #menu li.page-item-176,
		#menu li.page-item-177 {
		display: block;
	}
	#menu li span {
		display: inline-block !important;
		clear: none !important;
	}
	#menu {
		border-bottom: none;
	}
	#nav>li>a, header.menu-reduit #nav>li>a {
		font-size: 1.4em !important;
		padding: 10px 12px !important;
	}
	#nav>li {
		border-bottom: 1px solid #eee;
	}
	#nav {
		border-top: 8px solid rgba(84, 122, 19, 1);
	}
	.toggleMenu {
		height: 68px !important;
	}
	main {
		padding-top: 0;
	}
	main#main-accueil {
		border-top: none;
	}
	main.largeur92 {
		width: 100%;
		margin-top: 0;
	}
	#conteneur {
		width: 100%;
		margin: 0 auto 0 auto;
		z-index: 0;
	}
	#gauche {
		display: none !important;
	}
	#content {
		float: none !important;
		width: 100% !important;
	}
	h1.titre-fiche {
		margin: 15px 0 0 0 !important;
	}
	#outils ul li, #outils li#krea3outils_print {
		display: none !important;
	}
	ul.liens_enfants {
		columns: 1 auto !important;
	}
	.extrait_actu_page .vignette {
		float: none !important;
		margin: 0 auto;
		width: 100%;
	}
	.extrait_actu_page a.lire_actu {
		display: table;
		float: none;
		margin: 10px auto 0 auto;
	}
	.extrait_actu_page .texte-actu {
		float: none !important;
		width: 100% !important;
		text-align: center;
	}
	#acces-rapides {
		display: none !important;
	}
	/*******************header*********************/
	#outils {
		clear: both;
	}

	/*Le diaporama*/
	#diapo-accueil {
		height: auto;
		margin: 0;
	}
	.slider-nav a.slide-next {
		right: 10px !important;
	}
	.slider-nav a.slide-prev {
		left: 10px !important;
	}
	#top-header {
		width: auto;
		margin: 0;
		height: auto;
		padding: 0px;
		z-index: 2000;
	}
	#lien-contact {
		display: none;
	}
	#recherche-top {
		height: 45px;
		margin-top: 0;
		padding: 8px 20px;
		width: 100%;
	}
	#searchform input[type="text"] {
		font-size: 1em;
		height: 30px;
		padding: 0 0px 0 10px;
	}
	#searchform input[type="submit"] {
		background-size: 30px 30px;
		height: 30px;
	}

	/***************fin header*********************/

	/************************Page d'accueil**************************************/

	/**********************ligne1**********************************/
	#ligne1 h1 {
		width: 100%;
		padding: 20px;
		display: block !important;
		margin: 0;
		text-align: center;
	}
	#fond-ligne1 {
		padding: 0;
		margin: 0;
		background: linear-gradient(to top, rgba(89, 160, 185, 0.9) 50%,
			rgba(255, 255, 255, 0) 50%);
	}
	#fond-ligne1:before{
	   
	}
	#ligne1 {
		display: block;
		width: 100%;
		padding: 0 !important;
		margin: 0;
	}
	#ligne1 ul {
		padding: 20px;
		display: block;
		width: 100%;
		margin: 0;
		min-width: 100%;
	}
	#ligne1 li {
		display: block;
		margin: 0 0 10px 0;
	}

	/*******************fin ligne1*********************************/
	#voir-liste-actus, #voir-liste-agenda {
		font-size: 1em;
	}
	#voir-liste-actus::before, #voir-liste-agenda::before {
		height: 43px;
	}
	/**********************ligne2**********************************/
	#fond-ligne2 {
		margin: 30px 0 !important;
		background: #fff;
	}
	#ligne2 {
		display: block !important;
		padding: 0 !important;
	}
	#gauche-ligne2, #droite-ligne2 {
		display: block !important;
		width: 100% !important;
		text-align: center;
	}
	#droite-ligne2 {
		padding: 0 30px 60px 30px !important;
	}
	#ligne2 h2 {
		font-size: 2em !important;
		width: auto;
		display: block;
	}
	.top-actus a#voir-liste-actus {
		display: block;
		width: auto;
		height: auto;
		padding: 10px 15px;
		max-width: 200px;
		margin: 0 auto;
	}
	.agenda.accueil {
		font-size: 0.8em;
	}
	.actu-diapo h3.meta-titre {
		font-size: 1.1em !important;
		margin: 0 !important;
	}
	.agenda span.meta-date {
		width: 100px;
		padding: 0px 5px;
	}
	.agenda.accueil .metas-content-block {
		font-size: 1.6em;
	}
	/*******************fin ligne2*********************************/
	#fond-ligne3 {
		margin: 0;
		padding: 50px 20px;
	}

	/*********************FIn page accueil*******************/

	/***************page****************************/
	#image-header-page {
		padding-top: 0;
		margin: 0 auto;
	}
	#la-page {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		overflow: hidden; /*pour le menu (filtres) des annuaires*/
		background: #fff !important;
	}

	/***************************************/
	/*Pour le menu (filtres) des annuaires*/
	/*#gauche*/
	/*#gauche*/
	#gauche {
		float: none;
		position: absolute;
		top: 0;
		left: -100%;
		display: block;
		margin: 0;
		padding: 0;
		transition: all 500ms ease 0s;
		width: 100%;
		z-index: 3;
		background-color: #211261;
	}

	/*#gauche:hover*/
	#gauche:hover {
		left: 0;
	}
	#bt-filtrer {
		display: block;
		background-color: #211261;
		color: #FFF;
		font-family: 'Heebo', sans-serif;
		font-weight: 400;
		font-size: 0.9em;
		text-transform: uppercase;
		text-align: center;
		padding: 15px 5px 15px 5px;
		margin: 0;
		width: 70px;
		position: absolute;
		top: 0;
		right: -70px;
	}
	.sidebar ul#menu_pages {
		display: none;
	}
	.sidebar ul#menu_annuaire, .sidebar #filtres-carte {
		margin: 0 0 0 0;
		width: 100%;
		border: 10px solid #211261;
	}
	.sidebar #filtres-carte {
		padding: 10px;
	}
	#fil_ariane {
		
	}

	/*Fin du menu (filtres) des annuaires*/
	/***************************************/
	#content {
		float: none;
		width: 100%;
		height: auto !important;
		min-height: 100px;
		padding: 10px 15px 30px 15px;
		margin: 0 0 0 0;
		color: #666;
		border-right: none;
	}
	#content_large {
		width: 100%;
		padding: 10px 15px 30px 15px;
		margin: 0 0 0 0;
		border-top: none;
		color: #666;
	}
	#ligne-outils {
		margin-right: 0;
		padding: 0;
		margin: 0;
	}
	#outils ul, #outils #afficher-carnet-voyage, #taille_texte, #trad-google
		{
		display: none;
	}
	h1 {
		font-size: 1.8em !important;
	}
	h2 {
		margin: 30px 0 12px 0 !important;
		font-size: 1.4em !important;
	}
	ul#date-manif-fiche li {
		font-size: 1em !important;
	}
	/***********fin page****************************/
	.tel-annuaire-listing {
		left: 20%;
		right: 20%;
		position: absolute;
		bottom: 80px;
	}
	.krea3_formulaire fieldset {
		width: 100% !important;
	}

	/***************form contact envoyer ami***********/
	.krea3_formulaire p.obligatoire {
		margin-left: 0%;
	}
	.krea3_formulaire fieldset {
		padding: 10px 15px 50px 15px;
	}
	.krea3_formulaire label {
		display: block;
		width: 100%;
		/*En % pour un meilleur rendu lors du changement de taille du texte*/
		float: none;
		padding-right: 0;
		text-align: left;
		font-size: 1em;
		margin: 0;
	}
	.krea3_formulaire input, .krea3_formulaire select, .krea3_formulaire textarea
		{
		margin-left: 0%;
		width: 100%;
		/*En % pour un meilleur rendu lors du changement de taille du texte*/
		margin-bottom: 10px;
	}
	/***********fin form contact envoyer ami***********/
	.listing .listing-item a h3 span span.bordure-titre-listing, .listing .listing-item .commerce h3 span span.bordure-titre-listing
		{
		background-color: rgba(255, 255, 255, 1);
		padding: 10px;
	}

	/******************************Liens Enfants / Menu page par défaut********************************/
	ul.liens_enfants li {
		display: block;
	}

	/****************************Liens Enfants / fin menu page par défaut******************************/
	ul#partenaires-footer li {
		padding: 0 10px;
	}
	ul#partenaires-footer li img {
		height: 50px;
	}

	/****************footer*********************/
	#mairies-footer {
		padding: 0 20px;
		background: #165276;
		position: relative;
	}
	footer {
		padding: 0;
		margin: 0;
	}
	#logo-footer {
		display: block;
		position: absolute;
		border: none;
		width: 50px;
		padding: 0;
		z-index: 50;
	}
	#titre-mairies-footer, .coordonnees, #carte-situation {
		display: block;
		width: 100%;
		padding: 20px;
		margin: 0 0 20px 0;
		max-width: 100%;
		text-align: center;
		border: 2px solid #547a13;
		background: #fff;
		position: relative;
		z-index: 0;
	}
	.coord-content {
		padding: 0 20px;
		border: none !important;
	}
	#menu_partenaires, #menu_footer {
		display: block;
		width: 100%;
	}
	#ot-lpa {
		display: block;
		max-width: 100%;
		width: 150px;
		margin: 0 auto;
	}
	.tel-footer, .contact-footer {
		display: table;
		text-align: center;
		margin: 5px auto;
	}
	.adresse-postale h2 {
		font-size: 1.2em !important;
	}
	#menu_partenaires li {
		margin: 0 10px 0 0 !important;
	}
	#menu_partenaires img {
		height: 40px !important;
	}
	ul#menu_footer {
		padding: 0px;
		display: block;
		width: 100%;
	}
	ul#menu_footer li {
		display: inline-block;
		padding: 10px 5px;
		width: auto;
	}
	ul#menu_footer li a {
		font-size: 0.75em;
	}
	ul#menu_footer li a img, ul#menu_footer li a span {
		margin: 0;
	}
	ul#menu_footer li a img {
		height: 15px;
	}
	#fond-bas-footer {
		padding: 0 0 50px 0;
	}
	ul#partenaires-footer {
		padding: 0px;
		display: block;
		width: 100%;
	}
	ul#partenaires-footer li, ul#partenaires-footer li img {
		height: 40px;
	}
	#bottom-footer {
		padding: 0 0 50px 0;
	}
	#scroll {
		background: none repeat scroll 0 0 rgba(2, 129, 0, 0.4);
		border-radius: 4px;
		bottom: 4%;
		color: #FFFFFF;
		cursor: pointer;
		font-size: 16px;
		position: fixed;
		right: 20px;
		text-align: center;
		transition: background-color 0.3s linear 0s;
		z-index: 2000;
		display: block;
		line-height: 50px !important;
		width: 50px !important;
	}

	/************fin footer*********************/
	.page-id-37 td {
		width: 100% !important;
		display: block !important;
	}

	/*****************************FIN CSS TINY***********************************************/
	/*****************************CSS SMALL***********************************************/
	@media screen and (min-width:639px) and (max-width:750px) {
	}
	@media screen and (min-width:481px) and (max-width:750px) {
	}
	@media screen and (min-width:736px) and (max-width:890px) {
	}
	@media screen and (min-width:481px) and (max-width:890px) {
		body {
			
		}
		header {
			height: 113px !important;
			position: relative !important;
		}
		#top-header {
			width: 100% !important;
			margin: 0 !important;
		}
		#barre-top-header {
			margin: 0;
			padding: 0;
			display: block !important;
			float: none !important;
			width: 100% !important;
			clear: both;
			z-index: 2000;
			position: absolute;
			top: 0;
			left: 0;
		}
		#recherche-top {
			margin-top: 0 !important;
			padding: 8px 0 0 0;
		}
		#logo-site {
			left: 100px !important;
			width: 140px !important;
			height: auto !important;
			top: 45px;
		}
		#adresse-header {
			display: none;
		}
		#nav {
			padding: 0 !important;
		}
		nav#menu-principal {
			width: 100%;
			background-color: transparent;
			text-align: left;
			margin: 0 0 0 0;
			position: absolute;
			top: 45px;
			left: 0;
			z-index: 1000; /* Pour passer par dessus diapo accueil*/
			padding: 0;
		}
		#menu li.page-item-174, #menu li.page-item-175, #menu li.page-item-176,
			#menu li.page-item-177 {
			display: block;
		}
		#menu li span {
			display: inline-block !important;
			clear: none !important;
		}
		#menu {
			border-bottom: none;
		}
		#nav>li>a, header.menu-reduit #nav>li>a {
			font-size: 1.4em !important;
			padding: 10px 12px !important;
		}
		#nav>li {
			border-bottom: 1px solid #eee;
		}
		#nav {
			border-top: 8px solid rgba(84, 122, 19, 1);
			border-bottom: 8px solid rgba(84, 122, 19, 1);
		}
		.toggleMenu {
			height: 68px !important;
		}
		main {
			padding-top: 0;
		}
		main#main-accueil {
			border-top: none;
		}
		main.largeur92 {
			width: 100%;
			margin-top: 0;
		}
		#conteneur {
			width: 100%;
			margin: 0 auto 0 auto;
			z-index: 0;
		}
		#gauche {
			display: none !important;
		}
		#content {
			float: none !important;
			width: 100% !important;
		}
		h1.titre-fiche {
			margin: 15px 0 0 0 !important;
		}
		#outils ul li, #outils li#krea3outils_print {
			display: none !important;
		}
		ul.liens_enfants {
			columns: 1 auto !important;
		}
		.extrait_actu_page h2 {
			margin: 0px 0 12px 0 !important;
		}
		#acces-rapides {
			display: none !important;
		}
		/*******************header*********************/
		#outils {
			clear: both;
		}

		/*Le diaporama*/
		#diapo-accueil {
			height: auto;
			margin: 0;
		}
		.slider-nav a.slide-next {
			right: 10px !important;
		}
		.slider-nav a.slide-prev {
			left: 10px !important;
		}
		#top-header {
			width: auto;
			margin: 0;
			height: auto;
			padding: 0px;
			z-index: 2000;
		}
		#lien-contact {
			display: none;
		}
		#recherche-top {
			height: 45px;
			margin-top: 0;
			padding: 8px 20px;
		}
		#searchform input[type="text"] {
			font-size: 1em;
			height: 30px;
			padding: 0 0px 0 10px;
		}
		#searchform input[type="submit"] {
			background-size: 30px 30px;
			height: 30px;
		}

		/***************fin header*********************/

		/************************Page d'accueil**************************************/

		/**********************ligne1**********************************/
		#ligne1 h1 {
			width: 100%;
			padding: 20px;
			text-align: center;
			display: block !important;
			margin: 0;
		}
		#fond-ligne1 {
			padding: 0;
			margin: 0;
			background: linear-gradient(to top, rgba(89, 160, 185, 0.9) 50%,
				rgba(255, 255, 255, 0) 50%);
		}
		#ligne1 {
			display: block;
			width: 100%;
			padding: 0 !important;
			margin: 0;
		}
		#ligne1 ul {
			padding: 20px;
			display: block;
			width: 100%;
			margin: 0;
			min-width: 100%;
			text-align: center;
		}
		#ligne1 li {
			
		}

		/*******************fin ligne1*********************************/
		#voir-liste-actus, #voir-liste-agenda {
			font-size: 1em;
		}
		#voir-liste-actus::before, #voir-liste-agenda::before {
			height: 43px;
		}
		/**********************ligne2**********************************/
		#fond-ligne2 {
			margin: 30px 0 !important;
			background: #fff;
		}
		#ligne2 {
			display: block !important;
			padding: 0 !important;
		}
		#gauche-ligne2 {
			padding: 20px;
		}
		#gauche-ligne2, #droite-ligne2 {
			display: block !important;
			width: 100% !important;
			max-width: 100% !important;
			text-align: center;
			clear: both;
		}
		#droite-ligne2 {
			padding: 0 30px 60px 30px !important;
		}
		#ligne2 h2 {
			font-size: 2em !important;
			width: auto;
			display: block;
		}
		.actu-diapo.accueil .metas-content-block .metas-content-block-inner {
			padding: 20px;
		}
		.top-actus a#voir-liste-actus {
			display: block;
			width: auto;
			height: auto;
			padding: 10px 15px;
			max-width: 200px;
			margin: 0 auto;
		}
		.actu-diapo.hover-effect .bloc-au-survol {
			line-height: 1.5em;
			font-size: 0.8em;
		}
		.actu-diapo .bloc-au-survol span.icon-actu:after {
			font-size: 2em;
			width: 30px;
			height: 30px;
		}
		.agenda.accueil {
			font-size: 1em;
			max-width: 100% !important;
		}
		.actu-diapo h3.meta-titre {
			font-size: 1.1em !important;
			margin: 0 !important;
		}
		.agenda span.meta-date {
			width: 100px;
			padding: 0px 5px;
		}
		.agenda.accueil .metas-content-block {
			font-size: 1.6em;
		}
		/*******************fin ligne2*********************************/
		#fond-ligne3 {
			margin: 0;
			padding: 50px 20px;
		}

		/*********************FIn page accueil*******************/

		/***************page****************************/
		#image-header-page {
			padding-top: 0;
			margin: 0 auto;
		}
		#la-page {
			display: block;
			width: 100%;
			padding: 0;
			margin: 0;
			overflow: hidden; /*pour le menu (filtres) des annuaires*/
			background: #fff !important;
		}

		/***************************************/
		/*Pour le menu (filtres) des annuaires*/
		/*#gauche*/
		/*#gauche*/
		#gauche {
			float: none;
			position: absolute;
			top: 0;
			left: -100%;
			display: block;
			margin: 0;
			padding: 0;
			transition: all 500ms ease 0s;
			width: 100%;
			z-index: 3;
			background-color: #211261;
		}

		/*#gauche:hover*/
		#gauche:hover {
			left: 0;
		}
		#bt-filtrer {
			display: block;
			background-color: #211261;
			color: #FFF;
			font-family: 'Heebo', sans-serif;
			font-weight: 400;
			font-size: 0.9em;
			text-transform: uppercase;
			text-align: center;
			padding: 15px 5px 15px 5px;
			margin: 0;
			width: 70px;
			position: absolute;
			top: 0;
			right: -70px;
		}
		.sidebar ul#menu_pages {
			display: none;
		}
		.sidebar ul#menu_annuaire, .sidebar #filtres-carte {
			margin: 0 0 0 0;
			width: 100%;
			border: 10px solid #211261;
		}
		.sidebar #filtres-carte {
			padding: 10px;
		}

		/*Fin du menu (filtres) des annuaires*/
		/***************************************/
		#content {
			float: none;
			width: 100%;
			height: auto !important;
			min-height: 100px;
			padding: 10px 15px 30px 15px;
			margin: 0 0 0 0;
			color: #666;
			border-right: none;
		}
		#content_large {
			width: 100%;
			padding: 10px 15px 30px 15px;
			margin: 0 0 0 0;
			border-top: none;
			color: #666;
		}
		#ligne-outils {
			margin-right: 0;
			padding: 0;
			margin: 0;
		}
		#outils ul, #outils #afficher-carnet-voyage, #taille_texte, #trad-google
			{
			display: none;
		}
		h1 {
			font-size: 2em !important;
		}
		h2 {
			margin: 30px 0 12px 0 !important;
			font-size: 1.5em !important;
		}
		ul#date-manif-fiche li {
			font-size: 1em !important;
		}
		/***********fin page****************************/
		.tel-annuaire-listing {
			left: 20%;
			right: 20%;
		}
		.krea3_formulaire fieldset {
			width: 100% !important;
		}

		/***************form contact envoyer ami***********/
		.krea3_formulaire p.obligatoire {
			margin-left: 0%;
		}
		.krea3_formulaire fieldset {
			padding: 10px 15px 50px 15px;
		}
		.krea3_formulaire label {
			display: block;
			width: 100%;
			/*En % pour un meilleur rendu lors du changement de taille du texte*/
			float: none;
			padding-right: 0;
			text-align: left;
			font-size: 1em;
			margin: 0;
		}
		.krea3_formulaire input, .krea3_formulaire select, .krea3_formulaire textarea
			{
			margin-left: 0%;
			width: 100%;
			/*En % pour un meilleur rendu lors du changement de taille du texte*/
			margin-bottom: 10px;
		}
		/***********fin form contact envoyer ami***********/

		/******************************Liens Enfants / Menu page par défaut********************************/
		ul.liens_enfants li {
			display: block;
		}

		/****************************Liens Enfants / fin menu page par défaut******************************/
		ul#partenaires-footer li {
			padding: 0 10px;
		}
		ul#partenaires-footer li img {
			height: 50px;
		}

		/****************footer*********************/
		#mairies-footer {
			padding: 0 20px;
			background: #165276;
			position: relative;
		}
		footer {
			padding: 0;
			margin: 0;
		}
		#logo-footer {
			display: block;
			position: absolute;
			border: none;
			width: 70px;
			z-index: 50;
		}
		#titre-mairies-footer, .coordonnees, #carte-situation {
			display: block;
			width: 100%;
			padding: 20px;
			margin: 0 0 20px 0;
			max-width: 100%;
			text-align: center;
			border: 2px solid #547a13;
			background: #fff;
			position: relative;
			z-index: 0;
		}
		.coord-content {
			padding: 0 20px;
			border: none !important;
		}
		#menu_partenaires, #menu_footer {
			display: block;
			width: 100%;
		}
		#ot-lpa {
			display: inline-block;
			width: 150px;
		}
		.adresse-postale h2 {
			font-size: 1.2em !important;
		}
		#menu_partenaires li {
			margin: 0 10px 0 0 !important;
		}
		#menu_partenaires img {
			height: 40px !important;
		}
		ul#menu_footer {
			padding: 0px;
			display: block;
			width: 100%;
		}
		ul#menu_footer li {
			display: inline-block;
			padding: 10px 5px;
			width: auto;
		}
		ul#menu_footer li a {
			font-size: 0.75em;
		}
		ul#menu_footer li a img, ul#menu_footer li a span {
			margin: 0;
		}
		ul#menu_footer li a img {
			height: 15px;
		}
		#fond-bas-footer {
			padding: 0 0 50px 0;
		}
		ul#partenaires-footer {
			padding: 0px;
			display: block;
			width: 100%;
		}
		ul#partenaires-footer li, ul#partenaires-footer li img {
			height: 40px;
		}
		#bottom-footer {
			padding: 0 0 50px 0;
		}
		#scroll {
			line-height: 50px !important;
			width: 50px !important;
		}
		/************fin footer*********************/
	}
	/*****************************FIN CSS SMALL***********************************************/

	/*****************************CSS BIG***********************************************/
	@media screen and (min-width:891px) and (max-width:1023px) {
		.toggleMenu {
			height: 80px !important;
			width: 70px !important;
		}
		.home header {
			height: 85px !important;
		}
		header {
			height: 60px;
			padding-left: 80px;
			position: relative !important;
		}
		#logo-site {
			display: block;
			padding: 0;
			position: absolute;
			top: 3px;
			z-index: 1001;
			width: 75px !important;
			left: 25px;
		}
		#adresse-header {
			display: none;
		}
		#nav {
			padding: 0 !important;
		}
		nav#menu-principal {
			width: 100%;
			background-color: transparent;
			text-align: left;
			margin: 0 0 0 0;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1000; /* Pour passer par dessus diapo accueil*/
			padding: 0;
		}
		#menu li span {
			display: inline-block !important;
			clear: none !important;
		}
		#menu {
			border-bottom: none;
		}
		main {
			padding-top: 0;
		}
		main#main-accueil {
			border-top: none;
		}
		main.largeur92 {
			width: 100%;
			margin-top: 0;
		}
		#conteneur {
			width: 100%;
			margin: 0 auto 0 auto;
			z-index: 0;
		}
		#gauche {
			display: none !important;
		}
		#content {
			float: none !important;
			width: 100% !important;
		}
		h1.titre-fiche {
			margin: 15px 0 0 0 !important;
		}
		#outils ul li, #outils li#krea3outils_print {
			display: none !important;
		}
		ul.liens_enfants {
			columns: 1 auto !important;
		}
		.extrait_actu_page .vignette {
			float: none !important;
			margin: 0 auto;
			width: 100%;
		}
		.extrait_actu_page a.lire_actu {
			display: table;
			float: none;
			margin: 10px auto 0 auto;
		}
		.extrait_actu_page .texte-actu {
			float: none !important;
			width: 100% !important;
			text-align: center;
		}
		#acces-rapides {
			display: none !important;
		}

		/*******************header*********************/
		#outils {
			clear: both;
		}

		/*Le diaporama*/
		#diapo-accueil {
			height: auto;
			margin: 0;
		}
		.slider-nav a.slide-next {
			right: 10px !important;
		}
		.slider-nav a.slide-prev {
			left: 10px !important;
		}
		#top-header {
			width: auto;
			margin: 0;
			height: 62px;
			padding: 12px 10px;
			z-index: 2000;
		}
		#recherche-top {
			margin-top: 0;
		}
		#searchform input[type="text"] {
			font-size: 1em;
			height: 30px;
			padding: 0 0px 0 10px;
		}
		#searchform input[type="submit"] {
			background-size: 30px 30px;
			height: 30px;
		}

		/***************fin header*********************/
		#la-page {
			background: #fff !important;
		}

		/************************Page d'accueil**************************************/

		/**********************ligne1**********************************/
		#fond-ligne1 {
			padding: 0;
			margin: 0;
			background: linear-gradient(to top, rgba(89, 160, 185, 0.9) 50%,
				rgba(255, 255, 255, 0) 50%);
		}
		#ligne1 {
			display: block;
			width: 100%;
			padding: 0 !important;
			margin: 0;
		}
		#gauche-ligne1, #droite-ligne1 {
			display: block;
			width: 100%;
			padding: 20px;
		}
		#droite-ligne1 {
			background: rgba(89, 160, 185, 0.9);
		}
		#coordonnees-top h1 {
			font-size: 2em !important;
		}
		.coordonnees {
			padding: 0;
			margin: 0;
		}
		.top-actus {
			text-align: center;
			margin: 0 0 30px 0;
		}
		#liens-ligne1 a svg {
			float: left;
		}
		#liens-ligne1 a span {
			padding: 25px 0 0 20px;
		}
		.adresse-postale {
			padding: 0px 0 0 20px;
		}
		#droite-ligne1 .coordonnees h1 {
			font-size: 1.5em !important;
			padding: 0 !important;
		}
		#droite-ligne1 .coordonnees {
			padding: 0;
			margin: 0;
			display: inline-block;
			width: 45%;
			vertical-align: top;
		}
		#portail-famille {
			margin: 0 0 10px 0 !important;
			display: inline-block;
			width: 54%;
			vertical-align: top;
			padding: 40px 20px 40px 130px !important;
		}
		.titre-article-a-lire {
			margin: 20px 0 0 0;
		}
		block-inner {
			width: 100% !important;
			display: block !important;
		}

		/*******************fin ligne1*********************************/
		#voir-liste-actus, #voir-liste-agenda {
			font-size: 1em;
		}
		#voir-liste-actus::before, #voir-liste-agenda::before {
			height: 43px;
		}

		/*******************fin ligne2*********************************/

		/*********************FIn page accueil*******************/
		h1.titre-fiche {
			margin: 15px 0 0 0 !important;
		}
		main {
			padding-top: 0;
		}
		main#main-accueil {
			border-top: none;
		}
		main.largeur92 {
			width: 100%;
			margin-top: 0;
		}
		#conteneur {
			width: 100%;
			margin: 0 auto 0 auto;
			z-index: 0;
		}
		#gauche {
			display: none !important;
		}
		#content {
			float: none !important;
			width: 100% !important;
		}
		#outils ul li, #outils li#krea3outils_print {
			display: none !important;
		}
		.krea3_formulaire fieldset {
			width: 100% !important;
		}
		label[for="rgpd"] {
			width: 100% !important;
			margin: 0 0 5px 0 !important;
		}
		h1 {
			font-size: 2.5em !important;
			padding: 0 20px !important;
		}
		#taille_texte {
			display: none;
		}
		ul#partenaires-footer li {
			padding: 0 10px;
		}
		ul#partenaires-footer li img {
			height: 50px;
		}

		/****************footer*********************/
		footer {
			padding: 0;
			margin: 0;
		}
		#facebook-footer {
			
		}
		#facebook-footer {
			width: 50% !important;
			padding: 20px 20px 50px 20px !important;
		}
		#facebook-footer h2 {
			line-height: 1.5em;
			font-size: 1.3em;
		}
		#facebook-footer li {
			font-size: 1em;
		}
		#logo-client-footer {
			width: 60px;
		}
		#logo-footer {
			padding: 5px;
		}
		#top-footer {
			display: block;
			width: 100%;
			padding: 0 !important;
		}
		#top-footer-gauche {
			border-bottom: 8px solid #fff;
		}
		#top-footer-droite {
			display: block;
			padding: 20px 20px 0 20px;
		}
		#fond-bas-footer {
			padding: 0;
		}
		#menu_partenaires li {
			margin: 0 10px 0 0 !important;
		}
		#menu_partenaires img {
			height: 40px !important;
		}
		ul#menu_footer {
			padding: 0px;
			display: block;
			width: 100%;
		}
		ul#menu_footer li {
			display: inline-block;
			padding: 10px 5px;
			width: auto;
		}
		ul#menu_footer li a {
			font-size: 0.9em;
		}
		ul#menu_footer li a img, ul#menu_footer li a span {
			margin: 0;
		}
		ul#menu_footer li a img {
			height: 15px;
		}
		#fond-bas-footer {
			padding: 0 0 50px 0;
		}
		ul#partenaires-footer {
			padding: 0px;
			display: block;
			width: 100%;
		}
		ul#partenaires-footer li, ul#partenaires-footer li img {
			height: 40px;
		}
		#bottom-footer {
			padding: 0 0 50px 0;
		}

		/************fin footer*********************/
	}

	/*****************************FIN CSS BIG***********************************************/

	/*****************************CSS VERY BIG***********************************************/
	@media screen and (min-width:1024px) and (max-width:1150px) {
		header.menu-reduit #nav>li>ul {
			top: 0;
		}
		.toggleMenu {
			height: 80px !important;
			width: 70px !important;
		}
		body {
			
		}
		.home header {
			height: 85px !important;
		}
		header {
			height: 60px;
			position: relative !important;
		}
		#adresse-header {
			display: none;
		}
		#nav {
			padding: 0 !important;
		}
		nav#menu-principal {
			width: 100%;
			background-color: transparent;
			text-align: left;
			margin: 0 0 0 0;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1000; /* Pour passer par dessus diapo accueil*/
			padding: 0;
		}
		#menu li span {
			display: inline-block !important;
			clear: none !important;
		}
		#menu {
			border-bottom: none;
		}
		main {
			padding-top: 0;
		}
		main#main-accueil {
			border-top: none;
		}
		main.largeur92 {
			width: 100%;
			margin-top: 0;
		}
		#conteneur {
			width: 100%;
			margin: 0 auto 0 auto;
			z-index: 0;
		}
		#la-page {
			background: #fff !important;
		}
		#gauche {
			display: none !important;
		}
		#content {
			float: none !important;
			width: 100% !important;
		}
		h1.titre-fiche {
			margin: 15px 0 0 0 !important;
		}
		#outils ul li, #outils li#krea3outils_print {
			display: none !important;
		}
		ul.liens_enfants {
			columns: 1 auto !important;
		}
		#acces-rapides {
			position: absolute;
		}
		/*******************header*********************/
		#outils {
			clear: both;
		}

		/*Le diaporama*/
		#diapo-accueil {
			height: auto;
			margin: 0;
		}
		.slider-nav a.slide-next {
			right: 80px !important;
		}
		.slider-nav a.slide-prev {
			left: 80px !important;
		}
		#top-header {
			width: auto;
			margin: 0;
			height: 62px;
			padding: 0;
			z-index: 2000;
		}
		#barre-top-header {
			margin: 0px 0 0 20px !important;
		}
		#recherche-top {
			margin-top: 0;
		}
		#searchform input[type="text"] {
			font-size: 1em;
			height: 30px;
			padding: 0 0px 0 10px;
		}
		#searchform input[type="submit"] {
			background-size: 30px 30px;
			height: 30px;
		}

		/***************fin header*********************/

		/************************Page d'accueil**************************************/

		/**********************ligne1**********************************/
		#fond-ligne1 {
			padding: 0;
			margin: 0;
			background: linear-gradient(to top, rgba(89, 160, 185, 0.9) 50%,
				rgba(255, 255, 255, 0) 50%);
		}
		#ligne1 {
			display: block;
			width: 100%;
			padding: 0 !important;
			margin: 0;
		}
		#gauche-ligne1, #droite-ligne1 {
			display: block;
			width: 100%;
			padding: 20px;
		}
		#droite-ligne1 {
			background: rgba(89, 160, 185, 0.9);
		}
		#coordonnees-top h1 {
			font-size: 2em !important;
		}
		.coordonnees {
			padding: 0;
			margin: 0;
		}
		.top-actus {
			text-align: center;
			margin: 0 0 30px 0;
		}
		#liens-ligne1 a svg {
			float: left;
		}
		#liens-ligne1 a span {
			padding: 25px 0 0 20px;
		}
		.adresse-postale {
			padding: 0px 0 0 20px;
		}
		#droite-ligne1 .coordonnees h1 {
			font-size: 1.5em !important;
			padding: 0 !important;
		}
		#droite-ligne1 .coordonnees {
			padding: 0;
			margin: 0;
			display: inline-block;
			width: 45%;
			vertical-align: top;
		}
		#portail-famille {
			margin: 0 0 10px 0 !important;
			display: inline-block;
			width: 54%;
			vertical-align: top;
			padding: 40px 20px 40px 130px !important;
		}
		.titre-article-a-lire {
			margin: 20px 0 0 0;
		}

		/*******************fin ligne1*********************************/
		#voir-liste-actus, #voir-liste-agenda {
			font-size: 1em;
		}
		#voir-liste-actus::before, #voir-liste-agenda::before {
			height: 43px;
		}
		#ligne1 h1 {
			padding: 0 80px 0 0px !important;
		}
		#ligne1 ul {
			padding: 20px;
			width: 50%;
			min-width: 550px;
		}
		/**********************ligne2**********************************/
		#ligne2 {
			display: block !important;
			padding: 0 !important;
		}
		#ligne2 h2 {
			font-size: 2em !important;
		}
		.agenda.accueil .metas-content-block .metas-content-block-inner, .agenda span.meta-date
			{
			display: block;
			width: 100%;
		}
		#droite-ligne2 h3 {
			margin: 15px 10px 10px 10px;
			padding: 0;
		}
		.agenda span.meta-date {
			text-align: left;
			padding: 0 10px;
		}
		.actu-diapo.hover-effect .bloc-au-survol {
			padding: 20px;
		}
		.actu-diapo .metas-content-block {
			font-size: 0.9em;
		}
		#gauche-ligne2 h3 {
			margin: 15px 0 20px 0;
		}
		.actu-diapo .bloc-au-survol span.icon-actu:after {
			font-size: 2em;
			width: 30px;
			height: 30px;
		}
		.top-actus a#voir-liste-actus {
			font-size: 1em;
			width: auto;
			height: auto;
			padding: 10px;
		}
		/*******************fin ligne2*********************************/

		/*********************FIn page accueil*******************/
		h1.titre-fiche {
			margin: 15px 0 0 0 !important;
		}
		main {
			padding-top: 0;
		}
		main#main-accueil {
			border-top: none;
		}
		main.largeur92 {
			width: 100%;
			margin-top: 0;
		}
		#la-page {
			background: #fff !important;
		}
		#conteneur {
			width: 100%;
			margin: 0 auto 0 auto;
			z-index: 0;
		}
		#gauche {
			display: none !important;
		}
		#content {
			float: none !important;
			width: 100% !important;
		}
		#outils ul li, #outils li#krea3outils_print {
			display: none !important;
		}
		.krea3_formulaire fieldset {
			width: 100% !important;
		}
		label[for="rgpd"] {
			width: 100% !important;
			margin: 0 0 5px 0 !important;
		}
		h1 {
			font-size: 2em !important;
			padding: 0 20px !important;
		}
		#taille_texte {
			z-index: 1000;
			position: absolute;
		}
		ul#partenaires-footer li {
			padding: 0 10px;
		}
		ul#partenaires-footer li img {
			height: 50px;
		}

		/****************footer*********************/
		footer {
			padding: 0;
			margin: 0;
		}
		#logo-client-footer {
			width: 60px;
		}
		#logo-footer {
			display: block;
			width: 60px;
			position: absolute;
			top: 10px;
			padding: 30px 0;
			border: none !important;
		}
		#top-footer {
			display: block;
			width: 100%;
			padding: 0 !important;
		}
		#titre-mairies-footer {
			padding: 20px 20px 20px 50px;
			min-width: 270px;
		}
		.tel-footer, .contact-footer {
			display: table;
		}
		#top-footer-gauche {
			border-bottom: 8px solid #fff;
		}
		#top-footer-droite {
			display: block;
			padding: 20px 20px 0 20px;
		}
		#fond-bas-footer {
			padding: 0;
		}
		#menu_partenaires li {
			margin: 0 10px 0 0 !important;
		}
		#menu_partenaires img {
			height: 40px !important;
		}
		ul#menu_footer {
			vertical-align: middle;
		}
		ul#menu_footer li {
			display: inline-block;
			padding: 10px 5px;
			width: auto;
		}
		ul#menu_footer li a {
			font-size: 0.9em;
		}
		ul#menu_footer li a img, ul#menu_footer li a span {
			margin: 0;
		}
		ul#menu_footer li a img {
			height: 15px;
		}
		#fond-bas-footer {
			padding: 0 0 50px 0;
		}
		ul#partenaires-footer {
			padding: 0px;
			display: block;
			width: 100%;
		}
		ul#partenaires-footer li, ul#partenaires-footer li img {
			height: 40px;
		}
		#bottom-footer {
			padding: 0 0 50px 0;
		}
		
		#menu_partenaires {
			width: 30%;
			vertical-align: middle;
		}
		

		/************fin footer*********************/
	}
	@media screen and (min-width:1150px) and (max-width:1200px) {
	}
	@media screen and (min-width:1280px) and (max-width:1370px) {
		#facebook-footer li {
			padding: 2px 0;
		}
		#facebook-footer {
			padding: 20px 20px 50px 40px;
			font-size: 0.75em;
		}
		#nav>li>a {
			font-size: 1.2em !important;
		}
		#searchform input[type="text"] {
			width: 92px !important;
			font-size: 0.85em !important;
			padding: 0 0px 0 25px !important;
		}
		#nav {
			padding: 0 230px 0 227px !important;
		}
	}
	@media screen and (min-width:1024px) {
		#nav>li>ul {
			padding: 40px 3% !important;
		}
	}
	@media screen and (min-width:1024px) and (max-width:1280px) {
		#logo-site {
			margin: 0 0 0 80px;
			width: 180px;
		}
		#nav>li>ul {
			padding: 0 !important;
		}
		header {
			position: relative !important;
			border: none !important;
		}
		header.menu-reduit #top-header {
			height: 101px !important;
		}
		header.menu-reduit #top-header {
			height: 65px;
			border-top: none;
			border-bottom: none;
			padding-top: 5px;
		}
		#droite-ligne1 {
			padding: 0 0 50px 40px !important;
		}
		.agenda span.jour_mois, .agenda span.jour_nbre {
			font-size: 1em !important;
		}
		#liens-ligne1 li {
			width: 32% !important;
			font-size: 0.85em !important;
		}
		.top-actus h2, #top-agenda h2 {
			font-size: 2.6em;
		}
		.tel-annuaire-listing {
			min-width: 140px;
			left: 20%;
			right: 20%;
		}
		#nav {
			border-top: 8px solid rgba(84, 122, 19, 1);
			border-bottom: 8px solid rgba(84, 122, 19, 1);
		}
	}
	/*****************************FIN CSS VERY BIG***********************************************/

	
	
	
	.krea3-editorial-navbar-inner a.active {
		font-weight: 700;
		color: #244289;
	}
	.trombi .card .card-body {
		position: absolute;
		bottom: -48px;
		left: 20px;
		right: 20px;
		background: linear-gradient(360deg, #244289 0%, rgba(92, 118, 141, 0.9)
			35%, rgba(140, 167, 191, 0.8) 100%);
		padding: 15px 0;
		border-radius: 4px;
	}
	.trombi .card .card-body h3 {
		font-weight: 700;
		margin-bottom: 10px;
		font-size: 16px;
		color: #fff;
		position: relative;
		padding-bottom: 10px;
	}
	.trombi .card .card-body .card-text {
		font-style: italic;
		display: block;
		font-size: 13px;
		color: #fff;
	}
	.submenu-toggle {
		display: none;
	}
}


/* liens enfants basés sur plan du site */
#krea3_plan_site.liensenfants ul {
    margin: 20px auto;
    padding: 30px 4% 30px 4%;
    background: #f8f8f8;
}

/* =Actu accueil
----------------------------------------------- */

/**Caroussel */
#owl-actu{
    max-width:1200px;
    margin:0 auto 30px auto;
    /*overflow:hidden;*/
    padding:0 60px 0 60px;
    padding:0;
}

#owl-actu .owl-stage-outer{overflow:hidden;}

/*Les flèches*/
#owl-actu .owl-nav{
    margin:0;
}

/*placement des flèches*/
#owl-actu .owl-nav button.owl-prev{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}

/*placement des flèches*/
#owl-actu .owl-nav button.owl-next{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
}

/*aspect des flèches*/
#owl-actu .owl-nav [class*="owl-"]{
    color:#33BFFA;
    font-size:100px;
    line-height:100px;
    margin:0;
    padding:5px 5px 20px 5px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    border:1px solid #FFF;
}

#owl-actu .owl-nav [class*="owl-"]:hover{
    color:#000;
    background:transparent;
}
/*fin aspect des flèches*/

/*fin des flèches*/


/***Les petits points****/
/*conteneur des points*/
#owl-actu .owl-dots{
    position:relative;
}

/*boutons qui contiennent les points*/
#owl-actu .owl-dots button.owl-dot{
    background:#FFF;
    margin:0;
    padding:5px;
    border:1px solid #FFF;
}

/*points*/
#owl-actu .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin:0;
    background:#FFF;
    border:2px solid rgba(0,0,0,1);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

#owl-actu .owl-dots .owl-dot.active span {
    background:#33bffa;
    border:2px solid #33bffa;
}


/***Fin des petits points****/





/**Fin caroussel*/




/*conteneur carré*/
.actu.accueil{
    width:100%;
    max-width:1500px;
    font-size: 1.2em;
    border:none;
    margin:0 auto 0 auto;
    padding:0;
    overflow: visible;
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
}
/***********************************/
/* Réglage d'1 carré*/
.actu.accueil .item-inner {
    margin: 0;
    /*padding: 0 !important;*/
    box-shadow: none !important;
}

.actu.accueil .item-inner img{
    display:inline-block;
    width: 100%;
    max-width:650px;
    height: auto;
    margin:0 auto 0 auto;
    border:1px solid #faf9fa;
}

.actu.hover-effect .item-inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    margin: 0;
    padding:20px;
    position: relative;
    border:1px solid rgba(0,0,0,0.01);
    background-color:#f9f9f9;
}
/* Fin Réglage d'1 carré*/
/***********************************/

/* texte sur carré de couleur au survol*/
.actu.hover-effect a {
    display: block;
    line-height: 1;
    text-align: center;
    font-weight:400;
    text-decoration:none;
}

/*carré de couleur au survol*/
.actu.hover-effect .bloc-au-survol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#FFF;
    border:1px solid #33BFFA;
    color: #333;
    opacity: 0;
    -webkit-transition: 1.3s opacity;
    -moz-transition: 1.3s opacity;
    transition: 1.3s opacity;
    padding:10px;
}

.actu.hover-effect .inner-bloc-au-survol{
    position: absolute;
    padding:20px;
    right:0;
    left:0;
    top: 50%; /* poussé de la moitié de hauteur du référent */
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
    font-family: 'Montserrat', sans-serif;
    
}

/*position du carré de couleur au survol*/
.actu.accueil.hover-effect .item-inner .bloc-au-survol {
    /*top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;*/
}

.actu .bloc-au-survol span.icon-actu{
    text-transform:uppercase;
}

/* + sur carré de couleur */
.actu .bloc-au-survol span.icon-actu:after {
    content:"+";
    font-weight:400;
    display: inline-block;
    vertical-align:middle;
    font-size:15px;
    margin:20px 0 20px 20px;
    padding:0;
    border-radius:50%;
    width:20px;
    height:20px;
    background-color:#7a6a4f;
    color:#FFF;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

.actu .bloc-au-survol span.icon-actu:hover::after {
    background-color:rgba(0,0,0,1);
}

/*Lire article*/
.actu .bloc-au-survol span.lire-article-accueil{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    display: inline-block;
    font-size: 0.7em;
    margin: 20px 0 20px 0;
    padding: 15px 20px 12px 20px;
    border-radius: 2px;
    background-color:#0372B2;
    color:#FFF;
    text-transform: uppercase;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

/*Titre article à lire*/
.actu .bloc-au-survol span.titre-article-a-lire{
    display:block;
    padding-top:20px;
    color:#000;
    font-weight:700;
}


.actu a:hover .bloc-au-survol, a:focus .bloc-au-survol {
    opacity:1;
}

.actu a:hover .metas-content-block, a:focus .metas-content-block-inner {
    opacity:0.05;
}

/* Titre "Aujourd'hui" / "Cette semaine" / "Ce mois ci" / "Cette année"*/
.actu .actu_widget_libelle {
    /*background: #222a41;
    border-radius: 0px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    font-weight:300;
    display: block;
    left: 5px;
    padding: 5px 10px;
    position: absolute;
    top: 5px;
    z-index: 30;*/
    display:none;
}

.actu .actu_widget_libelle a{
    font-weight:300;
}

/*Texte sur l'image*/
.actu.accueil .metas-content-block {
    display:table;
    width:100%;
    margin:20px 0 20px 0;
    color: #333;
    font-size: 1em;
    padding:0 0 20px 0;
    text-align: center;
    z-index:0;
}


.actu.accueil .metas-content-block .metas-content-block-inner {
    display:table-cell; 
    width:50%; 
    vertical-align:middle;
    margin:0;
    padding:0 7% 0 7%;
}

.actu.accueil .metas-content-block .conteneur-photo-actu{
    display:table-cell;
    width:50%;
    vertical-align:middle;
}

/*Texte sur l'image : ville*/
.actu span.meta-ville{
    font-weight:300;
    display:inline-block;
    padding:5px 10px 5px 10px;
    margin:0 0 15px 0;
    text-shadow:none;
    font-size:0.6em;
    color:#FFF;
    background-color:#333;
    border-radius:10px;
    text-transform:uppercase;
}

/*Texte sur l'image : catégorie*/
.actu span.categorie-actu-accueil{
    display:block;
    text-align:center;
    margin:-50px 0 0 0;
    padding:0;
}
.actu span.categorie-actu-accueil span{
    font-weight:300;
    display:inline-block;
    padding:10px 10px 30px 10px;
    margin:0 0 15px 0;
    text-shadow:none;
    font-size:0.7em;
    color:#FFF;
    background-color:#e95318;
    border-radius:15px;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
}


/*Texte sur l'image : titre*/
.actu h3.meta-titre{
    display:block;
    margin: 0;
    padding:0 0 15px 0;
    color:#000;
    font-size:1.5em;
    line-height:1em;
    font-weight:700;
}

.actu h3.meta-titre::before {
    /*content: "";
    display:block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 0 auto 30px auto;
    background-color: #33bffa;*/
}

.actu h3.meta-titre::after{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    border-top: 1px solid #028100;
    margin: 30px auto 20px auto;
}

/*Les boutons contrôle quand défilement*/
#owl-actu .owl-nav disabled { display:none !important;}

.owl-theme .owl-controls .owl-page span{
    background-color:#fff;
    border:1px solid #028100;
    opacity:1;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color:#0372B2;
    border:1px solid #0372B2;
    opacity: 1;
}

/*Responsive actu accueil*/

@media screen and (min-width:769px) and (max-width:1279px){
    
    .actu .item-inner img {
    }
    
    .bloc-au-survol .inner-bloc-au-survol {
        font-size:0.9em;
    }
    
    .actu.accueil .metas-content-block .metas-content-block-inner {
    font-size:0.7em;
    }
    
    .actu span.meta-ville{
    font-size:1.1em;
}
    
}

@media screen and (max-width:768px){
    
    .actu.accueil{
        width:100%;
        float:none;
        margin:0;
    }
    
    .actu.accueil .metas-content-block {
        display:block;
    }
    
    .actu.accueil .metas-content-block .metas-content-block-inner {
        display:block; 
        width:100%; 
        vertical-align:middle;
        margin:0;
        padding:20px 10px 0 10px;
        
    }

    .actu.accueil .metas-content-block .conteneur-photo-actu{
        display:block;
        width:100%;
        vertical-align:middle;
        padding:10px;
    }

    
    /*Texte sur l'image : titre*/
    .actu h3.meta-titre{
        font-size:1.5em;
    }


    /*Texte sur l'image : date*/
    .actu span.meta-date{
        font-size:1.2em;
    }
    
}


@media screen and (max-width:480px){
    .actu.accueil{
        font-size:0.9em;
    }
    
    .actu h3.meta-titre::after{
    margin: 15px auto 7px auto;
    }
}


a.intitule-actu-accueil {
    margin-bottom: 15px;
    background: #0372B2;
    display: inline-block;
    width: auto;
    padding: 12px 20px;
    font-size: .75rem;
    cursor: pointer;
    color: #fff;
    border: none;
    text-decoration: none;
    position: absolute;
    right: 50%;
    top: 40px;
    margin-right: 40px;
}

a.intitule-actu-accueil:hover,
a.intitule-agenda-accueil:hover {
	background: #028100;
	
}

/*fin actu accueil*/





.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span
    {
    background: #0372B2;
    opacity: 1;
}


#carte-footer{
	max-width: 200px;
    /* float: right; */
    margin-left: 20px;
    margin-top: 40px;
}

#colonne2-annuaire p{
	width:100%;
	text-align:left;
}

#sticky-bloc-fiche p.btn_site, #sticky-bloc-fiche p.btn_mail {
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: .375rem .75rem;
    margin: 0;
}

#sticky-bloc-fiche p.btn_site a, #sticky-bloc-fiche p.btn_mail a {
    display: inherit;
    color: #333;
    font-weight: 400;
    font-size: 1.2em;
    text-decoration: none;
}

p span.term {
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 5px 10px 5px 5px;
    border-radius: 2px;
    margin-right: 0.8em;
    background-color: #fff;
    margin-bottom: 0.8em;
    color: #000;
}

.listing li.un-bloc-listing{border:none;}



/* Un bloc */
.listing li.un-bloc-listing{
    display:block;
    float:left;
    margin:8px;
    padding:0;
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.1);
}

/* Le contenu d'un bloc agenda*/
.listing .listing-item-agenda{
    width:350px;
    height:495px;
    display:block;
    position:relative;
    overflow:hidden;
}

/* Le contenu d'un bloc annuaire*/
.listing .listing-item-annuaire{
    width:300px;
    height:300px;
    display:block;
    position:relative;
    overflow:hidden;
}

/* L'image */
.listing .listing-item img{
   display:block;
   width:100%;
   height:auto;
   position:relative;
   z-index:0;
}

/* La date (Agenda)*/
.date-manif-listing{
    position:absolute;
    top:0;
    left: 50%; /* poussé de la moitié de hauteur du référent */
    transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */
    font-weight:700;
    display:block;
    padding-bottom:5px;
    margin-bottom:10px;
    font-size:1em;
    background-color:#213589;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding:10px;
    color:#FFF;
    z-index:2;
}

.date-manif-listing .agenda_jour_texte,
.date-manif-listing .du-au{
    font-weight:400;
    font-size:0.7em;
}

.date-manif-listing .saut-ligne-date{
    display:block;
}
/* Fin de la date */

/*la ville*/
span.ville-listing-agenda{
    font-weight:400;
    display:inline-block;
    background-color:#e95318;
    text-transform:uppercase;
    padding:5px;
    margin:0 0 15px 0;
    text-shadow:none;
    font-size:0.75em;
    color:#FFF;
    border-radius:5px;
    font-weight:200;
}

/*la catégorie*/
span.categorie-listing-agenda{
    font-weight:400;
    display:inline-block;
    background-color:#e95318;
    text-transform:uppercase;
    padding:7px 7px 5px 7px;
    margin:0 0 15px 0;
    text-shadow:none;
    font-size:0.75em;
    color:#FFF;
    border-radius:15px;
    font-weight:200;
}

/* La catégorie (Annuaire) publications*/
.categorie-publication-listing{
    position:absolute;
    top:0;
    left: 50%; /* poussé de la moitié de hauteur du référent */
    transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */
    font-weight:400;
    display:block;
    padding-bottom:5px;
    margin-bottom:10px;
    font-size:0.9em;
    background-color:#213589;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding:10px;
    color:#FFF;
    z-index:2;
    text-transform:uppercase;
}



/* Le tel (Annuaire) asso*/
.association .tel-annuaire-listing,
.commerce .tel-annuaire-listing{
    position: absolute;
    top: 0 !important;
    left: 60px!important;
    transform: translateX(0%)!important;
    font-weight: 400;
    display: block;
    padding-bottom: 5px!important;
    margin-bottom: 10px;
    font-size: 0.9em;
    background-color: #028100 !important;
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    padding: 10px!important;
    color: #FFF!important;
    z-index: 2;
    right: 60px!important;
    height: 50px;
    /* width: 100%!important; */
    display: block;
}

.association .tel-annuaire-listing div,
.commerce .tel-annuaire-listing div{
	text-align:center;
}

.association .tel-annuaire-listing a,
.commerce .tel-annuaire-listing a{
	color:#fff;
	margin-left:10px;
}

.tel-annuaire-listing p{
    font-weight:100;
    display:block;
    margin:0;
    font-size:1em;
    padding:5px;
    color:#FFF;
    z-index:2;
}

.tel-annuaire-listing p{text-transform: uppercase;}

/*le numéro */
.tel-annuaire-listing p a{
    color:#FFF;
    text-decoration:none;
    font-weight:300;
}

.tel-annuaire-listing p a:hover{
    text-decoration:underline;
}


/*l'icone tel */
.tel-annuaire-listing p > span{
    padding-right:10px;
}
/* Fin de tel */



/***Commerces bolbec : tel, mail, site, fax...****/

/* Les liens tel, fax*/
.listing-item-annuaire p.btn,
.listing .listing-item .commerce p.btn{
    margin:5px 0 5px 0;
    padding:0;
}


.listing-item-annuaire p.btn a{
    color:#46a4d5;
    font-weight:200;
    text-decoration:none;
}

.listing-item-annuaire  p.btn a:hover,
.listing-item-annuaire  p.btn a:active{
    text-decoration:underline;  
}


/*Icones fontawesome / ne pas mettre le style sur i qui se retrouve commenté mais sur la balise svg*/
.listing-item-annuaire  p.btn svg,
.listing-item-annuaire  p.btn svg{
    margin:0 10px 0 10px;
}


/*Liens mail et site*/
.listing-item-annuaire  p.btn_site,
.listing-item-annuaire  p.btn_mail{
    padding:0;
    margin:0;
}

.listing-item-annuaire  p.btn_site a, 
.listing-item-annuaire  p.btn_mail a{
    overflow-wrap:break-word;
}
/***Fin commerces bolbec : tel, mail, site, fax...****/


/* La distance rando */
.km-rando-listing{
    width:100px;
    position: absolute;
    bottom: 40%;
    left:calc(50% - 50px);
    text-align:center;
    display:table;
}
.km-rando-listing p{
    display:table-cell;
    vertical-align:middle;
    width:100px;
    height:100px;
    padding:10px;
    color:#fff;
    font-weight:bold;
    font-size:1.5em;
    line-height:1em;
    background-color:rgba(195, 27, 74, 0.8);
    border-radius:50px;
}
.km-rando-listing p span{
    
}

/* Le lien avec effet de survol contenant le titre et le résumé*/
.listing .listing-item > a,
.listing .listing-item > .commerce{
    display:block;
    text-decoration:none;
    font-weight:100;
    color:#333;
    width:100%;
    height:150%;
    position:absolute;
    z-index:1;
    bottom:-50%;
    background-color:rgba(0,0,0,0.1);
    -webkit-transition: background-color 1s ease, bottom 1s ease;
    -moz-transition: background-color 1s ease, bottom 1s ease;
    -ms-transition: background-color 1s ease, bottom 1s ease;
    -o-transition: background-color 1s ease, bottom 1s ease;
    transition: background-color 1s ease, bottom 1s ease;
}

.listing .listing-item > a:hover,
.listing .listing-item > .commerce:hover{
    background-color:rgba(255,255,255,1);
    bottom:0%;
}

/* Le titre */
.listing .listing-item a h3,
.listing .listing-item .commerce h3{
    margin:0;
    display:table;
    width:100%;
    height:66.66%;
    position:relative;
    color:#333;
    font-weight:700;
    font-size:1.2em;
    padding-bottom:0;
}

/* span pour bien positionner le texte du titre*/
.listing .listing-item a h3 > span,
.listing .listing-item .commerce h3 > span{
    display:table-cell;
    vertical-align:bottom;
    width:100%;
    text-align:center;
}

/* span pour styliser titre*/
.listing .listing-item a h3 span span.bordure-titre-agenda,
.listing .listing-item .commerce h3 span span.bordure-titre-agenda{
    display:flex;
    justify-content:center;
    flex-direction: column;
    background-color:rgba(255,255,255,0.9);
    padding:20px;
    height:auto;
    min-height:88px;
}

/*la ville annuaire randos*/
.listing .listing-item a h3 span span.ville-rando{
    margin-top:10px;
    font-size:0.7em;
    text-transform:uppercase;
}

/*icon ville annuaire randos*/
.listing .listing-item a h3 span span.ville-rando svg{
    margin-right:5px;
}


/* le résumé (visible au survol) */
.listing .listing-item a p,
.listing .listing-item .commerce p{
    font-size:0.9em;
    font-weight:100;
    padding:20px 10px 10px 10px;
    margin:0;
}


/*RESPONSIVE*/



/*Responsive*/

@media screen and (max-width:768px){
    #diapo-accueil {
        position: relative;
        width: 100%;
        height: auto;
    }
    #wrapper-acces-rapides {
        position: absolute;
        top: 10%;
        width: 90%;
        display:none;
    }
    #fond-ligne1:before{
       width:100%;
    }
    #fond-ligne1 {
        background: #fff;
        padding: 0;
        position: relative;
        margin: 0;
        display: block;
        clear: both;
        width: 100%;
    }
    #ligne1{
       display:block;
    }
    #wrapper-liste-actu-accueil,
    #wrapper-liste-agenda-accueil{
       width:100%;
    }
    
    #wrapper-liste-agenda-accueil{
        padding-bottom: 100px;
    }
    
    a.intitule-actu-accueil{
       left:10%;
       margin-right: 170px;
       font-size: .7rem;
    }
    
    #ligne1 h2 span{
       display:inline-block;
       margin-left: 10px;
    }
    
    #content{
        width:100%;
    }
}

@media screen and (max-width:480px){
    
        #owl-actu{
        padding:0;
    }
    
    /*placement des flèches*/
    #owl-actu .owl-nav button.owl-prev{
        top:100px;
        transform:none;
    }
    
    /*placement des flèches*/
    #owl-actu .owl-nav button.owl-next{
        top:100px;
        transform:none;
    }

/*aspect des flèches*/
    #owl-actu .owl-nav [class*="owl-"]{
        color:#FFF;
        font-size:50px;
        line-height:50px;
        margin:0;
        padding:5px 15px 20px 15px;
        background:#33BFFA;
        display: inline-block;
        cursor: pointer;
        border-radius: 0;
        border:none;
    }

    #owl-actu .owl-nav [class*="owl-"]:hover{
        color:#FFF;
        background:#33BFFA;
    }
    /*fin aspect des flèches*/
}

/***************Menu réduit********************/
@media screen and (min-width:1024px) {
    header.menu-reduit {
        position: fixed;
        z-index: 1000; /*pour passer par dessus diapo accueil*/
        border-bottom: 1px solid #0372B2;
        background-color: rgba(255, 255, 255, 1);
    }
    header.menu-reduit #top-header {
        padding-bottom: 0;
    }
    header.menu-reduit #site-officiel {
        display: none;
    }
    header.menu-reduit nav#menu-principal {
        z-index: 1000;
    }
    header.menu-reduit #barre-top-header {
        margin: 0 0 0 20px;
    }
    header.menu-reduit #nav>li>a {
        padding: 15px 18px;
        font-size: 1.4em;
    }
    header.menu-reduit #nav li ul {
        top: 55px;
    }
    header.menu-reduit #nav li ul li ul {
        top: 0;
    }
}

@media screen and (min-width:1420px) and (max-width:1530px) {
    #nav>li>a {
        font-size: 1.3em !important;
        padding: 35px 18px;
    }
    header.menu-reduit #nav>li>a {
        font-size: 1.3em !important;
        padding: 15px 18px;
    }
}

@media screen and (min-width:1280px) and (max-width:1420px) {
    #nav>li>a {
        font-size: 1.2em !important;
        padding: 35px 12px !important;
    }
    header.menu-reduit #nav>li>a {
        font-size: 1.2em !important;
        padding: 15px 12px !important;
    }
    #barre-top-header, header.menu-reduit #barre-top-header {
        padding: 0 !important;
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    header.menu-reduit #top-header {
        width: 100%;
    }
    header.menu-reduit #barre-top-header {
        padding-right: 0;
    }
    header.menu-reduit #searchform input[type="text"] {
        width: 130px;
        font-size: 1em;
    }
    header.menu-reduit ul#liens-sociaux-top {
        display: none;
    }
}

/***********Fin Menu réduit********************/


@media screen and (min-width:1479px){

    .listing .listing-item-annuaire {
        width: 300px;
        height: 300px;
    }
}


@media screen and (min-width:1437px) and (max-width:1478px){
    .listing .listing-item-annuaire {
        width: 290px;
        height: 290px;
    }
}

@media screen and (min-width:1394px) and (max-width:1436px){
	.listing .listing-item-annuaire {
        width: 280px;
        height: 280px;
    }
}


@media screen and (min-width:1280px) and (max-width:1550px){
    
    #content_large .listing ul{width:1110px;}
    #content .listing ul{width:740px;}
    
    .listing .listing-item-annuaire {
        width: 300px;
        height: 300px;
    }
}

@media screen and (max-width: 1279px){
	.metas-content-block-inner p{
	   display:none;
	}
}
@media screen and (min-width:1024px) and (max-width:1279px){
    
    #content_large .listing ul,
    #content .listing ul{width:740px;}
    .listing .listing-item-annuaire {
	    width: 300px;
	    height: 300px;
	}
}

@media screen and (min-width:1400px) {
    #fond-ligne2 h2 {
        font-size: 3em;
    }
}

@media screen and (max-width:1400px) {
    #fond-ligne2 h2 {
        font-size: 2.5em;
    }
}
@media screen and (max-width:890px) {
    .krea3_formulaire fieldset legend.obligatoire {
        margin-left: 0;
    }
    .descriptioncontact {
        padding-left: 0;
    }
    .krea3_formulaire input[type="submit"] {
        margin-left: 0;
    }
}
@media screen and (max-width:770px) {
    .page_carto #filtres {
        width: 100%;
        clear: both;
        float: none;
        margin: 0 !important;
    }
    .page_carto #cbp-vm.card {
        width: 100%;
    }

    /***itinéraire***/
    .page_carto #wrapper_itineraire {
        padding: 0;
        width: 100%;
    }
    .page_carto #wrapper_input_calcul_itineraire input {
        width: 100%;
    }
    .page_carto .adp table {
        width: 100%;
    }

    /***fin itinéraire***/
}

@media screen and (max-width:734px) and (orientation:portrait) {
    #menu{
           padding: 0px 0 20px 0;
    }
}
@media screen and (max-width:736px) {
   
    .agenda.accueil{
        width:100%;
        display:block;
        max-width:100%;
    }
    #liste-agenda-accueil .agenda div.date{
        float:left;
    }
    a.intitule-agenda-accueil{
        left:30px;
        right:auto;
    }
    #content_large .listing ul,
    #content .listing ul{width: 100%;}
}

@media screen and (max-width:667px){
	a.intitule-actu-accueil {
    margin-right: 160px;
	}
}

@media screen and (max-width:430px){
	
    #content_large .listing ul,
    #content .listing ul{width:370px;}
    .listing .listing-item-annuaire {
        width: 300px;
        height: 300px;
    }
    
    a.intitule-actu-accueil{
        display: block;
	    position: relative;
	    width: 140px;
	    text-align: center;
	    /* margin-bottom: 40px; */
	    float: left;
	    margin-right: 20px;
    }
    
    #ligne1 h2{
	    padding-left: 0;
	    margin: 0;
	    padding-left: 80px;
    }
    
    #ligne1 h2 span{
        display:block;
    }
    
}

@media screen and (max-width:429px){
    
    #content_large .listing li.un-bloc-listing,
    #content .listing li.un-bloc-listing{
    margin:10px 0 10px 0;
    }
    
    #content_large .listing ul,
    #content .listing ul{
    width:280px;
    }
    #content_large .listing .listing-item,
    #content .listing .listing-item{
    width:280px;
    height:280px;
    display:block;
    position: relative;
    }
}


.trombi img{
	max-height:300px !important;
}