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

/*
Theme Name: krea3-leperrey
Description: Theme mairie Le Perrey
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-286, #menu li.page-item-287, #menu li.page-item-288{display:none;}

#menu li.page-item-285{
    position: absolute;
    top: 28px;
    right: 20px;
	width:222px;
}

#menu li.page-item-285 a {
    background: #90171f;
    color: #fff !important;
	border-radius: 20px 0;
    height: auto !important;
    padding: 10px 20px !important;
}

#nav li.page-item-285 a::before{
    content:'';
	background:url('assets/images/icon-contact.png') no-repeat;
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: bottom;
}

#nav li.page-item-285 a::after{display:none;}

@media screen and (min-width:1500px){
#nav > li {width: 16%;}
}

@media screen and (max-width:1500px){
#nav > li {width: 15%;}
}

.menu-reduit #menu li.page-item-285 a {
    margin: 10px 20px 0 0;
}

.menu-reduit #menu li.page-item-285{
    top: 10px;
	height:auto !important;
}

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:100%; /*c'est la taille du navigateur par défaut*/
	color:#666;
	background:#fff;
}

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

main#main-page{
	/*background:linear-gradient(to right, #FFF 50%, #fafafa 50%);*/
	margin:0 !important;
}


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:fixed;
	z-index:1001;
	top:0px;
	width:100%;
	font-family: 'Raleway', sans-serif;
	background:rgba(255,255,255,0.9);
}

#logo-site{
	display:block;
	position:absolute;
	z-index:1001;
	top:0px;
	left:50px;
	margin:0;
	padding:0;
	width:146px;
	height:auto;
	text-align:center;
	vertical-align:middle;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}


/***Outil taille du texte***/
#taille_texte {
    display: block;
    background: rgba(194,196,95,0.9) !important;
    border-radius: 0 10px 10px 0;
    position: fixed;
    z-index: 500;
    left: 0;
    top: 200px;
    width: 54px !important;
}


.jfontsize-button {
	display:inline-block;
	width:45px;
	height:40px;
	float:right;
	margin:0;
	border:none;
}
 
.jfontsize-button:hover {
   border:none;
}
 
.jfontsize-disabled, .jfontsize-disabled:hover {
    
}
/***Fin Outil taille du texte***/

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

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

#nav{
    padding: 0 0 0 250px !important;
}

/*pour cacher accueil du menu grands écrans*/
#menu li.page-item-0{
	text-transform:uppercase;
}

#nav > li > ul > a {
	color:#000 !important;
}

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

}

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


#menu{
	display:block;
	position:relative;
	width:100%;
	height:100px;
	padding: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;
}

/*body.home #menu{
	max-width:1300px;
}*/


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



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

@media screen and (min-width:1280px){
	header.menu-reduit{
		border-bottom:1px solid #eee;
		background: rgba(255,255,255,1);
	}
	
	
	header.menu-reduit #logo-site{
		width:80px;
	}
	
	header.menu-reduit #nav{
		height:65px;
	}
	
	header.menu-reduit #nav > li {
		height:65px;
	}
	
	header.menu-reduit #nav > li > a::after {
	    height: 45px;
	}
	
	header.menu-reduit #menu{
		height:65px;
		padding:0;
	}
	
	header.menu-reduit #nav > li > a {
    height: auto !important;
	}
	
	header.menu-reduit #nav > li > ul {
    top: 64px;
		}
}
/***********Fin Menu réduit********************/

/***********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(255,255,250,0.5) !important;
    color:#002f4a !important;
}




/************************Page d'accueil**************************************/
#diapo-accueil{border-bottom: 5px solid #c2c45f;}

.slideshow .cycle-slide .slide-body {
	top: auto;
	bottom:50px;
}

.slideshow .cycle-slide .slide-content {
    width: 80%;
	text-align: right;
}

.slideshow .cycle-slide .slide-content .content-label {
	color: #fff !important;
	background: rgba(34,90,48,0.7);
    padding: 20px;
    margin: 0;
    font-style: italic !important;
    line-height: 1.5em !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.9em;
	text-transform:none !important;
    font-weight: 300;
}
/**********************ligne1***********************************/

#fond-ligne1{
	position:relative;
	padding:0;
	z-index:100;
	/***background: linear-gradient(to right, #fff 50%, #5c795d 50%);***/
	background: linear-gradient(to right, #f2f2f2 50%, #fff 50%);
	min-height:340px;
	height:auto;
}


#ligne1{
	position:relative;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	display:block;
	z-index:0;
}

#gauche-ligne1{
	display:block;
	float:left;
	width:50%;
	/***background:#c2c45f;***/
	padding:0 30px 50px 0;
	background:#f2f2f2;
}

#droite-ligne1{
	display:block;
	float:left;
	width:50%;
	padding:0 0 0 30px;
}


#acces-rapides{
    padding:20px;
    display:block;
	position:relative;
	text-align:center;
	width:70%;
	margin:0 auto 30px auto;
	list-style-type:none;
}

#acces-rapides li{
    display:inline-block;
	padding:0;
	vertical-align:top;
	width:30%;
	margin:5px;
		-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/***#acces-rapides li#acces1{border:1px solid #8e161e;}
#acces-rapides li#acces2{border:1px solid #225a30;}
#acces-rapides li#acces3{border:1px solid #5c795d;}
#acces-rapides li#acces4{border:1px solid #c2c45f;}
#acces-rapides li#acces1 a:hover{border:3px solid #8e161e;}
#acces-rapides li#acces2 a:hover{border:3px solid #225a30;}
#acces-rapides li#acces3 a:hover{border:3px solid #5c795d;}
#acces-rapides li#acces4 a:hover{border:3px solid #c2c45f;}***/

#acces-rapides a{
    text-decoration:none;
	color:#333;
	font-weight:500;
	display: table;
	width: 100%;
    height: 100%;
    border: 3px solid #fff;
		-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	position:relative;
}

#acces-rapides span {
    display: block;
    font-weight: 500;
    vertical-align: middle;
    text-align: center;
    padding: 20px 0 0 0;
}

#acces-rapides img{
	width:90px;
	height:auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	opacity:1;
	background:rgba(0,0,0,0);
	text-align:center;
	position:relative;
}

#acces-rapides a:hover img{
	opacity:0;
}

