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

/*
 Theme Name:   OT Pays de Vire Collines Normandie
 Theme URI:    https://www.bocage-normand.com/
 Description:  Theme du site de l'office de tourisme Pays de Virem
 Author:       Krea3
 Author URI:   https://www.krea3.fr
 Template:     krea3
 Version:      1.0.0
 Text Domain:  krea3
*/

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



body{
	font-size:17px;
}

main.largeur92{
	width:100%;
}

/************************Page d'accueil**************************************/

/*******************header*********************/

header{
	border-bottom:none;
	position:relative;
}

#logo-site{
	left:100px;
}


nav#menu-principal{
	width:100%;
	text-align:left;
	margin:0;
	padding-left:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1000; /* Pour passer par dessus diapo accueil*/
}

.toggleMenu {
   height: 100px !important;
}

#menu{
	border-bottom:none;
	background-color:transparent;
}


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

/*Le diaporama*/
#diapo-accueil{
	position:relative;
	margin-top:0;
}

/**********************ligne1**********************************/

#fond-ligne1{
	
}

#ligne1{
	display:block;
	width:100%;
}

#ligne1 h2{
	width:100%;
	padding:0;
	margin:40px 0 40px 0;
	text-align:center;
}


#thematiques-accueil{
	display:block;
	margin:0 auto 0 auto;
	width:100%;
	max-width:710px;
}

.colonne-thematique{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

.colonne-thematique a{
	display:block;
	float:left;
	width:50%;
	margin:0;
	padding:0;
	border:5px solid #FFF;
}

.colonne-thematique.milieu{
	display:block;
	float:left;
	width:50%;
	margin:0;
	padding:0;
}

.colonne-thematique.milieu a{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

.colonne-thematique a > span{
	position:absolute;
	left:50% !important; 
	transform: translate(-50%, -50%)!important;
}

/*******************fin ligne1*********************************/


/***********************ligne2*********************************/
#texte-survol-carte-svg{
	margin-top:20px;
}
/*******************fin ligne2*********************************/

/***********************ligne3*********************************/

#ligne3 h2{
	font-size:3.5em;
}

#ligne3 h2 > span{
	height:auto;
}

#ligne3 > h2 > span::before{
	content: url(../images/fil-blog-tiny.png);
}
	
/*******************fin ligne3*********************************/

/***************page****************************/

#image-header-page{
	margin-top:0;
}


/****************footer*********************/ 



#top-footer{
	display:block;
	width:100%;
	max-width:600px;
	margin:0 auto 0 auto;
}

#gauche-footer{
	width:50%;
	padding:30px 10px 30px 20px;
	margin:0 auto 0 auto;
}

#milieu-footer{
	width:50%;
	padding:20px;
	margin:0;
}

#carte-situation{
	display:block;
	clear:both;
	padding:0;
	margin:0;
}

ul#menu_footer{
	max-width:650px;
	margin:0 auto 0 auto;
}

/*Partenaires footer*/
ul#partenaires-footer{
	padding-bottom:40px;
	max-width:600px;
}

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

/************fin footer*********************/