@charset "UTF-8";

#minisite {
}

#minisite .homepage-contents .centering {
    width: 100%;    
}

#homepage h1,
#homepage h2,
#homepage h3 {
	text-align: left;
	text-align: initial;
}
 
#minisite article#homepage h1 {
	font-family: 'Dosis', sans-serif;
	background: none;
    font-size: 24px;
	margin-top: 1em;
	color: #416085;
}

#minisite .homepage-contents .centering {
    width: 100%;    
}

#homepage .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  
  justify-content: space-around;
  align-items: stretch;
  
  /*text-align: center;*/
}

#homepage .wrapper > * {
    padding: 10px 0 10px 10px;
    -webkit-flex: 1 0 20%;
    flex: 1 0 20%;
/*    margin: auto;*/
}

#homepage .wrapper > :first-child {
	padding: 10px 10px 10px 0;
}

.wrapper.fullrow > * {
    flex: 1 0 100%;
    text-align: left;
}

.columnone {
    
}

.columntwo {
    flex: 1 0 50%;
}

#minisite .largeursite {
    width: 80%;
    margin: auto;
}
/*
#minisite .homepage-contents .centering {
	width: 80%;
}
*/
#minisite .blocimpair .highlight {
    font-weight: bold ;
}


#minisite .blocpair .highlight {
    font-weight: bold ;
}


/* styles Limousin */

#minisite #presentation {
	background: url('../img/lac-annecy-bg.jpg') no-repeat center center;
	
}
#minisite #presentation .texte {
	padding: 2%;
	margin: 2em auto;
	width: 50%;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 1.3em;
}


#minisite article#homepage h1 {
	background: none;
    font-size: 30px;
    text-transform: none;
	color: #24428f;
	text-align: center;
}

#minisite article#homepage h2 {
	background: none;
    font-size: 28px;
    text-transform: none;
	color: #24428f;
	text-align: center;
}

#minisite  #presentation .texte .lien-catalogue {
	padding: 12px;
	font-size: 0.8em;
	text-align: center;
	background:#699bd6;
	border: 1px solid #0076a3;
	border-radius: 10px;
}
#minisite .lien-catalogue a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}
#minisite .lien-catalogue a:hover {
	color: #2c425b;
}

#minisite .lien-catalogue #logo-kap {
    padding: 6px 20px;
	margin-left: 5px;
    background: url(../img/picto-kn.png) no-repeat center;
    background-size: auto 100%;
    background-color: transparent;
}

#minisite .photos { 
	margin: 1em 0; 
}
#minisite .photos img { 
	margin-top: 5px;
	width: 100%;
}

#minisite .encart {
	padding: 20px;
	font-size: 1.2em;
	background: #c7def2;
	-webkit-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.7);
}
#minisite .red {
	font-size: 1.3em;
	color: #d22625;
}

#minisite .encart .picto-depannage {
    display: block;
	float: left;
	width: 6em;
    height: 3em;
	margin-right: 2em;
	background: url('../img/picto-depannage.png') no-repeat left center;
	background-size: contain;
}

#minisite a.btn-plus {
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 10px 20px;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	color: black;
	text-align: center;
	background: #c7def2;
	-webkit-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.7);
	border-radius: 10px;
}
#minisite a.btn-plus .red { font-size:1.1em; font-weight: bold;}
#minisite .picto-photo {
	margin: 0 auto;
	width: 3em;
    height: 3em;
	background: url('../img/picto-photos.png') no-repeat center center;
	background-size: contain;
}
#minisite a.btn-plus:hover {
	background-color: #9bc9f2;
	-webkit-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.9);
	box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.9);
}

#minisite #pieddepage {
	background: #0076a3;
	padding: 30px 0;
	margin-top: 1em;
}
#minisite #pieddepage .wrapper {
	text-align: left;
	color: #fff;
}
#minisite #pieddepage .wrapper h3 {
	color: #fff;
	margin: 0 0 1em;
	font-weight: bold;
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
}
#minisite #pieddepage .wrapper p {
	color: #fff;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
}
#minisite #pieddepage .maps {
	background: url('../img/bg-maps.jpg') no-repeat center center;
	background-size: cover;
	padding: 2em 0;
	
}
#minisite #pieddepage a { color: white; text-decoration: none;  }
#minisite #pieddepage a:hover { color: #ccc; }

#minisite #pieddepage a.button-maps {
    display: block;
    padding: 6px 0 6px 38px;
    margin: .2em auto;
    color: #fff;
    text-decoration: none;
    text-align: left;
    background: url(../img/icon-googlemaps.png) no-repeat 0% center;
    background-size: contain;
}
#minisite #pieddepage a.button-maps:hover { color: #ccc;}



/***** styles responsive *****/


@media only screen and (max-device-width : 768px) , screen and (max-width: 768px) {	
	
	/*** tablette ***/
	
	#minisite #presentation .texte {
		width: 80%;
	}
	
	#minisite #presentation .texte, #minisite .encart {
		font-size: 1.2em;
	}
	#minisite .red { font-size: 1.25em;}
	
	#minisite #pieddepage a.button-maps {
		padding: 4px 38px 4px 38px;
		margin: .2em auto;
		color: #fff;
		text-decoration: none;
		text-align: left;
		background-size: 28px;
	}
	
}

@media only screen and (max-device-width : 560px) , screen and (max-width: 560px) {	
	
	/*** Mobile ***/
	
	
	#minisite #presentation .texte {
		width: 100%;
	}
	#minisite #presentation .texte, #minisite .encart {
		font-size: 1em;
		text-align: center;
	}
	#minisite .red { font-size: 1.1em;}
	#minisite .encart .picto-depannage {
		display: inline-block;
		float: none;
		width: 100%;
		height: 3em;
		margin-right: 2em;
		background: url(../img/picto-depannage.png) no-repeat center center;
		background-size: contain;
	}
	#minisite .deco { display: none;}
	
	#minisite .photos img {
		width: 100%;
		margin: 1em 3%;
	}
	#minisite #pieddepage a.button-maps {
		
	}
	#minisite .lien-catalogue a {
		font-size: 12px;
	}
	#minisite .lien-catalogue #logo-kap {
		padding: 3px 15px;
		background-size: auto 80%;
	}
	#minisite article#homepage h1 {
		font-size: 20px;
		line-height: 1.2em;
	}
	#minisite article#homepage h2 {
		font-size: 20px;
		line-height: 1.2em;
	}
	
	
}