/******************************************RESPONSIVE*******************************************/
/*****************************CSS TINY***********************************************/
@media screen and (max-width:480px){
	
body{
	font-size:0.9em;
}
	
.home #header, #header{
    height: auto !important;
    padding: 0 !important;
    position:relative !important;
	background:transparent;
}
	
#top-header {
    display:none !important;
}
		
#logo-site {
    width: 137px !important;
    height: auto !important;
    top: 0;
    left: auto;
    right: auto;
    position: relative !important;
    margin: 0 auto;
    display: block;
}
	
#main-accueil {
    padding: 0 !important;
	margin:-30px 0 0 0;
}

#shiftnav-toggle-main {
    color: #213257 !important;
    background: #ffffff !important;
}		
	
.shiftnav .shiftnav-menu-title {
    width: 150px !important;
}
	
.shiftnav {
    position: absolute !important;
}

#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;
}
	
#nav li > .parent {
    background-position: 95% 50% !important;
}	
	
#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;
	margin:0 !important;
}

#nav > li {
    border-bottom:1px solid #eee;
}	
	
#nav{	
	border-top: 5px solid #3a7866;
}
	
#nav > li.hover > ul {
    left: 0;
}
	
#nav > li > ul {
    width: 100%;
}
	
#nav > li > ul > li > a {
    display: block;
    padding: 0 0 9px 5px;
    background: #fff;
    border-bottom: 1px solid #eee !important;
}
	
#nav > li > ul > li > a {
    padding: 0 0 9px 5px !important;
}
	
#nav li > .parent {
    background-size: 13px auto;
}
	
.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 15px auto;
    max-width: 150px;
}
	
.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;
}
	
#Menu_sidebar{
    display: none;
}
/*******************header*********************/

#main-accueil {
    overflow: hidden;
}

#outils{
	clear:both;
}


/*Le diaporama*/
#diapo-accueil {
    height: auto;
	margin:0;
	padding:0;
}
	
#carte-diapo {
    margin: -66px 0 0px 0 !important;
}	
	
#carte-diapo img {
    max-width: calc(100% + 180px);
}
	
.slideshow .cycle-slide .slide-body {
    background:#fff;
	position:relative !important;
	display: none;
    width: 100%;
    padding: 50px 20px 20px 20px;
    left: 0;
    right: 0;
	top:0;
}
	
.slideshow .cycle-slide .slide-content {
    width: 100% !important;
    margin: 0 !important;
    position: relative;
    display: block;
    min-height: 100px;
}
	
.slideshow .cycle-slide .slide-content .content-title {
    font-size: 1.4em !important;
    max-width: 100%;
}
	
.slideshow .cycle-slide .slide-content .content-label {
    font-size: 1.4em !important;
    max-width: 100%;
}
	
.slider-nav a.slide-next {
    right: 10px !important;
}
	
.slider-nav a.slide-prev {
    left: 10px !important;
}

#volet_clos {
    display: none;
}
	
/***************fin header*********************/

/************************Page d'accueil**************************************/
/**********************ligne1**********************************/
#carre-gris{
	position: relative;
    height: 120px;
    width: 100%;
    top: auto;
}
	
#fond-ligne1{
	padding: 0;
	margin:0;
}

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

.vie-pays-de-caux h1 {
    font-size: 1.9em !important;
    height: 53px !important;
}
	
.col-50, .col-60 {
    float: none !important;
    width: 100% !important;
}
	
.wrapper.vie-pays-de-caux a {
    position: relative;
    margin: 0 0 38px 0;
}
	
/*******************fin ligne1*********************************/

/**********************ligne2**********************************/
#fond-ligne2 {
    background: #fff;
    width: 100%;
    padding: 20px 0 0 0;
}	
	
#ligne2 {
    display: block !important;
    padding: 0 !important;
 	width: 100%;
}
	
#voir-liste-agenda {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin:0 auto 30px auto !important;
}
	
.slick-slider{
    padding:0 30px !important;
	background:#f1f4f7;
}
	
#rectangle-gris {
    top: 115px !important;
}
	
#ligne2 h2.titre-agenda {
    font-size: 1.8em !important;
}
	
#nav-agenda-accueil {
    width: 90% !important;
}
	