#acces-rapides a::before{
	position:absolute;
	top:0;
	left:36%;
	background-size:90px auto;
	width:90px;
	height:83px;
	content:'';
	display:block;
	opacity:0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#acces-rapides li:hover a::before{
	opacity:1;
}

#acces-rapides #acces1 a::before{background:url('assets/images/acces1-hover.png') no-repeat;}
#acces-rapides #acces2 a::before{background:url('assets/images/acces2-hover.png') no-repeat;}
#acces-rapides #acces3 a::before{background:url('assets/images/acces3-hover.png') no-repeat;}

.resume-article-a-lire{
	clear:both;
	display:block;
}

#ligne2 .owl-nav{
	border-radius:50px;
	background:#0075ba;
	padding:0px 15px;
	width:81px;
	margin: -30px 0 0 88%;
    position: relative;
	text-align:center;
	}

.top-actus{
	display:table;
	width:100%;
	margin:0;
	padding:40px 20px 20px 0px;
	/***background:url('assets/images/fond-titre-agenda.png') no-repeat left bottom;***/
}

.top-actus h1 {
    color: #225a30;
    font-weight: 400;
    margin: 0;
	padding:5px 0;
    line-height: normal;
    text-align: left;
    font-size: 2.8em;
    display: inline-block !important;
    border: none !important;
    vertical-align: top;
}

.top-actus a#voir-liste-actus {
    background: #c2c45f;
    padding: 9px 18px;
    border-radius: 0px 20px 0 20px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    margin: 17px 0 0 20px;
}

.top-actus a#voir-liste-actus span{
	
}

#top-actus a#voir-liste-actus:hover{

}



.top-agenda{
	display:table;
	width:100%;
	margin:0;
	padding:40px 20px 20px 0px;
	/***background:url('assets/images/fond-titre-agenda.png') no-repeat left bottom;***/
}

.top-agenda h2 {
    color: #225a30;
    font-weight: 400;
    margin: 0;
    line-height: normal;
    text-align: left;
    font-size: 2.8em;
    display: inline-block !important;
    border: none !important;
    vertical-align: top;
}

.top-agenda a#voir-liste-agenda {
    background: #c2c45f;
    padding: 10px 18px;
    border-radius: 0px 20px 0 20px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    margin: 17px 0 0 20px;
}

.metas-content-block{
    display:table;
	width:100%;
}

.img-agenda{
    display: table-cell;
    width: 150px;
    border: 3px solid #fff;
    height: 150px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background: #7a9c81;
}

#agenda-accueil .img-agenda img{
    width:150px;
	height:auto;
	margin:0;
	padding:0;
}

#agenda-accueil .meta-date{
    display:table-cell;
	width:150px;
	vertical-align:middle;
	border: 3px solid #f2f2f2;
	color:#000;
	text-align:center;
	background:#fff;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	padding:10px 0;
}

#agenda-accueil .jour_nbre{
    font-size:2.3em;
	display:block;
	clear:both;
	font-weight:600;
	color:#8e161e;
}

#agenda-accueil .metas-content-block-inner{
    display:table-cell;
	width:auto;
	background:#fff;
	vertical-align:middle;
	border: 3px solid #f2f2f2;
	padding:5px 40px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#agenda-accueil .metas-content-block-inner h3{
    margin:0;
}

.categorie-agenda-accueil{
    color: #90171f;
    font-weight: 700;
	background:#f2f2f2;
	border-radius:50px;
	padding:3px 10px;
	display:table;
	font-size:0.8em;
	margin:10px 0;
}

#agenda-accueil a{
    color:#565859;
	text-decoration:none;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


#agenda-accueil a:hover .metas-content-block-inner, #agenda-accueil a:hover .meta-date{
	background:#fff;
	border:3px solid #f2f2f2;
}

#agenda-accueil a:hover .img-agenda{
	border:3px solid #f2f2f2;
}

/***************Fin ligne2******************/
/**********************ligne3**************************/


#fond-ligne3 {
    position: relative;
    margin: 0;
    padding: 0;
    background: url(assets/images/fond-ligne3.jpg) #f9edcb no-repeat bottom center / 100% auto;
    background-attachment: fixed;
    padding: 0;
	clear:both;
	display:block;
}

#ligne3 {
    display:table;
}

#ligne3 h2{
    color:#fff;
	padding:20px;
	margin:0 !important;
	font-style:italic;
	line-height:1.5em;
	background:rgba(34,90,48,0.7);
}
#droite-ligne3{
    display:table-cell;
	width:800px;
	max-width:60%;
	vertical-align:middle;
}

#gauche-ligne3{
    display:table-cell;
	width:auto;
	padding:0 50px;
	vertical-align:middle;
}
/**********************fin ligne3**************************/



/* =Diapo actu accueil
----------------------------------------------- */

#owl-actu{
	/***background:rgba(92,121,93,0.3);***/
	border:1px solid #eee;
}

/*conteneur carré*/
.actu-diapo.accueil {
	font-size: 1.2em;
    border:none;
    margin:0;
	padding:0;
    overflow: visible;
	font-family: 'Open Sans', sans-serif;
	font-weight:200;
	width:100%;
}

#actus-en-ce-moment actu-diapo.accueil{width:100%; float:none;}

/***********************************/
/* Réglage d'1 carré*/
.actu-diapo.accueil .item-inner {
	margin: 0;
	padding: 0px !important;
	box-shadow: none !important;	
}

.actu-diapo .metas-content-block {
	display:table;
}

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


.actu-diapo .img-actu-accueil img {
	display:block;
	width:100%;
	height: auto;
}

.actu-diapo.accueil .metas-content-block .metas-content-block-inner {
	display: table;
    width: 100%;
    padding: 20px;
    vertical-align: middle;
    position: relative;
	line-height:1.3em;
	font-weight:400;
	font-size:0.8em;
	color:#565859;
}

.actu-diapo.accueil .metas-content-block .metas-content-block-inner h2{
	display: block;
    width: 100%;
    padding: 0;
	position:relative;
	vertical-align:middle;
	margin:0 0 15px 0;
	font-size: 1.5em;
    line-height: 1em;
    color: #90171f;
	font-weight: 500;
}

/***.actu-diapo.accueil .metas-content-block .metas-content-block-inner h3::after{
	display: block;
    width: 2px;
    height: 50px;
    background: #eee;
    content: '';
    margin: 0;
    position: absolute;
    right: 35px;
    top: 0;
}***/

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

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

