/*
╭━━━━━━━━━━━╯ KARIMBA-DESIGN ╰━━━━━━━━━━━╮
	
	Feuille de styles 
	
 _________________________________________________________ 
	Mis à jour le 04/08/2017 à 16:29:26 par Y. Guérin
	© KARIMBA-DESIGN > http://www.karimba-design.fr
╰━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╯
*/

#main {
	background: #8C9397 url(../img/home/carte-bretagne.jpg) no-repeat right -3%;
	background-size: 40%;
}
.KFormHTMLContent .KResp {position: relative;}
.KFormHTMLContent .carte {
	display:none;
	width: 110%;
    margin: -7% 0 -21% -10%;
	z-index: 0;
}
.KFormHTMLContent .intro {
	padding: 3% 33% 1em 5%;
	z-index: 1;
}
.KFormHTMLContent .intro p {
	line-height: 1.5em;
	text-align-last: left;
}
.KFormHTMLContent .intro .minheight {
	float: right;
	width: 0;
	height: 0;
	padding-top: 24%;
}
.KFormHTMLContent .bigbloc {
	width: 15.8em;
	margin: 0 4% 4% 0;
}
.KFormHTMLContent .bigbloc.cabanes h2:first-letter {letter-spacing: -0.15em;}
.KFormHTMLContent .bigbloc.gites h2:first-letter {letter-spacing: 0.05em;}
.KFormHTMLContent .bigbloc.bien-etre h2:first-letter {letter-spacing: 0;}

.KFormHTMLContent .bigbloc.cabanes 	 {background: #A5CC02;}
.KFormHTMLContent .bigbloc.chambre 	 {background: #6ABCE1;}
.KFormHTMLContent .bigbloc.gites 	 {background: #D05651;}
.KFormHTMLContent .bigbloc.bien-etre {background: #CC9F4C;}
.KFormHTMLContent .bigbloc.cabanes:hover	{background: #FFF;}
.KFormHTMLContent .bigbloc.chambre:hover	{background: #FFF;}
.KFormHTMLContent .bigbloc.gites:hover 	 	{background: #FFF;}
.KFormHTMLContent .bigbloc.bien-etre:hover	{background: #FFF;}

.KFormHTMLContent .bigbloc.cabanes:hover 	.buttons li a {color: #A5CC02;}
.KFormHTMLContent .bigbloc.chambre:hover 	.buttons li a {color: #6ABCE1;}
.KFormHTMLContent .bigbloc.gites:hover	 	.buttons li a {color: #D05651;}
.KFormHTMLContent .bigbloc.bien-etre:hover	.buttons li a {color: #CC9F4C;}
.KFormHTMLContent .bigbloc.cabanes 	 .buttons li a:hover,
.KFormHTMLContent .bigbloc.cabanes 	 .buttons li a:focus {color: #A5CC02;}
.KFormHTMLContent .bigbloc.chambre 	 .buttons li a:hover,
.KFormHTMLContent .bigbloc.chambre 	 .buttons li a:focus {color: #6ABCE1;}
.KFormHTMLContent .bigbloc.gites	 .buttons li a:hover,
.KFormHTMLContent .bigbloc.gites	 .buttons li a:focus {color: #D05651;}
.KFormHTMLContent .bigbloc.bien-etre .buttons li a:hover,
.KFormHTMLContent .bigbloc.bien-etre .buttons li a:focus {color: #CC9F4C;}

.KFormHTMLContent .bigbloc:hover .buttons li a:hover,
.KFormHTMLContent .bigbloc:hover .buttons li a:focus {
	color: #000;
}

.KFormHTMLContent .goldenblocs {padding: 0 0 5% 5%;}
.KFormHTMLContent .goldenbloc {
	width: 7.8em;
    margin: 0 1% 0.6em;
}
@media (min-width : 1025px) {
	.KFormHTMLContent .bigblocs {display: block;width: 100%;padding: 0 5%;}
	.KFormHTMLContent .bigbloc {width: 23.45%;margin: 0 1% 5%;font-size: 0.5em;}
	.KFormHTMLContent .nbspec .goldenbloc {font-size: 0.48em;}
	#main {background-position: right -5%;background-size: 28%;}
	.KFormHTMLContent .intro {padding: 3% 25% 1em 5%;}
}
@media (min-width : 1600px) {
	#main {background-size: 25%;}
	.KFormHTMLContent .intro {padding-right: 23%;}
	.KFormHTMLContent .intro .minheight {padding-top: 20%;}
}
@media (max-width : 900px) {
	#main {background-position: right 0;}
}
@media (max-width : 600px), (max-height : 600px) {
	#main {background-size: 60%;}
	.KFormHTMLContent .intro {padding-right: 5%;font-size: 0.9em;}
	.KFormHTMLContent .intro p {text-align: left;}
	.KFormHTMLContent .intro .p1 {padding-right: 20%;}
	.KFormHTMLContent .intro .p2 {padding-right: 55%;}
	.KFormHTMLContent .intro .p3 {padding-right: 28%;}
	.KFormHTMLContent .bigbloc {display: block;width: 100%;margin: 0 0 5%;}
	.KFormHTMLContent .goldenblocs.nbspec {padding: 0 5%;text-align: center;}
}
@media (max-width : 500px) {
	#main {background: none;}
	.KFormHTMLContent .carte {display:block;}
	.KFormHTMLContent .intro {font-size: 1em;padding: 5%;}
	.KFormHTMLContent .intro p {
		text-align: justify;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.KFormHTMLContent .intro .p1,
	.KFormHTMLContent .intro .p2,
	.KFormHTMLContent .intro .p3 {padding-right: 0;}
	.KFormHTMLContent .goldenblocs.nbspec {padding: 0 0 0 5%;text-align: left;}
	.KFormHTMLContent .goldenblocs.nbspec .goldenbloc {width: 45%; margin: 0 3.4% 2% 0;}
	.KFormHTMLContent .goldenblocs.nbspec .goldenbloc a span {font-size: 1em;}
}
@media (max-width : 400px) {
	.KFormHTMLContent .goldenblocs.nbspec .goldenbloc a span {font-size: 0.85em;}
}

/* ╰━┅┉┈  © KARIMBA-DESIGN - www.karimba-design.fr  ┈┉┅━╯ /*