#nav-agenda-accueil {
    left: 5%;
}
/*******************fin ligne2*********************************/
/*******************ligne3**********************/
#fond-ligne3 {
    overflow: hidden;
}	
	
#titre-ligne3 {
    top: 25% !important;
	margin:0 !important;
}
	
#Photo_des_enfants {
    width: auto !important;
    max-width: 1000px !important;
    height: 250px !important;
    margin: 0 0 0 -400px !important;
}
	
#fond-ligne3 h2 {
    font-size: 2em !important;
}
	
#fond-ligne3 h3 {
    font-size: 1.1em !important;
}
	
#ligne4 img {
    width: 220px !important;
}

#ligne4 {
    padding: 0;
}
/*********************FIn page accueil*******************/
.remodal {
    background-size: 150% auto !important;
}

/***************page****************************/
#image-header-page img {
    margin: 0 !important;
}	

#bloc-titre-page {
    display: none !important;
}
	
.single #bloc-titre-page {
    height: 40px !important;
    display: block !important;
}
	
.single #ligne-outils {
    top: -7px !important;
    padding: 0 8px;
}

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

	
/********************Annuaire***********************/
#entete-fiche, #entete-listing {
    margin: 10px auto !important;
}
	
form.recherche-listing .gauche-form, form.recherche-listing #listing-descriptif {
    width: 100% !important;
    display: block !important;
}
	
form.recherche-listing #listing-descriptif {
    padding:0 7px !important;
}
	
form.recherche-listing .gauche-form {
    text-align: left !important;
}
	
#label_hebergement {
    width: 260px !important;
}
	
.listing-centrale li.un-bloc-listing {
    width: 100% !important;
}
	
#centrale-dispo-container aside.centrale-dispo {
    display:none !important;
}

#centrale-dispo-container article {
	padding:0 !important;
    width: 100% !important;
    float: none !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****************************/
.page-template-archives .has-post-thumbnail {
    display: block !important;
    float: none !important;
    width: 100% !important;
}	
	
.extrait_actu_page small {
    padding: 5px 0 0 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    position: relative !important;
	text-align:center;
}
	
.extrait_actu_page {
    text-align: center;
}

.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:5px 0;
	text-align:left;
	font-size:1em;
	margin:0;
}
	
p.phrase_form_contact_rgpd {
    padding: 0 !important;
}
	
.descriptioncontact {
    padding-left: 0 !important;
}

.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:0px;
}
	
fieldset .col50 {
    width: 100% !important;
    display: block !important;
}
	
.krea3_formulaire fieldset legend.obligatoire {
    font-size: 0.9em !important;
    margin: 0 !important;
    text-align: center;
}
/***********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{
    margin: 0 auto 10px auto !important;
	display:block !important;
	max-width:100%;
}

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

ul#partenaires-footer li {
    padding: 0 10px;
}

ul#partenaires-footer li img{
	height:50px;
}
	
/*****************************AGENDA********************/
#liste-agenda .manif-liste {
    width: 100% !important;
}
	
#liste-agenda .content-manif {
    width: 90% !important;
}

.agenda .nav li.nav-retour-annuaire a, .agenda .nav li.nav-precedent a, .agenda .nav li.nav-suivant a {
    font-size: 1.45em !important;
}
	
#content_large .listing .listing-item, #content .listing .listing-item {
    height: auto !important;
}
	
/**********************Annuaire**********************/
.listing .listing-item > a, .listing .listing-item > .commerce {
    display: block !important;
    width: 100% !important;
}
	
.listing .listing-item img {
    width: 100% !important;
    float: none !important;
    display: block !important;
}
/****************footer*********************/
.home footer {
    margin: 0 !important;
}
	
footer .largeur1316 {
    display: block !important;
	margin:0 !important;
}
	
#gauche-footer, #droite-footer{
    display: block !important;
    width: 100% !important;
}
	
#gauche-footer{
    background:#fff;
	padding: 25px 0 10px 0;
}
	
#gauche-footer .coordonnees{
    display:table;
	width:100%;
}
	
#rect-footer{
    display:none;
}
	
#logo-client-footer{
    text-align:center;
}
	
#logo-client-footer, .adresse-postale{
    display: table-cell !important;
	width:49%;
	vertical-align:middle;
}
	
#logo-client-footer img{
    width:90px !important;
	margin:0 auto;
}

