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

/*
Theme Name: krea3-genneville
Description: Theme mairie Genneville
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3
Template: krea3
*/


#logo-site{
	display:block;
	float:left;
	width:280px;
	padding:15px;
}

#top-header{
	display:block;
	width:auto;
	text-align:right;
	padding: 10px 20px 34px 20px;
}

#recherche-top {
    display: inline-block;
    vertical-align: top !important;
    margin: 0 0 0 10px !important;
}

/**********************ligne menu principal**********************/
/*pour cacher accueil, carte, contact, mentions légales, plan du site du menu grands écrans*/
#menu li.page-item-0,
#menu li.page-item-7,
#menu li.page-item-8,
#menu li.page-item-9,
#menu li.page-item-10
{
		display:none;
}

#nav > li > a {
	position:relative;
}

#menu li a::before{
	width: 13px;
    height: 13px;
    display: block;
    content: '';
    position: absolute;
    top: 9px;
    left: 0px;
	-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 li a::before{
	-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 li:hover a::before{
	width: 10px;
}

#menu li.page-item-28 a::before{background:#FAD201;}
#menu li.page-item-30 a::before{background:#84C3BE;}
#menu li.page-item-32 a::before{background:#3F888F;}
#menu li.page-item-34 a::before{background:#256D7B;}
#menu li.page-item-36 a::before{background:#063971;}

#nav > li.page-item-28 > ul{border:5px solid #FAD201;}
#nav > li.page-item-30 > ul{border:5px solid #84C3BE;}
#nav > li.page-item-32 > ul{border:5px solid #3F888F;}
#nav > li.page-item-34 > ul{border:5px solid #256D7B;}
#nav > li.page-item-36 > ul{border:5px solid #063971;}

#nav li.page-item-28 li:hover ul {background:#FAD201;}
#nav li.page-item-30 li:hover ul {background:#84C3BE;}
#nav li.page-item-32 li:hover ul {background:#3F888F;}
#nav li.page-item-34 li:hover ul {background:#256D7B;}
#nav li.page-item-36 li:hover ul {background:#063971;}

#nav li.page-item-28 li:hover ul a, 
#nav li.page-item-30 li:hover ul a,
#nav li.page-item-32 li:hover ul a{
	color:#000;
}
#nav li.page-item-36 li:hover ul a, #nav li.page-item-34 li:hover ul a{color:#fff;}

#nav li li li{
    border-left:3px solid #fff;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#nav li li li:hover{
    border-left:8px solid #fff;
}

#nav > li {
    height: auto !important;
}

#nav > li > a {
    font-size: 1em !important;
    padding: 5px 20px !important;
    border-right: none;
}

#nav {
	font-family: 'Montserrat', sans-serif !important;
	height: auto !important;
}

#nav > li > ul {
    top: 50px !important;
}

#nav > li > ul > li > a, #nav > li > ul > li > ul > a{
    font-size: 1.1em !important;
}

#nav > li > ul > li > a::before{
	width: 5px;
    height: 5px;
    display: block;
    content: '';
    position: absolute;
    top: 12px;
    left: 5px;
}

#nav > li > ul > li > a {
     border-right: none !important;
}
/****************ACCUEIL*****************/
#acces-rapides{
	list-style-type:none;
	text-align:center;
	margin:0px auto;
	padding:0;
	width:auto;
	/***background:#3F888F;***/
	background:#256D7B;
	font-family: 'Montserrat', sans-serif;
}

#acces-rapides li{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	padding:20px;
	width: 200px;
    max-width: 24%;
}

#acces-rapides li a{
    text-decoration: none;
    color:#003059;
}

#acces-rapides li a img{
    width:50px;
	height:auto;
}

#acces-rapides li span{
	padding: 2px 8px;
    background: #fff;
    display: table;
    font-weight: 600;
    border-radius: 3px;
    font-size: 0.8em;
    margin: 20px auto 0 auto;
    width: auto;
}