/*carré de couleur au survol*/
.actu-diapo.hover-effect .bloc-au-survol {
	position: absolute;
	bottom:0;
	background-color:#fff;
	color: #FFF;
	opacity: 0;
	/*-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;*/
	padding:40px;
	font-size:1em;
	line-height:1.2em;
	font-weight:300;
	z-index:10
}



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

/*pour centrer dans la div le contenu du carré de couleur au survol*/
.actu-diapo.hover-effect .bloc-au-survol .inner-bloc-au-survol{
	margin: 5.5% auto 0 auto;
}

.actu-diapo .bloc-au-survol span.titre-article-a-lire {
    display: block;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 30px 0 0 0;
}

.icon-actu {
	padding:9px 18px;
	border-radius: 0px 20px 0 20px;
	background: #eee;
    color: #000;
}

/* + sur carré de couleur */
/***.actu-diapo .bloc-au-survol span.icon-actu:after {
	content: "+";
	font-weight: 100;
	display: inline-block;
	font-size: 4em;
	text-transform: uppercase;
	margin: 20px 0 20px 0;
	padding: 0;
	-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;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	line-height: 0.75em;
	text-align:center;
}***/

.actu-diapo .bloc-au-survol span.icon-actu:hover::after {
}

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

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

.actu-diapo .agenda_widget_libelle a{
	font-weight:300;
}

/*Texte sur l'image*/
.actu-diapo .metas-content-block {
   color: #333;
    padding: 15px;
    text-align: left;
    width: 100%;
    margin: 0;
    display: table;
    /***border-top: 2px solid #0a8e86;
    border-bottom: 2px solid #0a8e86;***/
}



/*Texte sur l'image : titre*/
.actu-diapo h4.meta-titre{
	display:block;
	text-align:center;
	margin:0;
	padding:20px 0 20px 0;
	color:#333;
	font-size:1.2em;
	line-height:1em;
	font-weight:700;
	/*text-shadow: 0px 0px 5px rgba(0,0,0,0.3);*/
}

.actu-diapo img{
	display: table-cell !important;
    position: relative;
    width: auto;
}

#conteneur-actu-accueil .actu-diapo.accueil:first-child h3.meta-titre{
	font-size:2em;
}

/*Les boutons contrôle quand défilement*/
/*sur page intérieure*/
#main .owl-theme .owl-controls{
	
}

/*Les boutons contrôle quand défilement*/
/*sur page accueil*/
#main-accueil .owl-theme .owl-controls{
	position:absolute;
	bottom:5px;
	right:20px;
}

.owl-theme .owl-controls .owl-page span{
	background-color:rgba(0,0,0,0.3);
	opacity:1;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color:#c2c45f;
    opacity: 1;
}

/*RESPONSIVE*/
@media screen and (min-width:640px) and (max-width:767px){
	
	.actu-diapo.accueil{
		width:96%;
		float:none;
		padding:0;
		margin:0 2% 20px 2%;
	}
}



@media screen and (max-width:639px){
	
	.actu-diapo.accueil,
	#conteneur-actu-accueil .actu-diapo.accueil:first-child{
		width:96%;
		float:none;
		padding:0;
		margin:0 2% 20px 2%;
	}
	
	.actu-diapo .metas-content-block {
		padding:0px 0px 50px 0px;
		font-size:1em;
		background:#fff;
	}
	
	#main-accueil .owl-theme .owl-controls {
    bottom: 50px;
	}
	
	.actu-diapo.hover-effect .bloc-au-survol {
		padding-top:10%;
		font-size:0.8em;
	}
	
	.actu-diapo .metas-content-block {
		display:block;
	}
	
	.actu-diapo .item-inner .img-actu-accueil{
		display:block;
		width: 100%;
		max-width:400px;
		padding-right:0;
		height: auto;
		margin:0 auto 0 auto;
	}
	
	.actu-diapo.accueil .metas-content-block .metas-content-block-inner {
		display:block;
		width: 100%;
		padding:10px 20px 20px 20px;
	}
	
	
	.actu-diapo.accueil h3.meta-titre,
	#conteneur-actu-accueil .actu-diapo.accueil:first-child h3.meta-titre{
	font-size:1.4em;
	}

}

/*fin diapo actu sur accueil*/



/*************Page Listing des ACTUS*********************/

/*Listing*/
.extrait_actu_page{
	border: 1px solid #eee;
	margin:0 0 20px 0;
	padding:20px;
	clear:both;
	font-size:0.9em;
	position:relative;
}


.extrait_actu_page h2 {
    margin: 0;
    color: #000;
    font-size: 1.2em !important;
    line-height: 1.4em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 0 0 20px 0;
    display: block;
}

.extrait_actu_page h2 a{
	text-decoration: none;
    font-weight: 600;
    color: #90171f;
    padding: 0;
    display: block;
}

.extrait_actu_page small{
	color:#8a84d7;
	font-weight:700;
	text-transform:uppercase;
	font-size:0.7em;
	font-family: 'Open Sans', sans-serif;
	color:#333;
}

.agenda .extrait_actu_page small{ 
	background: #90171f !important;
    padding: 8px 15px;
    margin: 10px 0 0 0;
    position: relative;
    display: block;
    font-size: 1.2em;
    color: #fff;
    width: 100%;
}

.extrait_actu_page .vignette{
	width:180px;
	height:auto;
	float:left;
	border:1px solid #eee;
	margin:0 20px 10px 0;
	padding:0;
	display:block;
}

.extrait_actu_page .texte-actu{
	float:left;
	display:block;
	width: calc(100% - 200px);
	font-weight:400;
	text-align:left;
}

.extrait_actu_page .vignette img{
	display:block;
	width:100%;
	height:auto;
}

.extrait_actu_page a.lire_actu{
	text-decoration: none;
    color: #000;
    font-size: 1em;
    margin: 20px 0 0 0;
    padding: 13px 20px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
    background: #f2f2f2;
    width: 200px;
    position: absolute;
    bottom: 19px;
    right: 20px;	
	text-align:center;
}

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


.nav-actus li a svg{
	width:35px !important;
	height:35px !important;
	padding:8px;
}

.nav-actus li a:hover{
	background:#000 !important;
}
/*fin listing*/