#top-footer2{
    margin:-20px 0 0 0;
	position:relative;
	z-index:0;
	padding: 20px 20px 0 20px;
}
	
#top-footer3{
	padding:0 20px 20px 20px;
}
	
#top-footer2, #top-footer3{
    display: block !important;
	width:100% !important;
	background:#F1F4F7;
}
	
#top-footer1 {
    max-width: 100% !important;
    background: url(../images/fond-footer-mobile.png) no-repeat 50% 0 / 250px auto;
    display: block !important;
    width: 100% !important;
    padding: 70px 0 0 0;
	position:relative;
	z-index:10;
}
	
#partenaires_footer, .menu_footer {
    display: block !important;
    width: 100% !important;
}

#partenaires_footer	img {
    max-width: 70px !important;
    max-height: 39px !important;
}
	
#bottom-footer {
    padding:0 20px;
}
	
#partenaires_footer li {
    margin: 0 10px 0 0 !important;
}
	
#top-footer2 ul {
    margin: 0;
    padding: 0;
    text-align: center;
	width:100%;
}
	
#top-footer2 ul li{
    margin: 0 auto;
    padding: 0;
    text-align: center;
	width:auto;
	display:table !important;
}
	
#top-footer2 a {
    padding: 10px 0;
    font-size: 1.2em;
}
/************fin footer*********************/ 
	
/**************carte interactive***************/
.page-id-712 #content_large {
    padding: 0 0 80px 0 !important;
}
	
#filtres-carto {
    position: relative !important;
    bottom: auto !important;
}
	
#Menu_carto {
    height: auto !important;
}
	
.Menu_carto {
    display: block !important;
    height: 80px !important;
}
	
#filtre-carte-interactive-1201{
    height: 100px !important;
}
	
.filtres-carte-conteneur {
    left: 0 !important;
    background: #fff !important;
    z-index: 1000 !important;
}
	
.filtres-carte-conteneur::before {
    left: 55px !important;
}	
	
.filtres-carte-conteneur::after {
    left: 56px !important;
}
	
#filtres-carte-conteneur-1174{bottom: -197px;}
#filtres-carte-conteneur-1175{bottom: -245px;}
#filtres-carte-conteneur-1176{bottom: -245px;}
#filtres-carte-conteneur-1177{bottom: -197px;}
#filtres-carte-conteneur-1201{bottom: -173px;}
#filtres-carte-conteneur-1202{bottom: -132px;}
	
/**************fin carte interactive***************/
}

/*****************************FIN CSS TINY***********************************************/
/*****************************CSS SMALL***********************************************/
@media screen and (min-width:481px) and (max-width:660px){
/**************carte interactive***************/
.page-id-712 #content_large {
    padding: 0 0 80px 0 !important;
}
	
#filtres-carto {
    position: relative !important;
    bottom: auto !important;
}
	
#Menu_carto {
    height: auto !important;
}
	
.Menu_carto {
    display: block !important;
    height: 80px !important;
}
	
#filtre-carte-interactive-1201{
    height: 100px !important;
}
	
.filtres-carte-conteneur {
    left: 0 !important;
    background: #fff !important;
    z-index: 1000 !important;
}
	
.filtres-carte-conteneur::before {
    left: 55px !important;
}	
	
.filtres-carte-conteneur::after {
    left: 56px !important;
}
	
#filtres-carte-conteneur-1174{bottom: -197px;}
#filtres-carte-conteneur-1175{bottom: -245px;}
#filtres-carte-conteneur-1176{bottom: -245px;}
#filtres-carte-conteneur-1177{bottom: -197px;}
#filtres-carte-conteneur-1201{bottom: -173px;}
#filtres-carte-conteneur-1202{bottom: -132px;}
	
/**************fin carte interactive***************/
}

@media screen and (min-width:660px) and (max-width:890px){
/**************carte interactive***************/
.filtres-carte-conteneur {
    left: 0 !important;
    background: #fff !important;
    z-index: 1000 !important;
}
	
.filtres-carte-conteneur::before {
    left: 55px !important;
}	
	
.filtres-carte-conteneur::after {
    left: 56px !important;
}
	
#filtres-carte-conteneur-1201 {
    bottom: -271px !important;
    right: -138px !important;
    left: auto !important;
}
	