#ligne1{
	display:block;
	text-align:center;
}

#gauche-ligne1{
	display:inline-block;
	width:49%;
	vertical-align:top;
	padding:50px;
}

#gauche-ligne1 .date-manif{
	display: table;
    background: #84C3BE;
    padding: 3px 10px;
    border-radius: 3px;
    margin: 0 auto 10px auto;
	color:#012041;
}

#gauche-ligne1 .du-au, #gauche-ligne1 .jour_mois{
	padding:0 5px;
}

#gauche-ligne1 .resume-manif{
	font-weight:200;
}

#gauche-ligne1 a{
	text-decoration:none;
	color:#333;
}

#gauche-ligne1 .krea3-agenda-widget-liste{
	border-top:1px solid #eee;
	margin:10px 0 0 0;
	font-size:0.9em;
	padding: 15px 0 5px 0;
}

#gauche-ligne1 .titre-manif{
	display:block;
	color:#003059;
}

#droite-ligne1{
	display:inline-block;
	width:49%;
	vertical-align:top;
	padding:50px;
}

#droite-ligne1 a{
	text-decoration:none;
	color:#333;
}

.owl-carousel .owl-item img {
    display: block;
	float:left;
    margin: 0 20px 20px 0 !important;
}

.owl-carousel .owl-item {
}

.owl-carousel .owl-item a{
	display:block;
	position:relative;
	font-weight:400;
}

.owl-carousel .bloc-au-survol{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	opacity:0;
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:500;
	display:block;
	border-radius:5px;
	padding:10% 30px;
}

.owl-carousel:hover .bloc-au-survol{
	opacity:1;
	-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:#256D7B;
	color:#fff;
}

.owl-carousel .bloc-au-survol .titre-article-a-lire{
	font-size:0.8em;
	display:block;
	margin:20px auto;
	text-transform:none !important;
	font-weight:200 !important;
	position:relative;
}

.owl-carousel .bloc-au-survol .titre-article-a-lire::before{
	content:'';
	display:block;
	width:50px;
	height:3px;
	margin:20px auto;
	background:#FAD201;
}

.owl-carousel .metas-content-block {
    display: block;
    position: relative;
    z-index: 10;
    background: rgba(132,195,190,0.2);
    padding: 20px;
	text-align:left;
	font-size:0.9em;
	border-radius:5px;
}

.owl-carousel .metas-content-block h3 {
    margin: 0px 0 10px 0;
    font-size: 1.4em;
    color: #256D7B;
    font-weight: 600;
}

.lien-actu-accueil {
    display: table;
    position: relative;
    border:1px solid #eee;
	padding:0;
	color:#012041 !important;
	margin:15px auto 20px auto;
	border-radius: 3px;
		-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.lien-actu-accueil span{
    padding:5px 10px;
	border-left:20px solid #84C3BE;
	display:block;
		-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.lien-actu-accueil:hover span{
	background: #84C3BE;
}

.lien-agenda-accueil {
    display: table;
    position: relative;
    border:1px solid #eee;
	padding:0;
	color:#012041 !important;
	margin:30px auto 20px auto;
	border-radius: 3px;
		-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.lien-agenda-accueil span{
    padding:5px 10px;
	border-left:20px solid #FAD201;
	display:block;
		-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.lien-agenda-accueil:hover span{
	background: #FAD201;
}
/****************************FIN ACCUEIL***********************/

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

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


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


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

h4{
	margin:10px 0 0 0;
	padding:0;
	font-size:1.2em;
	color:#333;
	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: 0.9em;
    line-height: 1.3em;
}

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

ul{
	list-style-type:square;
	font-size: 0.9em;
}

ol li {
	color:#333;
}

li {
	color:#333;
}

a{
	color:#063971;
	font-weight:bold;
}

a.fancybox{
	text-decoration:none;
}

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

blockquote{
	margin:40px 7% 40px 7%;
	padding:40px;
	/*background:url(assets/images/hachures.png) #FFF;*/
	height:auto;
	background:rgba(132,195,190,0.2);
	/*background-image: url(assets/images/blockquote1.png), url(assets/images/blockquote2.png);
  	background-position: top left, left bottom;
  	background-repeat: no-repeat;*/
}


blockquote p{
	text-align:left;
	font-size:1em;
	line-height:1.3em;
	padding:0;
	margin:0;
	color:#063971;
	font-family: 'Montserrat', sans-serif;
}


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

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


/**********************PAGE*******************/
#la-page {
    margin: 0 auto 80px auto;
}

#content_large {
    padding: 10px 0 0 0;
}

#share_buttons a {
    padding: 7px;
    background: #256D7B;
    color: #fff;
    border-radius: 50%;
}

/*************************************** Gauche ***************************************************/
#gauche{
	display: block;
    float: left;
    width: 25%;
    padding: 0 40px 0 0;
    margin: -75px 0 20px 0;
    position: relative;
    z-index: 50;
}