#date_publication_article_single{
	display:block;
	font-family: 'Open Sans', sans-serif;
	text-align:right;
	margin:20px 0 0 0;
	font-weight:400;
	text-transform:uppercase;
	font-size:0.7em;
}

ul#date-manif-fiche li{
color: #fff !important;
    background: #90171f;
    padding: 8px 15px;
    margin: 10px 0 0 0;
    position: relative;
    display: block;
    font-size: 1.5em;
	border:none;
}

#coordonnees-fiche p.btn {
    margin: 0 8px 8px 0;
    border-radius: 5px;
    color: #90171f;
	background:#fff;
	border:1px solid #eee;
}

#coordonnees-fiche p.btn:hover {
	border:1px solid #eee;
	background: #f2f2f2;
}

#coordonnees-fiche p.btn a {
    font-weight: 500;
}

#colonne1-agenda, #colonne1-annuaire {
    padding: 0 60px 0 0 !important;
    border-right: 1px solid rgba(0,0,0,0.1) !important;
}

.bloc-fiche {
    border-top: none !important;
}

#description-fiche{
    border:1px solid #eee !important;
	background:#fff !important;
}

.agenda_jour_texte {
    padding:0 0 0 8px;
}

.ui-widget.ui-datepicker .ui-datepicker-header, .ui-widget.ui-datepicker th {
    background:  #90171f;
}

/***************Fin page listing ACTUS***************************/
#img-header{
	width:100%;
	max-width:2200px;
	height:auto;
	position:relative;
	margin:0 auto 0 auto;
	display:block;
}

#img-header img{
	display:block;
	width:100%;
	height:auto;
	border-bottom: 5px solid #c2c45f;
}

#la-page{
	position:relative;
	padding: 0 0 100px 0;
}

#content{
	float:left;
	width:75%;
	height:auto !important;
	min-height:900px;
	background-color:#FFF;
	font-size:1em;
	font-weight:300;
	font-family: 'Arial', sans-serif;
	color:#333;
	padding:30px 60px;
}

#content_large{
	clear:both;
	width:100%;
	padding:30px 30px 60px 30px;
	margin:0;
	color:#333;
	background-color:#FFF;
	font-weight:300;
	background-color:#FFF;
	position:relative;
	font-size:1em;
	font-family: 'Arial', sans-serif;
}

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

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

.nav-listing, .nav-fiche, .nav-actus {
    text-align: right;
}
/*************************************** Gauche ***************************************************/
#gauche{
	display:block;
	float:left;
	width:24.5%;
	padding:0 0 10px 0;
	margin:30px 0;
	background:#f2f2f2;
	font-size:0.8em;
}


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

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

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

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


.sidebar ul .pagenav{
	text-align:left;
	padding:15px 0 0 0;
	margin:0 0 0 0;
	font-weight:500;
	text-transform:uppercase;
	font-size:1.3em;
	font-family: 'Raleway', sans-serif;
	list-style-position:outside;
}

.sidebar ul#menu_pages .pagenav{color:#225a30;}
.sidebar ul#menu_annuaire .pagenav{color:#225a30;}


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

.sidebar ul .pagenav ul ul{
	margin-top:0px;
}

.sidebar ul li{
	list-style-type:none;
	padding:0 10px;
}

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

.sidebar ul#menu_pages a{color:#000; font-weight:400;}
.sidebar ul#menu_annuaire a{color:#000; font-weight:400;}

.sidebar ul ul li:first-child{
	border-top:3px solid rgba(255,255,255,0.2);
	padding-top:15px;
}

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



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

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

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

.sidebar ul li.has_children a:hover{
}

.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{
	margin:0 0 0 0;
}

/*Pour Découvrir / La communauté de communes / Les communes qui a ensuite un niveau 4*/
.sidebar ul li.page-item-6920 a{
	padding-left:20px;
}

.sidebar ul li.has_no_children a:hover{
	font-weight: 500;
	border-bottom: 1px solid #fff;
}

.sidebar ul#menu_pages li.current_page_item > a,
.sidebar ul#menu_annuaire li.current_page_item > a{
	font-weight: 500;
	border-bottom: 2px solid #5c795d;
}

.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:0;
	font-family: 'Raleway', sans-serif;
}

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

.filtres-carte #titre-filtrer{
	color:#484a4b;
	text-transform:uppercase;
	font-weight: 700;
	font-size: 1.6em;
	display:block;
	padding:0 0 15px 0;
	border-bottom:5px solid #f2c970;
	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[data-color="filtre-actif"].show div,
.filtres-carte > ul > li[data-color="filtre-actif"] div:hover {
    /*background: rgba(0,0,0,0.1);*/
}

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

.filtres-carte > ul > li > div > a:after{
	position: absolute;
    width: 40px;
    right: 0;
    content: "\f078";
    font-family: fontawesome;
    font-size:0.8em;
    color:rgba(0,0,0,0.2);
    -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:1.2em;
    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;
}

/*La case à cocher*/
.filtres-carte > ul > li > ul > li > span:after,
.filtres-carte ul.children > li > span:after {
    position: absolute;
    width: 40px;
    right: 0;
    content: "\f10c";
    font-family: fontawesome;
    font-size:1.1em;
    color:#58a0a5;
    -webkit-transition: left .4s ease;
    -moz-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
}

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


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


.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***********************/
.nav-actus li a:hover{
	background:#eee !important;
}

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


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

/*Styles à dupliquer dans tinymce.css*/
h1{
	margin: 0 0 25px 0;
	padding: 18px 0 5px 0;
	color: #225a30;
	font-weight: 500;
	font-size: 2.5em;
	line-height: 1em;
	font-family: 'Open Sans', sans-serif;	
	border-top: 3px solid #7a9c81;
	display: block !important;
	clear: both;	
}


h2{
	margin:50px 0 12px 0;
	padding:5px 0 5px 0;
	font-size:1.9em;
	line-height:1em;
	color:#225a30;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;	
}

h3{
	margin:30px 0 20px 0;
	padding:0;
	font-size:1.5em;
	line-height:1em;
	color:#90171f;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;	
}

h4{
	margin:10px 0 0 0;
	padding:0;
	font-size:1.2em;
	color:#225a30;
	font-weight:400;
	
}

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

p{
	padding:0;
	margin:7px 0 0 0;
}

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

