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

/*
Theme Name: OT Lieuvin Pays d'Auge
Theme URI: 
Description: Theme de l'Office de Tourisme Lieuvin Pays d'Auge
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3
*/

/**************************************************************************/
/*****************min-width:891px et max-width:1023px**********************/



body{
	font-size:17px;
}

.largeur92{
    width: 85% !important;
}

#acces-rapides{
	display:none !important;
}

#fond-video, #video-accueil {
    max-height: 70vh !important;
}

.main-page {
    margin: -100px auto 0 auto;
}

@media screen and (max-width:1000px){
header {
	background: rgba(255,255,255,0.7);
}

#logo-site{
	margin:0;
	padding:0;
	width:170px;
	position:absolute;
	top:0;
	left:80px;
}

#menu #logo-site img{
opacity:1;
}

#menu #carte-petite img {
    margin: 80px 0 0 65px;
}
}

#logo-site-accueil img {
	max-width: 300px;
}
#logo-site-accueil {
	bottom: 160px;
}

#agenda-accueil li {
width: 48%;}

.btn-carte a {
padding: 20px 4%;
}

.btn-carte img {
width: 70px;}

.agenda.hover-effect .bloc-au-survol {
    padding: 20% 20px 10px 20px;
}


@media screen and (min-width:1000px){
#nav {
    padding: 0 50px !important;
}
}

@media screen and (max-width:950px){
.listing .listing-item {
    width: 300px;
    height: 225px;
}

#content_large .listing ul {
    width: 650px;
}
}

/*****************FICHE AGENDA**********************/
.main-page-large #content_large {
    padding: 0 30px 0 90px;
}

#entete-fiche {
   padding: 10px 10px 10px 50px;
	margin: 0 0 20px -50px;
	display: block;
	position: relative;
	clear: both;
	width: calc(100% + 60px);
}

ul#date-manif-fiche li {
    top: auto;
    left: auto;
    height: auto;
    width: auto;
    position: relative;
}

#content_large #colonne1-agenda, #content_large #colonne2-agenda, #content_large #colonne1-annuaire, #content_large #colonne2-annuaire {
    padding: 0 10px 10px 0;
}

#coordonnees-fiche {
    position: relative !important;
    display: block;
    width: 100% !important;
}

.bloc-fiche{
	position:relative !important;
	padding-right:0 !important;
	max-height:100% !important;
}

.nav-fiche, .nav-actus {
    width: 100%;
}
/*****************FIN FICHE AGENDA**********************/

/*****************Annuaire******************/
	#gauche-annuaire {
    width: 35% !important;
	}
	
	.la-page-annuaire #liste-annuaire {
    width: 65% !important;
	}
	
	#gauche-annuaire-fixed {
    max-width: 230px !important;
	}
	
	.la-page-annuaire .listing li.un-bloc-listing {
    float: none !important;
    margin: 5px auto !important;
    width: 100% !important;
	}
	
	.la-page-annuaire-top #carte-annuaire-fixed {
    left: 61% !important;
	}
	
	#colonne1-agenda, #colonne1-annuaire {
	width:100% !important;
	}
	
	#colonne2-agenda, #colonne2-annuaire {
    width: 100% !important;
	}
	
	#colonne2-annuaire #coordonnees-fiche {
    width: 100% !important;
	position:relative !important;
	}
	
	.main-fiche-annuaire {
    padding: 0 0px 0 50px;
}
	/*****************FIN Annuaire******************/
	
/****************Page temoignages***************/
	.main-single-temoignages #entete-fiche {
    padding: 10px 20px 15px 90px !important;
    margin: 0 -20px 50px -90px !important;
    width: calc(100% + 120px) !important;
}

.main-single-temoignages .image-large {
    margin: 50px -20px 50px -90px !important;
    width: calc(100% + 120px) !important;
    max-width: calc(100% + 120px) !important;
}

.main-single-temoignages blockquote {
    margin: 50px -20px 50px -90px !important;
    width: calc(100% + 120px) !important;
    padding: 60px 20px 60px 90px;
}
/****************FIN Page temoignages***************/
/****************Page profils***************/
#je-suis-no-js {
    width: 100% !important;
}
/****************FIN Page profils***************/

/****************FIN Page temoignages***************/