/****************************Menu page**********************************/
#la-page #btn-acces a span {
    font-size: 0.8em;
}

.sidebar{
	background-color:rgba(37,109,123,0.9) !important;
	margin:0;
	padding:20px 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:10px 0 30px 0;
	height:auto !important;
	height:40px;
	min-height:40px;	
	font-size:1em;
}


.sidebar ul .pagenav{
	font-weight:600;
	color:#fff;
	padding: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:#fff;}
.sidebar ul#menu_annuaire .pagenav{color:#fff;}


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

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

.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#menu_pages a{color:#fff; font-weight:400;padding: 8px;}
.sidebar ul#menu_annuaire a{color:#fff; font-weight:300;padding: 8px;}

/*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 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{
	padding-left:10px;
	margin:0 0 0 0;
}

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

.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: #012041;
    background: #84C3BE;
    border-radius: 3px;
}

.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**************/
/*********Fil d'ariane***********/

#fil_ariane{
	margin:0 0 0 0;
	padding:15px 10px 10px 0;
	text-align:left;
	color:#154e79;
	font-size:0.75em;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	text-transform:uppercase;
	float:left;
}

#fil_ariane a{
	font-weight:500;
	text-decoration:none;
    background-color: #84C3BE;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    border-radius: 3px;
    padding: 3px 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
}

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

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

#krea3_plan_site ul ul{
	display:table;
	width:auto;
	background: rgba(132,195,190,0.2);
	margin: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;
	font-family: 'Open Sans', sans-serif;	
}

#krea3_plan_site > li{
	border:2px solid #fafafa;
	padding: 20px 30px;
}

#krea3_plan_site li a{
	text-decoration:none;
	text-transform:uppercase;
	color:#256D7B;
	font-weight:700;
	display:block;
	padding:0;
	/*border-bottom:5px solid #a7a7a7;*/
	margin:0 0 0px 0;
}

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


/*niveau 2*/
#krea3_plan_site ul li{
	border-bottom:1px solid #FAF3F3;
	padding: 10px 20px;
	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:1.1em;
	margin-left:10px;
	padding:0 0 0 2%;
}

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


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

.krea3_formulaire input[type="submit"]{
    background-color:#063971;
	color:#fff !important;
}

.krea3_formulaire input[type="submit"]:hover{
    background-color:#3F888F;
}

.krea3_formulaire fieldset {
    background-color: #f8f8f8;
	border:none !important;
}

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


/****************************Page Actualités / Agenda / Annuaire**********************/
.extrait_actu_page a.lire_actu {
    background-color: rgba(37,109,123,1);
    border-radius: 3px;
}

.extrait_actu_page h2 {
    margin: 20px 0 0 0;
}

.extrait_actu_page h2 a {
    font-weight: 600;
    color: #063971;
}