ul{
	list-style-type:square;
}

ol li {
	color:#727272;
}

li {
	color:#727272;
}

a{
	color:#90171f;
}

a.fancybox{
	text-decoration:none;
}

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

blockquote{
	margin: 40px 10%;
    padding: 30px;
    height: auto;
    background: #225a30;
}

#colonne1-agenda blockquote,
#colonne1-annuaire blockquote{
	margin:50px 0 50px 0;
}

blockquote p{
	text-align:left;
	font-size:1.2em;
	line-height:1.4em;
	padding:0;
	margin:0;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-style: italic;
}


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

.plusgallery ul, #owl-carousel{
	padding:30px 0 !important;
}

.clearer{
	display:block;
	width:100%;
	clear:both;
}

li#krea3outils_print a {
    width: 32px;
    height: 32px;
}


#share_buttons a {
    display: inline-block;
}
/******************************Liens Enfants / Menu page par défaut********************************/
ul.liens_enfants{
	list-style-type:none;
	margin:50px auto 50px auto;
	padding:40px 5% 40px 5%;
	display:block;
	width:100%;
	font-size:1em;
	background-color:#c2c45f;
	columns:3 auto;
}

ul.liens_enfants li{
	display:inline-block;
	width:100%;
	padding:0 10px 0 0;
	margin:10px;
}

ul.liens_enfants li a{
	display:block;
	padding:10px;
	margin:0;
	color:#000;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;	
	font-weight:500;
	border:1px solid #fff;
	-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 a:hover{
	border-bottom:1px solid #249787;
}

@media screen and (min-width:481px) and (max-width:1279px){
	ul.liens_enfants{
	font-size:1.1em;
	columns:2 auto;
	}
}

@media screen and (max-width:480px){
	ul.liens_enfants{
	font-size:1em;
	columns:1 auto;
	}
}


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

/*/*********************************************Formulaire***************************/
.krea3_formulaire{
	font-family: 'Raleway', serif;	
	font-weight:300;
}

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

p.error, div.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:20px 10px 20px 10px;
	border:1px solid #eee;
	background-color:#f8f8f8;
}


.krea3_formulaire fieldset legend.obligatoire{
	padding: 5px 10px;
    font-size: 1.1em;
    margin-left: 35%;
    color: #fff;
    background: #90171f;
}

@media screen and (max-width:890px){
	.krea3_formulaire fieldset legend.obligatoire{
		margin-left:0;
	}
}


/* 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-right: 5px;
	text-align: right;
	font-size:1em;
	font-weight:600;
}

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

@media screen and (max-width:890px){
	.descriptioncontact{
		padding-left:0;
	}
}



.krea3_formulaire input, .krea3_formulaire select,
.krea3_formulaire textarea{
	margin-left: 1%;
	width:45%;  /*En % pour un meilleur rendu lors du changement de taille du texte*/
	border: #EBEBEB 1px solid;
	font-size: 1em;
	font-family: 'Open Sans', serif;
	padding:5px;
}

.krea3_formulaire input[type="submit"]{
	font-family: 'Open Sans', serif;	
	text-transform:uppercase;
	width:auto; 
	height:auto; 
	border:none;
	background-color:#90171f;
	color:#FFF;
	font-weight:400;
	margin:0 0 0 calc(35% + 10px);
	padding:8px 20px;
	font-size:1.2em;
	font-weight:normal;
	text-align:center;
	border-radius:20px 0;
}

@media screen and (max-width:890px){
	.krea3_formulaire input[type="submit"]{
		margin-left:0;
	}
}

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



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



/*****************************moteur recherche site***********************************************/

ul#recherche_site{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;
	display:inline-block;
}

ul#recherche_site label{
	display:none;
}

#searchform input[type="text"]{
	border:1px solid #a3235d;
	height:40px;
	display:inline-block;
	float:left;
	margin:0;
	padding:0 10px 0 10px;	
	border-radius:5px;
	width:180px;
	color:#3f4142;
	font-size:1.2em;
}


#searchform input[type="submit"]{
	width:auto; 
	height:auto; 
	border:1px solid #a3235d;
	color:#333;
	font-weight:normal;
	font-size:0px;/* pour cacher le texte*/
	text-indent: -5000px;/* pour cacher le texte*/
	display:inline-block;
	float:left;
	height:50px;
	width:50px;
	background:url(assets/images/icons-rives-en-seine.png) #8e85e4 no-repeat;
	background-position: 8px -593px;
	margin:0 0 0 5px;
	padding:0;
	border-radius:50%;
}

#searchform input[type="submit"]:hover{
	/*background-color: #433e38;*/
	cursor:pointer;
}

#content #searchform input[type="text"]{
	border:2px solid #eee;
}

#content #searchform input[type="submit"]{
	
}



/***************************Page de résultats ******************************/

/*Le formulaire quand aucun résultat*/
#la-page #searchform{
	border-top:3px solid #eee;
	border-bottom:3px solid #eee;
	text-align:center;
	padding:40px 30px 40px 30px;
}

#la-page #searchform div{
	display:inline-block;
}

#la-page #searchform input[type="text"]{
	background: #f2f2f2;
    border: none !important;
    color: #11875a !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em !important;
    font-weight: 400 !important;
    height: 50px !important;
    margin: 0 10px 0 0 !important;
    text-align: center;
	width:70% !important;
	max-width:400px!important;
	border-radius:0;
}

#la-page #searchform input[type="submit"]{
	border:none !important;
	background-color:#11875a;
}

label.screen-reader-text{display:none;} /*Pour cacher le "Recherche pour" des résultats de recherche*/

.page-resultats-recherche div.hentry{
	display:block;
	padding:0 0 20px 0;
	margin:20px 0 20px 0;
	border-bottom:1px solid #eee;
}

/*Le titre lien d'un résultat*/
h3.entry-title a{
	color:#268ebd;
	text-decoration:none;
	font-weight:400;
}

h3.entry-title a:hover{
	text-decoration:underline;
}

/*Résultats suivants / précédents*/
#nav-above,
#nav-below{clear:both;}

#nav-above{margin:0 0 20px 0;}
#nav-below{margin:30px 0 0 0;}


/***********************Fin Page de résultats de recherche***********************/


/*************************Fin moteur recherche site***********************************************/