#filtres-carte-conteneur-1201::before {
    left: 97px !important;
}
	
#filtres-carte-conteneur-1201::after {
    left: 98px !important;
}
	
#filtres-carte-conteneur-1202 {
    right: -34px !important;
    left: auto !important;
}
	
#filtres-carte-conteneur-1202::before {
    left: 201px !important;
}
	
#filtres-carte-conteneur-1202::after {
    left: 202px !important;
}
/**************fin carte interactive***************/
}

@media screen and (min-width:481px) and (max-width:720px){
	.listing-centrale li.un-bloc-listing {
    width: 49% !important;
}
}

@media screen and (min-width:721px) and (max-width:890px){
	.listing-centrale li.un-bloc-listing {
    width: 32% !important;
}
}

@media screen and (min-width:481px) and (max-width:890px){

	body{
	font-size:0.9em;
}
	
body.admin-bar #shiftnav-toggle-main, body.admin-bar .shiftnav {
    top: 0 !important;
}
	
.home #header, #header {
    height: auto !important;
    padding: 0 !important;
    position:relative !important;
	background:transparent;
}
	
#top-header {
    display:none !important;
}
		
#logo-site {
    width: 137px !important;
    height: auto !important;
    top: 0;
    left: auto;
    right: auto;
    position: relative !important;
    margin: 0 auto;
    display: block;
}
	
.shiftnav {
    position: absolute !important;
}
	
#shiftnav-toggle-main {
    color: #213257 !important;
    background: #ffffff !important;
}	
#main-accueil {
    padding: 0 !important;
	margin:-30px 0 0 0;
}
	
.shiftnav .shiftnav-menu-title {
    width: 200px !important;
}

#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;
}
	
#nav li > .parent {
    background-position: 95% 50% !important;
}	
	
#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;
	margin:0 !important;
}

#nav > li {
    border-bottom:1px solid #eee;
}	
	
#nav{	
	border-top: 5px solid #3a7866;
}
	
#nav > li.hover > ul {
    left: 0;
}
	
#nav > li > ul {
    width: 100%;
}
	
#nav > li > ul > li > a {
    display: block;
    padding: 0 0 9px 5px;
    background: #fff;
    border-bottom: 1px solid #eee !important;
}
	
#nav > li > ul > li > a {
    padding: 0 0 9px 5px !important;
}
	
#nav li > .parent {
    background-size: 13px auto;
}
	
.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;
}
	
#la-page {
    padding: 10px 20px 30px 20px !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 15px auto;
    max-width: 150px;
}
	
.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;
}
	
#Menu_sidebar{
    display: none;
}
/*******************header*********************/

#main-accueil {
    overflow: hidden;
}

#outils{
	clear:both;
}


/*Le diaporama*/
#diapo-accueil {
    height: auto;
	margin:0;
	padding:0;
}
	
#carte-diapo {
   margin: -96px 0 170px 0 !important;
}	
	
#carte-diapo img {
    max-width: calc(100% + 180px);
}
	
.slideshow .cycle-slide .slide-body {
    background:#fff;
	position:relative !important;
	display: none;
    width: 100%;
    padding: 50px 20px 20px 20px;
    left: 0;
    right: 0;
	top:0;
}
	
.slideshow .cycle-slide .slide-content {
    width: 100% !important;
    margin: 0 !important;
    position: relative;
    display: block;
    min-height: 100px;
}
	
.slideshow .cycle-slide .slide-content .content-title {
    font-size: 1.4em !important;
    max-width: 100%;
}
	
.slideshow .cycle-slide .slide-content .content-label {
    font-size: 1.4em !important;
    max-width: 100%;
}
	
.slider-nav a.slide-next {
    right: 10px !important;
}
	
.slider-nav a.slide-prev {
    left: 10px !important;
}

#volet_clos {
    display: none;
}
	
/***************fin header*********************/

/************************Page d'accueil**************************************/
/**********************ligne1**********************************/
#carre-gris{
	display:none;
}
	
#fond-ligne1{
	padding: 20px 0 0 0;
	margin:0;
}

#ligne1{
	display:block;
	width:100%;
	padding:20px !important;
	margin:0;
}
	
#droite-ligne1 {
    padding: 100px 0 0 0 !important;
	width:55% !important;
}
	