.ui-widget.ui-datepicker .ui-datepicker-header, .ui-widget.ui-datepicker thead,
.ui-widget.ui-datepicker td .ui-state-active, .ui-widget.ui-datepicker td .ui-state-hover{
    background: #063971;
}

ul#date-manif-fiche li{
    background: #84C3BE;
    padding: 3px 10px;
    border-radius: 3px;
    color: #012041;
}

#sticky-bloc-fiche h2 {
    color: #256D7B;
    font-weight: 400;
    font-family: sans-serif;
	font-size: 1.5em;
}

#date_publication_article_single {
    color: #256D7B;
    font-weight: 600;
}


.extrait_actu_page small{
	color:rgba(37,109,123,1) !important;
}

.agenda .extrait_actu_page small{
	font-size:1.2em !important;
}

li.type-commerce, li.association{
	text-align:left !important;
}

li.type-commerce a, li.association a{
	text-decoration:none;
}

li.type-commerce a span, li.association a span{
	background:#f2f2f2;
	border-radius:50px;
	padding:5px 10px;
	font-size:1.5em;
	margin:0 10px 10px 0;
}

li.type-commerce .adresse, li.association .adresse{
	font-size:1.2em;
}

#description-fiche {
    background-color: #fff;
}

/**********************Publication******************/
.bordure-titre-agenda{
    background-color: #fff;
	padding:3px 10px;
}
/************************Page recherche******************/
input[type="search" i] {
    border: 1px solid #eff2f4;
    background-color: #eff2f4;
    height: 40px;
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px 0 10px;
    width: 180px;
    color: #3f4142;
    font-size: 1em;
}

.error404 input[type="submit" i], .search-no-results  input[type="submit" i]{
    border: 1px solid #063971;
    border-right: 10px solid #063971;
    border-left: 10px solid #063971;
    color: #fff;
    font-weight: normal;
    font-size: 0px;
    text-indent: -5000px;
    display: block;
    float: left;
    height: 40px;
    width: 60px;
    background: url(assets/images/icon-search.png) #063971 no-repeat;
    margin: 0;
    padding: 0;
}

.nav-results li.nav-suivant a {
    background: #063971 !important;
    color: #fff !important;
}

.nav-results li.nav-suivant a:hover{
    background: #256D7B !important;
}

h3.entry-title a {
    color:#063971 !important;
}

/******************Liens enfants******************/
.liens_enfants{
    list-style-type:none;
	border-left: 3px solid #84C3BE;
}

.liens_enfants a{
    text-decoration:none;
	color:#fff;
}

.liens_enfants li{
    background: #063971;
	border-radius:3px;
	padding:5px 8px;
	margin:5px 0;
	display:table;
	width:auto;
}

.liens_enfants li:hover{
    background: #3F888F;
}
/*****************FIN DE PAGES**********************/

/**********************OUTILS**********************/
/**********************Outils************/
#taille_texte {
	display:inline-block;
	vertical-align: top;
}

#taille_texte span, #outils ul li a {
    color: #000;
    font-weight:500;
    padding:8px 0 8px 8px;
}

.jfontsize-button img{
    border-radius:50%;
    overflow:hidden;
}

.jfontsize-button {
    height: 40px !important;
    background-size: 40px 40px !important;
}

.jfontsize-button img {
    display: none;
}

#jfontsize-p span{font-size:1.3em;}
#jfontsize-d span{font-size:1.1em;}
#jfontsize-m span{font-size:0.9em;}

#outils ul li, #outils li#krea3outils_print {border:none !important;}

.jfontsize-button {
    background: #063971;
    color: #fff !important;
    border-radius: 5px !important;
    margin: 0 2px;
}

#taille_texte span, #outils ul li a {color: #fff !important;}

#jfontsize-p span{padding: 10px 0 8px 0px !important;}
#jfontsize-m span {padding: 16px 0 0 0 !important;}
#jfontsize-d span {padding: 13px 0 0 0 !important;}