/****************************Plan du site**********************************/
#krea3_plan_site{
	margin:0;
	padding:0;
}

#krea3_plan_site ul{
	font-family: Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:0 5px 10px 0;
}

/*niveau 1*/
#krea3_plan_site li{
	list-style-type:none;
	margin:10px 0 40px 0;
	padding:0 4% 0 4%;
	font-size:1.3em;
	font-weight:700;
	background-color:#FFF;
	font-family: 'Raleway', sans-serif;	
	
}

#krea3_plan_site li a{
	text-decoration:none;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	padding: 15px 0;
	margin: 0;
}

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


/*niveau 2*/
#krea3_plan_site ul li{
	border-bottom:1px solid #FAF3F3;
	padding:5px 4% 5px 4%;
	margin:2px 10px 2px 0;
	font-size:0.8em;
	text-transform: none;
}

#krea3_plan_site ul li a{
	font-weight:normal;
	color:#333;
	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**********************************/






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

label[for="rgpd"] {
    width: 100% !important;
    text-align: center !important;
    background: #F2F2F2;
    border-radius: 5px;
    padding: 20px;
    margin: 0;
}

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

/**************************FOOTER****************************/
#menu_partenaires{
	padding:0;
	display:block;
	clear:both;
	margin: 0;
}

#menu_partenaires ul{
    width:100%;
	margin:0;
	padding:0 0 15px 0;
	text-align:center;
	position:relative;
}

#menu_partenaires li{
    display:inline-block;
	width:90px;
	height:90px;
	border-radius:50%;
	background:#fff;
	margin:0 2%;
	border:1px solid rgba(0,0,0,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_partenaires li:hover{
	border:1px solid rgba(0,0,0,0.1);
}


/****************Footer*************************************************/
footer{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-weight:300;
	text-align:center;
	position:relative;
	padding:0;
	display:block;
	clear:both;
	border-top:5px solid #5c795d;
	background:#fff;
}

#fond-haut-footer {
    padding:60px 0 20px 0;
}

#fond-haut-footer::before{
    height:3px;
	content:'';
	width:35%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:#11875a;
}

#fond-haut-footer::after{
    height:3px;
	content:'';
	width:78%;
	display:block;
	position:absolute;
	top:15px;
	right:0;
	background:#0a8e86;
}

/*****************Coordonnees***********************/

#top-footer{
	padding:0;
	display:table;
	font-size:1em;
}

#coordonnees{
	display:block;
	vertical-align:top;
	padding:0 20px;
	margin:0;
	width:auto;
	min-width:290px;
}

#logo-footer{
	display:block;
	float:left;
	width:100px;
	height:auto;
	vertical-align:top;
	padding:0;
	margin: 20px 20px 20px 0;
}

#gauche-footer{
	text-align:left;
	display:table-cell;
	width:50%;
	vertical-align:middle;
	padding:30px 0 25px 0;
}

/*****************Coordonnees***********************/
.adresse-postale h2 {
	margin: 0 10px 20px 0;
    padding: 0;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #225a30;
    font-family: Raleway,sans-serif;
	display:inline-block;
}

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

#adresse-footer{
	display:block;
	margin:0;
	font-weight:400;
	padding:0;
}


.tel-footer{
	background:#eee;
	border-radius: 0px 20px;
    padding: 7px 15px;
	text-decoration:none;
	font-weight:500;
	color: #000;
	margin:5px 10px 5px 0;
}

.contact-footer{
	background:#8e161e;
	border-radius: 0px 20px;
    padding: 7px 15px;
	text-decoration:none;
	font-weight:500;
	color: #fff !important;
	margin:5px 10px 5px 0;
}

.coordonnees .lien-footer {
	background-color: #90DCE2;
	color: #000;
}

.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:#11875a;
	font-weight:600;
}


/*************Fin Coordonnees***********************/

/*************Fin Coordonnees***********************/

#droite-footer{
	text-align:center;
	display:table-cell;
	width:50%;
	vertical-align:middle;
	background:#fff;
}

ul#menu_footer {
    display: block;
    width: 100%;
    font-family: 'Raleway', sans-serif;
    padding: 10px 0;
    margin: 0;
    vertical-align: middle;
    font-size: 0.8em;
    position: relative;
    text-align: center;
    background: #c2c45f;
}

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:#000;
	text-decoration:none;
	padding:0;
	font-weight:400;
	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;
}


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

#sticky-bloc-fiche p.btn svg, #sticky-bloc-fiche p.btn svg {
    color: #90171f;
}

.listing .listing-item a h3 span.ville-agenda-listing {
    background-color: #90171f;
}

.listing .listing-item a h3 span.type svg {
    color: #fff;
}

.ville-agenda-listing {
    color: #fff;
}

.listing .listing-item a h3 span.type {
     margin: 0 0 10px 0;
}

.listing .listing-item a h3, .listing .listing-item .commerce h3 {
    font-weight: 500;
}

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


@media screen and (max-width:480px){
	
body{
	font-size:0.9em;
}
	
header{
	position:relative !important;
}
	
#top-header {
    width: 100% !important;
    margin: 0 !important;
}
		
#logo-site {
    left:100px !important;
    width: 100px !important;
    height: auto !important;
	top:5px;
}

#nav {
    padding: 0 0 20px 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.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;
}
	
#menu li.page-item-285 a {
    background: #fff;
    color: #333 !important;
    border-radius: 0;
    height: auto !important;
    padding: 10px 12px !important;
}
	
#nav > li > a::after{
    display:none !important;
}

#nav > li > a{	
	border-bottom:2px solid #c2c45f;
}
	
#nav li.page-item-285 a::before{
    display:none;
}
	
#menu li.page-item-285 {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
}
	
	
#nav > li > a, header.menu-reduit #nav > li > a {
    font-size: 1.4em !important;
    padding: 10px 12px !important;
	margin:0 !important;
}

#nav > li {
    border-bottom:1px solid #eee;
}	
	
#menu li.page-item-285 {
    position: relative !important;
    top: 0 !important;
	width: 100%;
	max-width:100%;
}
	
#nav{	
	border-top: 8px solid rgba(84,122,19,1);
	border-bottom: 8px solid rgba(84,122,19,1);
	top:20px;
}
	
.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;
}
	
/*******************header*********************/



#outils{
	clear:both;
}