.vie-pays-de-caux h1 {
    font-size: 1.9em !important;
    height: 53px !important;
	width: 350px;
}
	
.duo-img{
    float: none !important;
    width: 100% !important;
}
	
.col-50, .col-60 {
    width: 45%;
}
	
.wrapper.vie-pays-de-caux a {
    margin: 0 30px 30px 0 !important;
}
	
/*******************fin ligne1*********************************/

/**********************ligne2**********************************/
#fond-ligne2 {
    background: #fff;
    width: 100%;
    padding: 20px 0 0 0;
}	
	
#ligne2 {
    display: block !important;
    padding: 0 !important;
 	width: 100%;
}
	
#voir-liste-agenda {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin:0 auto 30px auto !important;
}
	
.slick-slider{
    padding:0 30px !important;
	background:#f1f4f7;
}
	
#rectangle-gris {
    top: 115px !important;
}
	
#ligne2 h2.titre-agenda {
    font-size: 1.8em !important;
}
	
#nav-agenda-accueil {
    width: 90% !important;
}
	
#nav-agenda-accueil {
    left: 5%;
}
	
.slick-initialized .slick-slide {
    padding: 0 10px;
}
	
.slick-list .bordure-date {
    left: 20px;
}
	
.slick-list .rect-date {
    left: 11px;
}
/*******************fin ligne2*********************************/
/*******************ligne3**********************/
#ligne3 {
    background-size: auto !important;
    padding: 0 !important;
}	

#fond-ligne3 {
    overflow: hidden;
}	
	
#titre-ligne3 {
    top: 25% !important;
	margin:0 !important;
}
	
#Photo_des_enfants {
    width: auto !important;
    max-width: 1000px !important;
    height: 250px !important;
    margin: 0 0 0 -150px !important;
}
	
#fond-ligne3 h2 {
    font-size: 2em !important;
}
	
#fond-ligne3 h3 {
    font-size: 1.1em !important;
}
	
#ligne4 img {
    width: 220px !important;
}

#ligne4 {
    padding: 0;
}
/*********************FIn page accueil*******************/
.remodal {
    background-size: 150% auto !important;
}

/***************page****************************/
.single #bloc-titre-page {
    height: 40px !important;
    display: block !important;
}
	
.single #ligne-outils {
    top: -7px !important;
    padding: 0 8px;
	width: 98% !important;
}
	
#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;
}
	
#image-header-page img {
    margin: 0 !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*/
/***************************************/
/********************Annuaire***********************/
#entete-fiche, #entete-listing {
    margin: 10px auto !important;
}
	
form.recherche-listing .gauche-form, form.recherche-listing #listing-descriptif {
    width: 100% !important;
    display: block !important;
}
	
form.recherche-listing #listing-descriptif {
    padding:0 7px !important;
}
	
form.recherche-listing .gauche-form {
    text-align: left !important;
}
	
#label_hebergement {
    width: 260px !important;
}
	
.listing {
    padding: 20px 0 !important;
}
	
#content_large .listing ul, #content .listing ul {
    width: 100%;
}
	
#centrale-dispo-container aside.centrale-dispo {
    width:100% !important;
}

#centrale-dispo-container article {
	padding:0 !important;
    width: 100% !important;
    float: none !important;
}


#content{
	float:none;
	width:100%;
	height:auto !important;
	min-height:100px;
	margin:0 0 0 0;
	color:#666;
	border-right:none;
}

#content_large{
	width:100%;
	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****************************/
.page-template-archives .has-post-thumbnail {
    display: block !important;
    float: none !important;
    width: 100% !important;
}	
	
.extrait_actu_page small {
    padding: 5px 0 0 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    position: relative !important;
	text-align:center;
}
	
.extrait_actu_page {
    text-align: center;
}

.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:5px 0;
	text-align:left;
	font-size:1em;
	margin:0;
}
	
p.phrase_form_contact_rgpd {
    padding: 0 !important;
}
	
.descriptioncontact {
    padding-left: 0 !important;
}

.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:0px;
}
	
	
fieldset .col50 {
    padding: 0 10px !important;
}
	