/***Fin Outil taille du texte***/

/*****************************moteur recherche site***********************************************/
ul#recherche_site {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top;
}

ul#recherche_site label {
    display: block !important;
	float:left;
}

ul#recherche_site input[type="search"]{
    border: 1px solid #eff2f4;
    background-color: #eff2f4;
    height: 40px;
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px 0 10px;
    width: 180px;
    color: #3f4142;
    font-size: 1em;
}

ul#recherche_site input[type="submit" i]{
	border: 1px solid #063971;
    border-right: 10px solid #063971;
    border-left: 10px solid #063971;
    color: #fff;
    font-weight: normal;
    font-size: 0px;
    text-indent: -5000px;
    display: block;
    float: left;
    height: 40px;
    width: 60px;
    background: url(assets/images/icon-search.png) #063971 no-repeat;
    margin: 0;
    padding: 0;
}
/***************************Page de résultats ******************************/

/*Le formulaire quand aucun résultat*/
#la-page #searchform{
	background-color:#F0F0F0;
	text-align:center;
	padding:40px 30px 40px 30px;
}

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

#la-page #searchform input[type="text"]{
	background: rgba(0,0,0,0.1) none repeat scroll 0 0;
    border: medium none !important;
    color: #333 !important;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.6em !important;
    font-weight: 300 !important;
    height: 40px !important;
    margin: 0 10px 0 0 !important;
    text-align: center;
	width:70% !important;
	max-width:400px!important;
}

#la-page #searchform input[type="submit"]{
	border:1px solid #333;
	background-color:#333;
	background-position:10px -260px;
}

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:#3075A0;
	text-decoration:none;
	font-weight:600;
}

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***********************************************/
/******************Fin Outils************/


/****************Footer*************************************************/
footer{
	font-family: 'Arial', sans-serif;
	font-weight:300;
	color:#666;
	text-align:left;
	position:relative;
	padding:10px 0 0 0;
	margin:0;
	border-top:5px solid #3F888F;
	background:#063971;
}

#top-footer {
    display:table;
	padding:20px;
	width:100%;
	max-width:100%;
}

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

#bottom-footer{
	padding:0;
	display:table;
	width:100%;
	font-size:1em;
	position:relative;
}

#gauche-footer{
	display:table-cell;
	width:60%;
	text-align:center;
	vertical-align:middle;
	position:relative;
	padding:20px 30px;
}

#carte-situation{
	width:40%;
	height:auto;
	z-index:0;
	display:table-cell;
	vertical-align:middle;
}

#carte-situation img{
	display:block;
	width:100%;
	height:auto;
	position:relative;
}

#logo-client-footer{
	display:table-cell;
	vertical-align:middle;
	width:120px;
}

#logo-client-footer a{
	display: inline-block;
    margin-bottom: 10px;
    width: 120px;
    height: 126px;
    background: #fff;
    padding: 7px 15px;
    border-radius: 50% 40% 60% 45%;
    vertical-align: top;
}

/***#logo-client-footer a{
	display: inline-block;
    margin-bottom: 10px;
    width: 120px;
    height: 126px;
    background: #fff;
    padding: 7px 15px;
    border-radius: 50% 40% 60% 45%;
    vertical-align: top;
}¨***/

#logo-client-footer a{
    display: inline-block;
    margin-bottom: 10px;
    width: 120px;
    height: 145px;
    background: #fff;
    padding: 15px 15px 5px 15px;
    border-radius: 50%;
    vertical-align: top;
}

#logo-client-footer img{
	width:100%;
	height:auto;
}

.coordonnees{
	display:table-cell;
	vertical-align:middle;
	padding:10px 40px 0px 40px;
	margin:0;
	text-align:left;
	color:#fff;
	width:auto;
}

.adresse-postale{
	padding:0;
	margin:0;
	font-weight:300;
}