/*Le diaporama*/
#diapo-accueil {
    height: auto;
	margin:0;
}
	
.slideshow .cycle-slide .slide-body {
    display: none;
}
	
.slider-nav a.slide-next {
    right: 10px !important;
}
	
.slider-nav a.slide-prev {
    left: 10px !important;
}

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

/************************Page d'accueil**************************************/
#acces-rapides {
    width: 100%;
    margin: 0 auto;
}

	
#acces-rapides li {
    width: 25%;
}
	
#acces-rapides img {
    width: 50px;
}

#acces-rapides #acces1 a::before, #acces-rapides #acces2 a::before, #acces-rapides #acces3 a::before{background-size:50px auto;}	
/**********************ligne1**********************************/
#ligne1 h1 {
}
	
.top-agenda h2 {
	margin:0 !important;
}

.top-actus {
    padding: 20px !important;
}	
	
.top-agenda a#voir-liste-agenda, .top-actus a#voir-liste-actus{
    margin: 0px 0 0 20px !important;
}
	
#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;
}
	
#agenda-accueil .meta-date, #agenda-accueil .metas-content-block-inner {
    display: block;
    width: 100%;
}
	
.top-agenda {
    padding: 20px;
}
	
/*******************fin ligne1*********************************/

/**********************ligne2**********************************/
#fond-ligne2 {
    margin: 30px 0 !important;
    background: #fff;
}	
	
#ligne2 {
    display: block !important;
    padding: 0 !important;
}
	
/*******************fin ligne2*********************************/
#fond-ligne3 {
    margin: 0;
    padding: 50px 20px;
    background-size: auto 100% !important;
}
	
#gauche-ligne3, #droite-ligne3 {
    display: block;
    width: 100%;
	max-width: 100%;
}
	

/*********************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;
}
	
.extrait_actu_page a.lire_actu {
	position:relative;
    max-width:100%;
    bottom: auto !important;
	right:auto !important;
}
	
.extrait_actu_page h2 {
    margin: 0 !important;
}

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

#gauche-footer, #droite-footer{
	display:block;
	width:100%;
}
	
#gauche-footer {
    padding: 20px 0 0px 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;
}
	
.adresse-postale h2 {
    margin: 0 10px 0px 0 !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 {
    width: 50px;
    height: 50px;
	margin: 0 5px !important;
}

#menu_partenaires img {
    height: 50px !important;
    width: auto;
}

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 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{
	position:relative !important;
}
	
#top-header {
    width: 100% !important;
    margin: 0 !important;
}
		
#logo-site {
    left:100px !important;
    width: 100px !important;
    height: auto !important;
	top:5px;
}

#nav {
    padding: 0 0 20px 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.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);
	top:20px;
}
	
#menu li.page-item-285 a {
    background: #fff;
    color: #333 !important;
    border-radius: 0;
    height: auto !important;
    padding: 10px 12px !important;
}
	
#nav > li > a::after{
    display:none !important;
}

#nav > li > a{	
	border-bottom:2px solid #c2c45f;
}
	
#nav li.page-item-285 a::before{
    display:none;
}
	
#menu li.page-item-285 {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
}
	
.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;
}
	
/*******************header*********************/



#outils{
	clear:both;
}


/*Le diaporama*/
#diapo-accueil {
    height: auto;
	margin:0;
}
	
.slideshow .cycle-slide .slide-content .content-label {
    font-size: 1.1em;
}
	
.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**************************************/
#acces-rapides {
    width: 100%;
    margin: 0 auto;
}

	
#acces-rapides li {
    width: 25%;
}
	
#acces-rapides img {
    width: 50px;
}

#acces-rapides #acces1 a::before, #acces-rapides #acces2 a::before, #acces-rapides #acces3 a::before{background-size:50px auto;}	
/**********************ligne1**********************************/
#ligne1 h1 {
	font-size:1.5em;
}
	
.top-agenda h2 {
	margin:0 !important;
}


#ligne1 h2 {
    width: auto !important;
}	
	
.top-actus {
    padding: 20px !important;
}	
	
.top-agenda a#voir-liste-agenda, .top-actus a#voir-liste-actus{
    margin: 0px 0 0 20px !important;
}
	
#fond-ligne1{
	padding: 0;
	margin:0;
    background: #fff;
}

#ligne1{
	display:block;
	width:100%;
	padding:0 !important;
	margin:0;
}
	
#gauche-ligne1, #droite-ligne1{
	display:block;
	width:100%;
	padding:20px;
}
	
.agenda.accueil {
    max-width: 100%;
}
	
.top-agenda {
    padding: 20px;
}
	
/*******************fin ligne1*********************************/

/**********************ligne2**********************************/
#fond-ligne2 {
    margin: 30px 0 !important;
    background: #fff;
}	
	
#ligne2 {
    display: block !important;
    padding: 0 !important;
}
	
/*******************fin ligne2*********************************/
#ligne3 {
    padding: 40px 0 !important;
}
	
#gauche-ligne3 {
    width: 38%;
    padding: 0;
}


	

/*********************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: 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***********/
	
.extrait_actu_page a.lire_actu {
	position:relative;
    max-width:100%;
    bottom: auto !important;
	right:auto !important;
}
	
.extrait_actu_page h2 {
    margin: 0 !important;
}
	
#content_large .listing ul {
    width: 100%;
}

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

#gauche-footer, #droite-footer{
	display:block;
	width:100%;
}
	
#gauche-footer {
    padding: 20px 0 0px 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;
    background: #fff;
	position:relative;
	z-index:0;
}

.coord-content {
    padding: 0 20px;
    border: none !important;
}
	
.adresse-postale h2 {
    margin: 0 10px 0px 0 !important;
}
	
#adresse-footer {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    clear: both;
}
	
#menu_partenaires, #menu_footer{
    display: block;
    width: 100%;
}

#ot-lpa {
    display: block;
    max-width: 100%;
    width: 150px;
    margin: 0 auto;
}
	
.tel-footer, .contact-footer{
}

.adresse-postale h2{
    font-size:1.2em !important;
}

#menu_partenaires li {
    width: 50px;
    height: 50px;
	margin: 0 5px !important;
}

#menu_partenaires img {
    height: 50px !important;
    width: auto;
}

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;
}
	
body{
}
	
header{
	position:relative !important;
}
	