.krea3_formulaire fieldset legend.obligatoire {
    font-size: 1em !important;
    margin: 0 !important;
    text-align: center;
}
/***********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{

}

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

ul#partenaires-footer li {
    padding: 0 10px;
}

ul#partenaires-footer li img{
	height:50px;
}
	
/*****************************AGENDA********************/
#liste-agenda .manif-liste {
    width: 100% !important;
}
	
#liste-agenda .content-manif {
    width: 90% !important;
}

.agenda .nav li.nav-retour-annuaire a, .agenda .nav li.nav-precedent a, .agenda .nav li.nav-suivant a {
    font-size: 1.45em !important;
}
	
/**********************Annuaire**********************/
.listing .listing-item > a, .listing .listing-item > .commerce {
    display: block !important;
    width: 100% !important;
}
	
.listing .listing-item img {
    width: 100% !important;
    float: none !important;
    display: block !important;
}
/****************footer*********************/
.home footer {
    margin: 0 !important;
}
	
footer .largeur1316 {
    display: block !important;
	margin:0 !important;
}
	
#gauche-footer, #droite-footer{
    display: block !important;
    width: 100% !important;
}
	
#gauche-footer{
    background:#fff;
	padding: 25px 0 10px 0;
}
	
#gauche-footer .coordonnees{
    display:table;
	width:100%;
}
	
#rect-footer{
    display:none;
}
	
#logo-client-footer{
    text-align:center;
}
	
#logo-client-footer, .adresse-postale{
    display: table-cell !important;
	width:49%;
	vertical-align:middle;
	font-size: 1.3em;
    line-height: 1.5em;
}
	
#logo-client-footer img{
    width:90px !important;
	margin:0 auto;
}

#top-footer2{
    margin:-20px 0 0 0;
	position:relative;
	z-index:0;
	padding: 20px 20px 0 20px;
}
	
#top-footer3{
	padding:20px;
}
	
#top-footer2, #top-footer3{
    display: block !important;
    width: 50% !important;
    background: #F1F4F7;
    margin: -20px 0 0 0;
    float: left;
    min-height: 160px;
}

#top-footer3{
	float:right;
}
	
#top-footer1 {
    max-width: 100% !important;
    background: url(../images/fond-footer-mobile.png) no-repeat 50% 0 / 250px auto;
    display: block !important;
    width: 50% !important;
    padding: 70px 0 0 0;
	position:relative;
	z-index:10;
}
	
#partenaires_footer, .menu_footer {
    display: block !important;
    width: 100% !important;
}

#partenaires_footer	img {
    max-width: 70px !important;
    max-height: 39px !important;
}
	
#bottom-footer {
    padding:0 20px;
}
	
#partenaires_footer li {
    margin: 0 10px 0 0 !important;
}
	
#top-footer2 ul {
    margin: 0;
    padding: 0;
    text-align: center;
	width:100%;
}
	
#top-footer2 ul li{
    margin: 0 auto;
    padding: 0;
    text-align: center;
	width:auto;
	display:table !important;
}
	
#top-footer2 a {
    padding: 10px 0;
    font-size: 1.2em;
}
/************fin footer*********************/ 

}
/*****************************FIN CSS SMALL***********************************************/


/*****************************CSS BIG***********************************************/
@media screen and (min-width:891px) and (max-width:1023px){
	#centrale-dispo-container aside.centrale-dispo, #centrale-dispo-container article {
    width: 100% !important;
}
	
.listing-centrale li.un-bloc-listing {
    width: 32% !important;
}	
}

@media screen and (min-width:1023px) and (max-width:1150px){
.listing-centrale li.un-bloc-listing {
    width: 49% !important;
}	
}

@media screen and (min-width:891px) and (max-width:1150px){

.home #header, #header {
    padding: 0 !important;
	height:auto !important;
	position:relative !important;
}	
	
#logo-site {
    width: 180px !important;
	height: 180px !important;
	left: 100px !important;
    margin: 0 !important;
    top: -15px;
}
	
.menu-reduit #logo-site {
    width: 80px !important;
    height: 70px;
}
	
#Menu_sidebar {
    display:none;
}
	
#shiftnav-toggle-main {
    color: #213257 !important;
    background: #ffffff !important;
}		
	
.shiftnav {
    position: absolute !important;
}	
	
#diapo-accueil {
    padding: 0 !important;
}
	
#carte-diapo {
    margin: -137px auto 0 auto !important;
}
	