.adresse-postale h2{
	margin:0;
	padding:0 0 7px 0;
	color:#fff;
	font-size:1.2em;
}

.adresse-postale div{
	padding:0;
	font-size:0.9em;
}

a.tel-footer{
	display:inline-block;
	margin:15px 0 0 0;
	padding:5px 10px;
	font-size:1.1em;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	font-weight:500;
	clear:both;
	border-radius:3px;
}

a.tel-footer:hover{
	text-decoration:underline;
}

a.contact-footer{
	display:inline-block;
	margin:15px 0 0 0;
	padding: 5px 10px;
	font-size:1.1em;
	border:1px solid #84C3BE;
	color:#012041;
	text-decoration:none;
	font-weight:500;
	clear:both;
	background:#84C3BE;
	border-radius:3px;
}

a.contact-footer:hover{
	text-decoration:underline;
}

#lien-facebook-footer{
	display:none;
}

#horaires-footer{
	display:table-cell;
	width:auto;
	color:#fff;
	vertical-align:middle;
	padding: 0 40px 0px 40px;
	border-left:3px solid #84C3BE;
}

#horaires-footer h2{
	margin:0;
	padding:10px 0 0 0;
	color:#fff;
	font-size:1.2em;
}

#horaires-footer p{
	font-size:0.9em;
}

#carte-footer{
	display:table-cell;
	width:550px;
	vertical-align:middle;
}

#carte-footer img{
	display:block;
	width:100%;
	height:auto;
}
/*************Fin Coordonnees***********************/

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

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

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


ul#menu_footer li a{
	display:inline-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;
}

/***********************************Partenaires************************************/

#partenaires-footer{
	list-style-type:none;
	display:block;
	margin:0;
	padding: 10px 0 15px 0;
	text-align:center;
}

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

#partenaires-footer a{
	display:block;
}

#partenaires-footer a img{
	width:auto;
	height:55px;
	margin:0;
	padding:0;
}

/***********************************FIN Partenaires************************************/

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

/*************Responsive***********************/
/*****************************CSS TINY***********************************************/
@media screen and (max-width: 480px){
	
#logo-site {
    width: 160px !important;
    padding: 10px !important;
    margin: 0 0 0 30px !important;
}
	
#top-header {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
	margin:0 !important;
	}
	
#taille_texte{
    display:none !important;
}
	
#acces-rapides li {
    padding: 10px 2px;
}

#acces-rapides li a img {
    width: 30px !important;
}
	
#acces-rapides li span {
    padding: 2px 3px !important;
    margin: 5px auto 0 auto !important;
}
	
#gauche-ligne1, #droite-ligne1{
    display: block !important;
    width: 100% !important;
	padding:20px !important;
}
	
.owl-carousel .owl-item img {
    float: none !important;
    margin: 0 auto 15px auto !important;
}
	
.owl-carousel .metas-content-block {
    text-align: center !important;
}
	
#logo-client-footer a {
    margin-bottom: 0px !important;
    width: 80px !important;
    height: 94px !important;
    padding: 7px 10px !important;
}
	
#logo-client-footer {
    display: block !important;
}
	
.coordonnees, #horaires-footer, #carte-footer {
    display: block !important;
    width: 100% !important;
}
	
.coordonnees {
    padding: 20px 0px;
}
	
#horaires-footer {
    padding: 20px 0 40px 0;
    border-left: none !important;
    border-top: 3px solid #84C3BE;
}
	
ul#menu_footer li {
    padding: 0 10px 10px 10px !important;
}
	
#partenaires-footer a img {
    height: 25px !important;
}
	
.extrait_actu_page a.lire_actu {
    display: inline-block !important;
    float: none !important;
}
	
.extrait_actu_page .vignette {
    max-width: 150px;
    margin: 0 auto 10px auto !important;
	float:none !important;
}
	
h1 {
    font-size: 2.2em !important;
}	