#top-header {
    width: 100% !important;
    margin: 0 !important;
}
		
#logo-site {
    left:100px !important;
    width: 100px !important;
    height: auto !important;
	top:5px;
}

#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.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);
}
	
#menu li.page-item-285 a {
    background: #fff;
    color: #333 !important;
    border-radius: 0;
    height: auto !important;
    padding: 10px 25px 16px 25px !important;
}
	
#nav > li > a::after{
    display:none !important;
}

#nav > li > a{	
	border-bottom:2px solid #c2c45f;
}
	
#nav li.page-item-285 a::before{
    display:none;
}
	
#menu li.page-item-285 {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
}
	
	
#menu li.page-item-285 {
    position: relative !important;
    top: 0 !important;
	width: 250px;
	max-width:100%;
}
	
.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;
}
	
/*******************header*********************/



#outils{
	clear:both;
}


/*Le diaporama*/
#diapo-accueil {
    height: auto;
	margin:0;
}
	
.slideshow .cycle-slide .slide-content .content-label {
    font-size: 1.1em;
}
	
.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**************************************/
#acces-rapides {
    width: 100%;
    margin: 0 auto;
}

	
#acces-rapides li {
    width: 25%;
}
	
#acces-rapides img {
    width: 50px;
}

#acces-rapides #acces1 a::before, #acces-rapides #acces2 a::before, #acces-rapides #acces3 a::before{background-size:50px auto;}	
/**********************ligne1**********************************/
#ligne1 h1 {
}
	
.top-agenda h2 {
	margin:0 !important;
}


#ligne1 h2 {
    width: auto !important;
}	
	
.top-actus {
    padding: 20px !important;
}	
	
.top-agenda a#voir-liste-agenda, .top-actus a#voir-liste-actus{
    margin: 0px 0 0 20px !important;
}
	
#fond-ligne1{
	padding: 0;
	margin:0;
    background: #fff;
}

#ligne1{
	display:block;
	width:100%;
	padding:0 !important;
	margin:0;
}
	
#gauche-ligne1, #droite-ligne1{
	display:block;
	width:100%;
	padding:20px;
}
	
.agenda.accueil {
    max-width: 100%;
}
	
.top-agenda {
    padding: 20px;
}
	
/*******************fin ligne1*********************************/

/**********************ligne2**********************************/
#fond-ligne2 {
    margin: 30px 0 !important;
    background: #fff;
}	
	
#ligne2 {
    display: block !important;
    padding: 0 !important;
}
	
/*******************fin ligne2*********************************/
#ligne3 {
    padding: 40px 0 !important;
}
	
#gauche-ligne3 {
    width: 38%;
    padding: 0;
}


	

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

#gauche-footer, #droite-footer{
	display:block;
	width:100%;
}
	
#gauche-footer {
    padding: 20px 0 0px 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;
}
	
.adresse-postale h2 {
    margin: 0 10px 0px 0 !important;
}
	
#adresse-footer {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    clear: both;
}
	
#menu_partenaires, #menu_footer{
    display: block;
    width: 100%;
}

#ot-lpa {
    display: block;
    max-width: 100%;
    width: 150px;
    margin: 0 auto;
}
	
.tel-footer, .contact-footer{
}

.adresse-postale h2{
    font-size:1.2em !important;
}

#menu_partenaires li {
    width: 50px;
    height: 50px;
	margin: 0 5px !important;
}

#menu_partenaires img {
    height: 50px !important;
    width: auto;
}

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 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, header {
    height: 85px !important;
}

header{
	height:60px;
	position:relative !important;
}

#adresse-header{
	display:none;
}
	
#menu li.page-item-285 a {
    background: #fff;
    color: #333 !important;
    border-radius: 0;
    height: auto !important;
    padding: 10px 25px 16px 25px !important;
}
	
#nav > li > a::after{
    display:none !important;
}

#nav > li > a{	
	border-bottom:2px solid #c2c45f;
}
	
#nav li.page-item-285 a::before{
    display:none;
}
	
#menu li.page-item-285 {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
}
	
	
#nav {
    padding: 0 0 20px 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;
}

#ligne1{
	display:block;
	width:100%;
	padding:0 !important;
	margin:0;
}

#gauche-ligne1, #droite-ligne1{
	display:block;
	width:100%;
	padding:20px;
}
	
#coordonnees-top h1 {
    font-size: 2em !important;
}
	
#ligne1 h2 {
    font-size: 2em;
    padding: 20px 0px 10px 0px;
}
	
.coordonnees {
    padding: 0;
    margin: 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:15px 0px 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;
}

#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 {
    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{
}
	
#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;
}
	
#ot-lpa {
    width: 150px;
    vertical-align: middle;
}
	
#menu_partenaires {
}
/************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, header.menu-reduit #logo-site {
    margin: 5px 0 0 30px;
    width: 110px;
}
	
header.menu-reduit #nav {
    height: auto;
}
	
#nav > li > ul {
    padding: 0 !important;
}
	
#menu li.page-item-285 a {
    background: #fff;
    color: #333 !important;
    border-radius: 0;
    height: auto !important;
    padding: 10px 25px 16px 25px !important;
}
	
#nav > li > a::after{
    display:none !important;
}

#nav > li > a{	
	border-bottom:2px solid #c2c45f;
}
	
#nav li.page-item-285 a::before{
    display:none;
}
	
#menu li.page-item-285 {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
}
	
header {
    position: relative !important;
	border:none !important;
}
	
.top-agenda, .top-actus {
    padding: 0px 0px 20px 0px;
}
	
#droite-ligne1 {
    padding: 0 20px 30px 20px !important;
	background:#fff;
}
		
.agenda span.jour_mois, .agenda span.jour_nbre {
}

#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);
}
	
#ligne3 h2 {
    font-size: 1.5em !important;
	}

#ligne3 {
    padding: 50px 0;
}	
	
#droite-ligne3 {
    width: 600px;
}
	
#gauche-footer, #droite-footer {
    display: block;
    width: 100%;
}
	
#titre-mairies-footer, .coordonnees, #carte-situation{
    display: block;
    width: 100%;
	padding:20px;
	margin:0 0 20px 0;
	max-width:100%;
	text-align:center;
    background: #fff;
	position:relative;
	z-index:0;
}
	
}
/*****************************FIN CSS VERY BIG***********************************************/