@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:1024******************************/



body{
	/*max-width:1300px;*/
	margin:0 auto 0 auto;
	font-size:18px;
}

@media screen and (max-width:1280px){
#acces-rapides{
	display:none !important;
}
}

@media screen and (max-width:1100px){
#fond-video, #video-accueil {
    max-height: 70vh !important;
}
}

@media screen and (max-width:1200px){
.main-page {
    margin: -100px auto 0 auto;
}	
}


@media screen and (max-width:1280px){

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

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

#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 (max-width:1379px){
	
	/*Décalage à cause accès rapides gauche*/
	#gauche-ligne1,
	#fond-ligne2,
	#top-footer,
	#bottom-footer
	#fond-bas-footer{
		padding-left:40px;
	}
		
}


@media screen and (max-width:1200px){

	/*****************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 {
    padding: 0 0 30px 90px !important;
	width: calc(100% - 350px) !important;
	}
	
	#colonne2-agenda, #colonne2-annuaire {
    width: 328px !important;
	}
	
	#colonne2-annuaire #coordonnees-fiche {
    width: 278px !important;
	}

	#colonne2-annuaire #coordonnees-fiche {
    padding: 30px 20px;
	}
	/*****************FIN Annuaire******************/
}