#share_buttons {
    display: none !important;
}
	
#la-page {
    margin: 0 auto 20px auto !important;
    padding: 0 20px !important;
	position:relative;
}
	
#gauche{
    display: none !important;
}
	
.rubrique-id-30 #gauche, .rubrique-id-34 #gauche{
    display: block !important;
    float: none !important;
    width: 100%;
    padding: 0;
    margin: 20px 0;
    z-index: 50;
    left:0 !important;
	position:relative !important;
}
	
blockquote {
    padding: 20px !important;
}
	
.bloc-fiche h2, #description-fiche h2 {
    font-size: 1.8em !important;
}
	
#content {
    float: none !important;
    width: 100% !important;
    min-height: auto !important;
}
	
.krea3_formulaire label {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: center !important;
	padding:10px !important;
}
	
.krea3_formulaire input, .krea3_formulaire select, .krea3_formulaire textarea {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 10px !important;
}
	
.descriptioncontact {
    padding-left: 0 !important;
}
	
.alignright {
    float: none !important;
}
}

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

/*****************************CSS SMALL***********************************************/
@media screen and (min-width:481px) and (max-width:735px){
	#logo-site {
    width: 160px !important;
    padding: 10px !important;
    margin: 0 0 0 70px !important;
}
	
#top-header {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 2000;
    position: absolute;
    top: 0;
    right: 0;
}
	
#taille_texte{
    display:none !important;
}
	
#acces-rapides li {
    padding: 15px 10px;
}

#acces-rapides li a img {
    width: 40px !important;
}
	
#acces-rapides li span {
    margin: 12px auto 0 auto !important;
}
	
#gauche-ligne1, #droite-ligne1{
    display: block !important;
    width: 100% !important;
	padding:20px !important;
}
	
.actu-diapo{
	border:5px solid #fff !important;
}
	
#logo-client-footer a {
    margin-bottom: 0px !important;
    width: 80px !important;
    height: 94px !important;
    padding: 7px 10px !important;
}
	
#logo-client-footer {
    vertical-align: top !important;
}
	
.coordonnees, #horaires-footer, #carte-footer {
    display: block !important;
    width: 100% !important;
}
	
.coordonnees {
    padding: 20px 0px;
}
	
#horaires-footer {
    padding: 20px 0 40px 0;
    border-left: none !important;
    border-top: 3px solid #84C3BE;
}
	
ul#menu_footer li {
    padding: 0 10px 10px 10px !important;
}
	
#partenaires-footer a img {
    height: 38px !important;
}

#carte-footer {
    max-width: 450px !important;
}
	
#content .listing ul {
    width: 100% !important;
}
	
.extrait_actu_page {
    text-align: left !important;
}
	
h1 {
    font-size: 2.2em !important;
}	
	
#la-page {
    margin: 0 auto 20px auto !important;
    padding: 0 20px !important;
	position:relative;
}
	
#gauche{
    display: none !important;
}
	
.rubrique-id-30 #gauche, .rubrique-id-34 #gauche{
    display: block !important;
    float: none !important;
    width: 100%;
    padding: 0;
    margin: 20px 0;
    z-index: 50;
    left:0 !important;
	position:relative !important;
}
	
.rubrique-id-30 .sidebar ul ul li, .rubrique-id-34 .sidebar ul ul li {
    display:inline-block !important;
	width:auto !important;
}	
	
.rubrique-id-30 .sidebar ul#menu_annuaire .pagenav, .rubrique-id-34 .sidebar ul#menu_annuaire .pagenav{
    max-width: 100% !important;
}
	
#share_buttons {
    display: none !important;
}
	
.descriptioncontact {
	text-align: center;
}

}

@media screen and (min-width:736px) and (max-width:890px){
	#logo-site {
    width: 160px !important;
    padding: 10px !important;
    margin: 0 0 0 70px !important;
}
	