.vie-pays-de-caux h1 {
    font-size: 2.3em !important;
    height: 78px !important;
}
	
#fond-ligne1{
}
	
#carre-gris {
    display: none !important;
}
	
#fond-ligne2 {
    margin: 30px 0 0 0;
}
	
.single #bloc-titre-page {
    height: 121px !important;
    display: block !important;
}
	
.single #ligne-outils {
    top: 80px !important;
    padding: 0 20px;
}
	
footer .largeur1316 {
    margin: 0 !important;
}
	
#gauche-footer {
    width: 200px !important;
    padding: 50px 0 0 20px;
}
	
#top-footer {
    margin: 0 !important;
    padding: 0 20px 0 0;
	font-size:0.75em;
}
	
#top-footer2 a {
    padding: 10px 0 !important;
}
	
#partenaires_footer li img{
	max-height:50px !important;
	width:auto;
}
	
.menu_footer {
    padding: 0 20px 30px 0;
}
	
#partenaires_footer li {
    margin: 5px 5px 0 0 !important;
}
	
#fond-ligne3 h2 {
    font-size: 2.9em !important;
}
	
#fond-ligne3 h3 {
    font-size: 1.48em !important;
}
	
#content_large {
    padding: 0 20px 50px 20px !important;
}
	
#content_large .listing ul, #content .listing ul {
    max-width: 830px;
	width:100%;
}
}

@media screen and (min-width:1151px) and (max-width:1280px){
.home #header, #header {
    padding: 0 !important;
	height:auto !important;
	position:relative !important;
}
	
.single #bloc-titre-page {
    height: 121px !important;
    display: block !important;
}
	
.single #ligne-outils {
    top: 80px !important;
    padding: 0 20px;
}

.listing-centrale li.un-bloc-listing {
    width: 32% !important;
}
	
#content_large .listing ul, #content .listing ul {
    max-width: 830px;
	width:100%;
}

#ligne-outils {
    margin: 0 0 20px 10px !important;
}
}

@media screen and (min-width:1151px) and (max-width:1400px){
footer .largeur1316 {
    padding: 0 0 0 20px !important;
	margin:0 !important;
}
	
#Menu_sidebar {
    top: 75px !important;
}

.listing-centrale li.un-bloc-listing {
    width: 32% !important;
}
}


/*****************************Menu responsive*********************************/
.shiftnav {
    background: #213257 !important;
    border: 5px solid #fff !important;
}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target{
    color: #fff !important;
}

.shiftnav .shiftnav-menu-title {
    font-size: 1em !important;
    margin: 0 auto !important;
    color: #fff !important;
}

.shiftnav-inner {
    padding: 0 15px !important;
}

.shiftnav ul.shiftnav-menu.shiftnav-indent-subs li.shiftnav-sub-always ul.sub-menu li.menu-item>a {
    padding-left: 25px !important;
}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
    padding: 5px 15px 5px 35px !important;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.shiftnav ul.shiftnav-menu.shiftnav-indent-subs li.shiftnav-sub-always ul.sub-menu li.menu-item>a {
    font-weight: 200;
	border: none !important;
	padding: 5px 15px 0 45px !important;
}

.shiftnav ul.shiftnav-menu li#menu-item-3766{
    background:url('../images/icon-menu1.png') no-repeat 0 7px;
}

.shiftnav ul.shiftnav-menu li#menu-item-3769{
    background:url('../images/icon-menu2.png') no-repeat 0 7px;
}

.shiftnav ul.shiftnav-menu li#menu-item-3776{
    background:url('../images/icon-menu3.png') no-repeat 0 7px;
}

.shiftnav ul.shiftnav-menu li#menu-item-3783{
    background:url('../images/icon-menu4-blc.png') no-repeat 0 7px;
}

.shiftnav ul.shiftnav-menu li#menu-item-3784{
    background:url('../images/icon-menu5.png') no-repeat 0 7px;
}

.shiftnav ul.shiftnav-menu li#menu-item-3788{
    background:url('../images/icon-menu6.png') no-repeat 0 7px;
}

#shiftnav-toggle-main .shiftnav-toggle-burger{
    color: #0A0547 !important;
}

#shiftnav-toggle-main, .shiftnav {
    position: absolute !important;
}