#top-header {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 2000;
    position: absolute;
    top: 0;
    right: 0;
}
	
#taille_texte{
    display:none !important;
}
	
#acces-rapides li {
    padding: 15px 10px;
}

#acces-rapides li a img {
    width: 40px !important;
}
	
#acces-rapides li span {
    margin: 12px auto 0 auto !important;
}
	
#gauche-ligne1, #droite-ligne1{
	padding:20px !important;
}
	
.owl-carousel .owl-item img {
    float: none !important;
    margin: 0 auto 15px auto !important;
}
	
.owl-carousel .metas-content-block {
    text-align: center !important;
}
	
.actu-diapo{
	border:5px solid #fff !important;
}
	
#logo-client-footer a {
    margin-bottom: 0px !important;
    width: 80px !important;
    height: 94px !important;
    padding: 7px 10px !important;
}
	
#logo-client-footer {
    vertical-align: top !important;
}
	
#logo-client-footer, .coordonnees, #horaires-footer{
    display: block !important;
    float:left;
	max-width: 41%;
}
	
#carte-footer {
    max-width: 350px !important;
    margin: 20px auto 0 auto;
}
	
.coordonnees {
    padding: 20px 0px;
}
	
#horaires-footer {
    padding: 0 0 0 20px;
    margin: 0 0 0 20px;
}
	
ul#menu_footer li {
    padding: 0 10px 10px 10px !important;
}
	
#partenaires-footer a img {
    height: 38px !important;
}

#carte-footer {
    max-width: 350px !important;
	margin:20px auto;
	clear:both;
	display:block;
}
	
#content .listing ul {
    width: 100% !important;
}
	
h1 {
    font-size: 2.2em !important;
}	
	
#la-page {
    margin: 0 auto 20px auto !important;
    padding: 0 20px !important;
	position:relative;
}
	
#gauche{
    display: none !important;
}
	
.rubrique-id-30 #gauche, .rubrique-id-34 #gauche{
    display: block !important;
    float: none !important;
    width: 100%;
    padding: 0;
    margin: 20px 0;
    z-index: 50;
    left:0 !important;
	position:relative !important;
}

.rubrique-id-30 .sidebar ul ul li, .rubrique-id-34 .sidebar ul ul li {
    display:inline-block !important;
	width:auto !important;
}	
	
.rubrique-id-30 .sidebar ul#menu_annuaire .pagenav, .rubrique-id-34 .sidebar ul#menu_annuaire .pagenav{
    max-width: 100% !important;
}
	
#share_buttons {
    display: none !important;
}
	
.descriptioncontact {
	text-align: center;
}

}


/*****************************CSS FIN SMALL***********************************************/
@media only screen and (min-width: 890px) and (max-width: 1279px){
#carte-footer {
    width: auto !important;
}
	
#logo-client-footer a {
    width: 100px !important;
    height: 100px !important;
}
}

@media only screen and (max-width: 1279px){
#nav > li.hover > ul {
    left:0;
	top:15px !important;
}
	
#nav > li.hover > ul {
    columns: auto !important;
}
	
.toggleMenu {
    height: 45px !important;
}
	
#nav > li > a {
    border-right: none !important;
}
	
#nav > li span.submenu-toggle {
    left: auto !important;
    right: 0 !important;
}
	
nav#menu-principal {
    width: 100%;
    text-align: left;
    margin: 0;
    padding-left: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}
	
}


@media only screen and (min-width: 1280px) and (max-width: 1371px){
#nav > li > a {
    font-size: 0.9em !important;
}
	
}

/***********************POST IT ******************/


.remodal {
    padding-top: 100px;
}

.remodal-confirm {
	border: 2px solid #256D7B !important;
    background: #256D7B !important;
    color: #fff !important;
	border-radius: 5px !important;
}

.remodal-confirm:active,
.remodal-confirm:hover {
    background: #03417d !important;
	color: #fff !important;
}


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